一开始的想法
前几天刷手机,我正无聊着,突然刷到这个“隔壁老王”游戏官网挂了。我一寻思着,这玩意儿挺有意思的,小时候玩过一点,咋就没了?这不浪费资源嘛结果手痒痒,我就决定亲自给它整活一遍,当个自己的小项目来玩玩。
准备工作
说干就干,我立马翻出旧电脑,这破机器啥软件都没有。先装个浏览器来瞅瞅原样儿。可是官网早没了,网上搜半天也找不着影儿。我就干脆开个文本编辑器,胡乱记下想法。
- 第一步,得搞个差不多的框架出来。
- 第二步,加点基本的页面,像是主页和下载区。
- 第三步,搞个动态效果,让它看起来活络点。
结果弄完这计划,脑袋一热,我又去查资料。记起要用点基础的HTML和CSS,别整太复杂,免得麻烦。
小编温馨提醒:本站只提供游戏介绍,下载游戏推荐89游戏,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区
动手开搞
我直接从主页开始捣鼓。打开编辑器,就敲个简陋的标题上去:“隔壁老王游戏官网重生版”。然后加了一堆方块,当导航栏。弄着弄着,发现颜色搭配乱七八糟,红配绿,看着眼睛疼。我就调调色调,换成灰不拉几的底色,结果顺眼多了。
我加了个下载区。想弄个下载按钮,结果手滑点错了,代码写成屎一样,页面一刷新直接崩了。气死了,我骂骂咧咧删了重写。这回直接照抄网上一个模板,糊弄糊弄搞定了。
- 下载按钮链接到我记了个占位符。
- 再加点说明文字,胡说八道一通。
搞到一半,肚子饿了,我就啃个饼干继续。弄完静态页面,我觉得太死板,就加了个小动画。结果动画卡成狗,帧率低的吓人。
遇到问题
页面基本弄好了,我想着该适配手机了。拿手机一看,天,屏幕全乱了,文字挤成一坨。我就去调CSS的响应式。可是不懂咋整,瞎改半天,改出个大窟窿。桌面版都给我毁了。气得我砸了键盘一拳头,差点放弃。
没法子,我发微信给哥们儿吐槽。他甩了句“用flexbox试试”。我照猫画虎,结果居然慢慢恢复了。改完了,看着凑合能用了。
最终实现
所有页面合一起,我点预览。居然没报错,挺顺畅的。我加了个假装动态的效果,说是游戏更新预告。就转了个圈圈,骗骗眼瘾。保存文件,上传到我本地服务器。
搞定了开瓶啤酒庆祝。这玩意儿虽然糙,但好歹是我的重生版。以后还能加点新东西,慢慢补。
反思,这项目就一个教训:别瞎搞,多备份。不然白忙活大半天。