超能力-重制版官方网站

那个叫《超能力》的游戏，老玩家都知道。但官方那个网站，这么多年过去了，简直是丢人。我上次点进去看重制版的消息，差点以为自己穿越回了拨号上网的时代。颜色土得掉渣，字小得看不清，图片也是糊的。

我跟我那帮玩游戏的朋友抱怨，他们说你就说好听点是“复古”，我说复古个屁，就是懒！越说越气，我这急性子就按捺不住了。

拍桌：自己动手，重制官网

心想，妈的，一个重制版官网能有多难？说干就干。我把那台平时堆灰的老电脑给搬出来，清了清上面的灰尘，打开了那个我用了快十年的编辑器。我不是那种搞专业开发的，我就是个业余的爱好者，工具都是最顺手的土办法。

我的原则很简单：快，以及纯粹。这个游戏的核心精神就是简单暴力，网站也得是这个味儿。我先拿了一张白纸，用铅笔画了画大概的布局，就三个板块：首页、角色介绍、新版本公告。布局不能复杂，要干净利落。

我的实践过程，就是跟自己较劲的过程：

小编温馨提醒：本站只提供游戏介绍，下载游戏请前往89游戏主站，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区



• 第一步：确定颜色。 我把官方海报上的那股子黑和红给提出来，作为主色调，必须有那股子街机厅的味儿。
• 第二步：找到素材。 最大的麻烦就是那个主视觉图。我找了半天，原始分辨率的素材根本找不到。还是自己从游戏里截了好几张高清的画面，然后用一个免费的P图软件，硬是给拼成了一张特大号的图。
• 第三步：动手写。 我敲下了第一行代码，先把黑色的背景铺满。然后用红色做出一个闪烁的标题特效。我没有用什么花里胡哨的框架，纯粹就是最土的静态页面写法。

较劲：一个通宵的抠图与争执

光调那个主视觉图的透明度和阴影，我就搞了整整一个通宵。眼睛都快瞎了。老婆早上起来，看我还在那儿对着屏幕抠图，骂我是不是又疯了，瞎折腾。

我为啥非要折腾这个？这事儿说来话长，主要是前段时间，我一个老同事，非说现在做网站不用什么框架就是垃圾。他整天吹嘘他那个什么微服务，说我这种静态网站就是小学生水平，完全没有维护性。我这人就爱较真，我心里憋着一股气。

我说，《超能力》这个游戏，它的精神就是简单、纯粹、暴力。你搞一套臃肿的系统上去，那是糟蹋。我就要用最简单、最笨的方法，给他做出一个既快又好看的网站。我就是为了证明，不是技术越新越是能解决问题的技术才是最好的。

他当时听了我的话，嗤之以鼻。我心里想，行，你等着。

收尾：证明我的老土才是王道

我把网站的自适应效果也调好了，无论是电脑看还是手机看，都能迅速加载出来，那速度，嗖嗖的。我检查了三遍，确保每一个角色介绍的页面都能一下子跳出来，没有任何多余的等待。

搞完之后，我把最终的页面截图和一段录屏扔给了那个老同事。他点开，页面干干净净，加载速度飞快。他啥也没说，就回了我一个竖大拇指的表情。我心里那叫一个舒坦。

这个《超能力-重制版官方网站》，就这么在我的旧电脑里诞生了。跑得比官方那个破网站快十倍。这个实践记录，就是一个老玩家对“纯粹”的坚持，也是对我那个老同事的回击。