山河列国志 乱世一统策略游戏
by MegaStar6343 lines2.3 KB
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>山河列国志 乱世一统策略游戏</title>
<style>
*{margin:0;padding:0;box-sizing:border-box;font-family:微软雅黑;}
body{background:#0f1522;color:#f0f4f9;padding:12px;}
.box{background:#1a2336;border-radius:16px;padding:15px;margin-bottom:14px;border:solid 1px #313e55;}
.title{font-size:22px;text-align:center;color:#f8d278;font-weight:bold;margin-bottom:10px;}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;}
.info{background:#273349;padding:9px;border-radius:9px;font-size:14px;}
button{width:100%;padding:11px;border:0;border-radius:10px;margin:5px 0;font-size:15px;font-weight:bold;}
.b1{background:#d6af55;color:#000;}
.b2{background:#3e5b88;color:#fff;}
.b3{background:#7c3939;color:#fff;}
.b4{background:#2c4936;color:#fff;}
.b5{background:#503b72;color:#fff;}
.b6{background:#82543c;color:#fff;}
.b7{background:#b88048;color:#000;}
.armytxt{line-height:1.6;font-size:14px;color:#cdd7e8;}
.choose{background:#222c40;padding:14px;border-radius:12px;text-align:center;}
.endgame{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);display:none;text-align:center;padding-top:180px;color:#f9d870;font-size:26px;font-weight:bold;}
</style>
</head>
<body>
<div id="endPage" class="endgame">
<div id="endText"></div>
<br><button onclick="restartGame()" style="width:160px;margin:auto;">重新开局乱世</button>
</div>
<div id="startScreen" class="box">
<div class="title">乱世山河 阵营抉择</div>
<div class="choose">
<p>选择你的立国势力,每种阵营自带专属天赋与独有神兵</p><br>
<button class="b2" onclick="pickCamp(0)">中原王朝|攻守均衡·万民安稳【专属禁军】</button>
<button class="b3" onclick="pickCamp(1)">北疆游牧|骑兵增幅·耗粮减少【雪原狼骑】</button>
<button class="b4" onclick="pickCamp(2)">江南藩国|物产富饶·资源暴涨【碧水羽卫】</button>
<button class="b5" onclick="pickCamp(3)">西漠雄邦|城防厚重·步兵无敌【黄沙死士】</button>
</div>
</div>Game Source: 山河列国志 乱世一统策略游戏
Creator: MegaStar63
Libraries: none
Complexity: simple (43 lines, 2.3 KB)
The full source code is displayed above on this page.
Remix Instructions
To remix this game, copy the source code above and modify it. Add a ARCADELAB header at the top with "remix_of: -megastar63" to link back to the original. Then publish at arcadelab.ai/publish.