得跟大家唠唠我前阵子手痒，瞎折腾出来的一个小玩意儿——《七宗罪HTML杨过游戏》。听着这名头是不是挺玄乎？就是用咱最常见的HTML，硬凑出来的一个互动阅读体验，说游戏可能都有点抬举它了。
一切的开端：脑子里那点不安分的想法
为啥会捣鼓这么个东西？说起来也简单。那天我瞅着屏幕发呆，突然就琢磨，“七宗罪”这玩意儿——傲慢、嫉妒、愤怒、懒惰、贪婪、暴食、淫欲——这些词儿，哪个都挺能戳中人心的。然后，杨过这个角色又在我脑子里蹦了出来，一身反骨，历经磨难，这不也挺有嚼头的嘛我就寻思，能不能把这两者捏一块儿，用最简单的网页技术，也就是HTML，搞点啥出来，给自己找点乐子。
动手前的瞎琢磨：这HTML该咋“作案”
我这脑子也是一团浆糊。光有概念不成，得落到实处。我就想，这“七宗罪”咋用HTML体现？总不能干巴巴地列出来。
- 傲慢：也许就是一段特别自信甚至有点目中无人的文字，配上个空荡荡的页面，让你觉得“就这？”。
- 嫉妒：可能会放两张图，一张特一张特差，然后提示你去“比较”，但你啥也改变不了。
- 愤怒：可能搞一堆乱七八糟的、让你点起来不爽的按钮或者布局。
- 懒惰：这个好办，直接一个页面，啥互动没有，就一段文字告诉你“歇着，别动了”。
- 贪婪：放一堆假的“宝箱”图片，或者用列表`
- `列出一堆“奖励”，你点来点去，发现都是空的，或者得到的提示是“还不够？”。
- 暴食：这个我想的是用很多重复的图片或者文字堆砌，撑满屏幕，让你感觉视觉上“吃撑了”。
- 淫欲：这个比较敏感，我就想着用一些隐晦的诗句或者模糊的图片描述，点到为止，主要靠氛围。
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
至于杨过，我一开始想的是，把他当成一个“闯关者”的视角。每一宗罪，都是他需要面对的一个心魔或者一个场景。可能用一些引言，或者在每个“罪”的页面底部，放一句杨过可能会说的话，用``标签加粗，让他像个旁白，或者说是个“过来人”。
开干！HTML标签搭架子
琢磨得差不多了，就开始动手码代码了。这玩意儿，说白了就是一堆HTML文件，一个文件代表一宗“罪”，或者一个阶段。
我先建了个主页 `*`，上面列出“七宗罪”的入口，可能就是七个加了点简单样式的文字链接，点一下就跳到对应的“罪”页面。每个“罪”的页面，比如 `*` (傲慢), `*` (嫉妒) 之类的，结构都大同小异。
基本上每个页面都离不开这些：
- 用`
`标签写上这宗罪的名称，大大的，显眼。
- 主体内容就用`
`标签来写描述、故事背景、或者给玩家的“指令”。
- 有时候为了强调某些词，会用``标签。
- 图片嘛就用`
`标签，不过我尽量找那种氛围感强点、版权宽松的图，或者干脆就是纯文字。
- 页面之间的跳转，就是最基础的锚点链接，也没啥花里胡哨的。
我还特意给“杨过”的元素留了位置，比如在每个“罪”的挑战结束（也没啥挑战，就是你看完了，点个“继续”之类的），会有一小段用`
`装着的，模仿杨过口吻的话，算是对他心路历程的一种呼应。
遇到的坎儿和“就这么着”的妥协
你还别说，用纯HTML搞，限制是真的大。一开始我还想着，能不能搞点简单的逻辑判断，比如根据用户的“选择”（就是点不同的按钮）给不同的反馈。后来发现，不引入JavaScript的话，光靠HTML那点能耐，真是啥也干不成。想得挺美，一动手就傻眼。
比如我想在“贪婪”那一关，让用户“拿”东西，拿多了就给个“贪得无厌”的评价。但纯HTML你咋记录用户拿了多少？没辙。只能简化，变成用户点一个“获取”按钮，然后文字反馈一下“你得到了XX，但内心似乎更空虚了”，这种纯粹的文本引导。
很多最初的想法，都变成了“就这么着”。重点从“互动”转向了“阅读”和“氛围体验”。我琢磨着，这可能也更符合“杨过”那种内省的调调，很多时候不是打打杀杀，而是内心的挣扎和感悟。
的样子和一点瞎想
捣鼓了几天，这所谓的《七宗罪HTML杨过游戏》就算是“完成”了。说白了，就是几个互相链接的HTML页面，每个页面用文字、偶尔的图片，去营造一种和某一宗“罪”相关的氛围，然后穿插点杨过的“内心独白”。
没啥酷炫的特效，也没啥复杂的操作，用户从头到尾基本就是“读”和“点下一页”。但整个过程下来，我自己还挺有成就感的。主要是体验了一把“返璞归真”，在各种高级框架满天飞的用最原始的HTML去表达一个相对复杂的主题，本身就是个挺有意思的尝试。
有时候想想，咱们是不是太依赖那些复杂的工具了？偶尔回归一下本质，用最简单的砖头去盖房子，虽然盖不高，盖不华丽，但那种一砖一瓦亲手码起来的感觉，还真是挺不一样的。至少，这回瞎折腾，让我对HTML这老伙计又多了点亲切感。
