冰河雪痕
by BlazingCobra44255 lines12.4 KB
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>冰河雪痕</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "微软雅黑", sans-serif;
}
body {
background: #e8f0f8;
line-height: 1.8;
padding: 20px;
}
.wrap {
max-width: 800px;
margin: 0 auto;
background: #fff;
padding: 30px;
border-radius: 10px;
box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
h1 {
text-align: center;
color: #2c4a70;
margin-bottom: 20px;
font-size: 24px;
}
.title {
font-size: 17px;
color: #3a5b88;
font-weight: bold;
margin: 15px 0 10px;
}
.text {
font-size: 16px;
color: #333;
margin-bottom: 25px;
white-space: pre-line;
}
.btn-group {
display: flex;
flex-direction: column;
gap: 12px;
}
.btn {
padding: 12px;
background: #4068a3;
color: #fff;
border: none;
border-radius: 6px;
font-size: 15px;
cursor: pointer;
transition: 0.2s;
text-align: left;
}
.btn:hover {
background: #2d4e7c;
}
.end-title {
color: #b72424;
font-size: 18px;
font-weight: bold;
margin: 20px 0;
}
.restart {
background: #9c2c2c;
margin-top: 30px;
}
.page {
display: none;
}
.page.active {
display: block;
}
</style>
</head>
<body>
<div class="wrap">
<h1>冰河雪痕</h1>
<div id="p0" class="page active">
<div class="title">【序章：雪上的“幻”字】</div>
<div class="text">下午下课你不知怎么来了兴趣，走到被牢牢冻住的河上散步，你盯着河面看了很久。
不一会雪地里被你踩出了两个巨大的字，左边是“幻”，右边是“界”，像有人用树枝一笔一划，写得工整又诡异。中央还画了一个圈，圈里的符号像某种古老的阵纹。
你知道这河的传说。学长们开玩笑的说，这河底压着东西，是学校建校时就封死的“界”。雪太大，你看不清远处的教学楼，只听见风卷着碎雪，在耳边发出低低的嗡鸣。
这时，你发现河边立着的警示牌，不知何时，字里透出了淡蓝色的光。你往前迈了一步，脚下的雪发出“咯吱”的轻响。</div>
<div class="title">【起：你决定先做什么？】</div>
<div class="btn-group">
<button class="btn" onclick="go('p1')">选项1：蹲下来，仔细看雪上的字</button>
<button class="btn" onclick="go('p2')">选项2：转身离开，假装什么都没看见</button>
<button class="btn" onclick="go('p3')">选项3：走向中央的圈</button>
</div>
</div>
<div id="p1" class="page">
<div class="text">你蹲下身，指尖快要碰到雪面的瞬间，“幻”字的笔画突然亮了一下。
雪地里的痕迹不是踩出来的，是雪自己陷下去的。每一道线条都像在呼吸，你甚至能听见冰层下传来的、极其轻微的水流声。
“喂，别碰那个。”身后传来声音。你回头，是一个穿黑色长羽绒服的男生，背着包，站在几步远的地方，表情很严肃。
“你也看到了？”他走过来，“这字不是人写的。”</div>
<div class="btn-group">
<button class="btn" onclick="go('p4')">继续</button>
</div>
</div>
<div id="p2" class="page">
<div class="text">你心里发毛，转身往教学楼走。刚走出两步，身后突然传来一声冰裂的脆响。
你回头，河面的“界”字突然消失了，雪片正疯狂地往那个位置卷，像被一只手吸进去。
“别跑！”有人喊你。那个穿黑色长羽绒服的男生从雪地里冲过来，一把拉住你的手腕。
“你看不见吗？它要破了！”他的指尖很冷，带着一种不属于活人的温度。</div>
<div class="btn-group">
<button class="btn" onclick="go('p4')">继续</button>
</div>
</div>
<div id="p3" class="page">
<div class="text">你鬼使神差地往中心走。冰面很滑，每一步都能听见冰层下的闷响。
走到圈边，你低头，看见雪下的冰面映出了一张脸——不是你。那是一个穿校服的女生，脸被冻得青紫，眼睛睁得很大，正隔着冰层，静静地看着你。
你吓了一跳，差点滑倒。一只手扶住了你。
“别踩进去。”男生的声音在你身后响起，“踩进去，你就回不来了。”</div>
<div class="btn-group">
<button class="btn" onclick="go('p4')">继续</button>
</div>
</div>
<div id="p4" class="page">
<div class="title">【承：界的守护者】</div>
<div class="text">（承接任意选项，你和男生在河边停下。他叫沈砚，是学校里的“守界人”，每一届都有一个，负责看住这河底的东西。）
“那不是普通的冰。”沈砚踢了踢脚边的雪，“是结界。雪上的字是界缝漏出来的东西写的，它想引活人进去，破了结界。”
他指了指“幻”和“界”两个字：“‘幻’是它的诱饵，‘界’是它的目标。你要是碰了，或者踩进那个圈里，就会被拉进它的幻境里，永远困在冬天。”
你看着湖面，冰层下的那张脸已经消失了。沈砚的表情很认真，不像在开玩笑。
“现在有两个办法。”他看向你，眼神里带着一丝无奈，“要么，我们一起把它压回去；要么，你就当没看见，从现在开始别靠近河边。但我不确定，它会不会已经盯上你了。”
你摸了摸手腕，刚才他拉过的地方，留下了一道淡蓝色的、像冰一样的痕迹。</div>
<div class="title">【关键分支选项】</div>
<div class="btn-group">
<button class="btn" onclick="go('p5')">选项A：和沈砚一起，试着加固结界</button>
<button class="btn" onclick="go('p8')">选项B：拒绝参与，立刻远离河边</button>
</div>
</div>
<div id="p5" class="page">
<div class="text">你决定帮他。沈砚从包里拿出一把刻着奇怪纹路的旧木尺，递给你：“这是守界人的信物，你拿着它，它伤不到你。”
你们沿着湖边走，沈砚教你在结界薄弱的地方，用木尺在雪上画出封印的纹路。你每画一笔，冰层下的嗡鸣声就弱一分。
画到一半，雪突然变大了，风卷着碎雪打在脸上。你听见身后有人喊你的名字，声音很熟悉，像你的同学。
回头，雪地里站着一个和你一模一样的人，穿着和你一样的衣服，冲你笑：“别信他，他才是假的。”
沈砚的脸色瞬间变了：“别回头！那是它的幻境！”</div>
<div class="btn-group">
<button class="btn" onclick="go('p6')">A1：相信幻象，推开沈砚</button>
<button class="btn" onclick="go('p7')">A2：相信沈砚，用木尺打破幻象</button>
</div>
</div>
<div id="p6" class="page">
<div class="end-title">【结局A1：永远的冬】</div>
<div class="text">你一把推开沈砚，走向那个“自己”。就在你伸手碰到它的瞬间，脚下的冰面突然裂开，你整个人往下掉。
沈砚伸手想拉你，却只抓到一片雪。你听见他喊你的名字，声音越来越远。
你掉进了湖底。这里没有光，只有无尽的冰和雪。你抬头，看见冰面上，那个“你”正和沈砚站在一起，笑着，和他一起加固结界。
你才明白，被冻住的人，是你。
你被困在了幻境里，永远停在了这个冬天。学校里的人会记得，有个学生在雪天掉进了河里，再也没上来。而真正的你，永远活在了冰下的、没有尽头的冬天里。</div>
<div class="btn-group">
<button class="btn restart" onclick="go('p0')">重新开始</button>
</div>
</div>
<div id="p7" class="page">
<div class="end-title">【结局A2：守界人】</div>
<div class="text">你握紧手里的木尺，对准那个“自己”挥过去。木尺碰到它的瞬间，它发出一声尖叫，像雪一样碎成了粉末。
冰层下的嗡鸣声消失了。沈砚松了口气，冲你笑了笑：“还好，你没被它骗。”
你们一起把最后一道封印画完，湖面上的“幻”和“界”两个字，慢慢被新的雪盖住了。
“谢谢你。”沈砚把木尺递给你，“以后，这就是你的了。”
你成了新一任的守界人。每年冬天，你都会拿着那把木尺，绕着结冰的河走一圈。你再也没见过沈砚，他像从来没出现过一样，消失在了春天里。但你知道，只要这条河冬天还冻着，你就要守在这里，守住这个界。</div>
<div class="btn-group">
<button class="btn restart" onclick="go('p0')">重新开始</button>
</div>
</div>
<div id="p8" class="page">
<div class="text">你摇摇头，说你不想掺和这些事。沈砚愣了一下，然后点了点头：“也好，离得越远越安全。”
你转身往宿舍走，雪越下越大。路上，你看见很多人往湖边跑，有人笑着说：“湖面上有好看的图案，去拍照啊。”
你心里咯噔一下，回头看，沈砚的身影已经消失在风雪里。
你跟着人群走回湖边，看见刚才的“幻”和“界”两个字，已经变得巨大无比，几乎占满了整个河面。很多人踩在“幻”字上拍照，笑着闹着，完全没注意到，他们脚下的冰面，正在一点点地裂开。</div>
<div class="btn-group">
<button class="btn" onclick="go('p9')">继续</button>
</div>
</div>
<div id="p9" class="page">
<div class="end-title">【结局B：被遗忘的旁观者】</div>
<div class="text">你看着那些踩在“幻”字上的人，冰面裂开的声音越来越响。你听见有人尖叫，然后，一个女生掉进了冰窟窿里。
人群乱了，有人跑，有人喊。你看见沈砚从雪地里冲出来，手里拿着木尺，往河中心跑。他想把裂开的结界补上，可已经晚了。
湖面上的“界”字亮了起来，发出刺眼的蓝光。整个校园的雪，都往湖里卷，像被黑洞吸进去一样。
你想跑，可脚像被冻住了一样，动不了。
沈砚回头看了你一眼，眼神里带着失望。然后，他跳进了冰窟窿里。
河面恢复了平静，雪也停了。那些掉进湖里的人，消失了，好像从来没存在过。你站在湖边，看着冰面，再也找不到“幻”和“界”的痕迹。
第二天，学校里没人记得昨天的事。只有你，记得那个冬天的雪，和那个跳进冰里的男生。
你成了唯一的知情人，却永远无法告诉任何人。每到冬天，你都会梦见那个冰窟窿，梦见沈砚回头看你的眼神。你再也不敢靠近那条河，可它永远冻在你的记忆里，成了一道永远不会消失的界。</div>
<div class="btn-group">
<button class="btn restart" onclick="go('p0')">重新开始</button>
</div>
</div>
</div>
<script>
function go(id) {
document.querySelectorAll('.page').forEach(item => {
item.classList.remove('active');
});
document.getElementById(id).classList.add('active');
window.scrollTo(0, 0);
}
</script>
</body>
</html>Game Source: 冰河雪痕
Creator: BlazingCobra44
Libraries: none
Complexity: complex (255 lines, 12.4 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: -blazingcobra44" to link back to the original. Then publish at arcadelab.ai/publish.