大伙儿晚上今天瞎折腾了一天，总算把那个一直盘旋在我脑子里的想法给实践了——就是那个“鬼畜义父游戏官网”。对，你没听错，就是这么个玩意儿。下面我就给大伙儿从头到尾捋捋我是怎么一步步把它给捣鼓出来的。
这事儿得从我最近老刷到的一些鬼畜视频说起。特别是那些把一些经典游戏角色，尤其是那种特严肃、特有压迫感的“义父”型角色，拿来做各种搞笑剪辑的，看得我那是嘎嘎乐。看着看着，我就寻思，欸，这么多零散的素材，要是能给它“官方化”一下，搞个煞有介事的“游戏官网”，那得多带劲儿！纯属娱乐，就是想整个活儿。
有了念头，我就开始琢磨这网站得有不能真做个游戏出来，那工程量太大了，咱也没那技术。定位就是一个充满鬼畜元素的、假装是官方网站的粉丝娱乐站点。
我寻思着，一个“官网”该有的元素，咱也得有模有样地整上：
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
大概就这么几个板块，内容全靠编，图片全靠P，主打一个氛围感。
技术选型上，我没搞太复杂的。就用了最基础的HTML、CSS，再加一点点JavaScript搞点小动画，让页面不那么死板。毕竟重点是内容和那个“鬼畜”的味儿。
第一步：搜集素材。 这是最欢乐的一步。我跑去各大视频网站、图片社区，搜罗了大量“义父”相关的表情包、P图、经典语录，还有那些魔性的BGM片段。感觉自己像个捡垃圾的，但捡的都是宝贝！
第二步：设计整体风格。 我琢磨着，既然是“鬼畜义父”，那风格就得又严肃又搞笑。主色调可以参考一些硬核游戏的暗色系，但图标、按钮啥的，可以做得卡通一点，或者故意粗糙一点，形成反差萌。
第三步：码代码，搭架子。 我先用HTML把各个页面的基本结构给搭了出来，比如导航栏、内容区、页脚这些。这一步没啥技术含量，就是体力活，把规划好的板块一个个对应到HTML标签上。
第四步：填充内容，P图写文案。 这是灵魂所在。我把搜集到的素材进行二次创作。比如“新闻动态”，我就编了一条“义父AI升级，现在能用十八国语言训斥你了！”；“角色介绍”里，我把“义父”的普通攻击P成了发射“爱心光波”。文案也尽量往搞笑、无厘头的方向靠。那些经典的“你滴明白？”、“你来真的？”之类的梗，都得用上。
第五步：CSS美化（或者说“丑化”）。 我刻意用了一些比较夸张的字体，颜色搭配也追求一种“土潮土潮”的感觉。有些地方故意做得有点像素风，或者像是上世纪90年代网站的风格，突出一个“鬼畜”的“古早味”。
第六步：JavaScript小点缀。 比如鼠标放上去按钮会抖动，或者页面上随机飘过几个“？”、“！”之类的符号。都是些简单效果，但能增加一点互动和趣味性。
第七步：本地测试和调整。 在自己电脑上反复打开看效果，哪里不顺眼就改哪里。比如图片太大了加载慢，或者某个按钮颜色太刺眼，都得细细调整。特别是那个假的“下载”按钮，我设计了好几个版本的提示语，选了个最欠揍的。
整个过程最大的乐趣就是编那些瞎话和P图了，经常自己弄着弄着就笑出声。比如给“义父”P上一副粉红色的墨镜，旁边配文“潮流教父，引领时尚”。
坎儿嘛主要还是素材不好找，或者说，找到的素材清晰度不够，P出来效果不还有就是，有时候想追求那种“糙”的感觉，但又怕做得太糙了，真跟病毒网站似的，这个度的把握还挺微妙的。
折腾了差不多一整天，总算是把这个“鬼畜义父游戏官网”给初步搞出来了。虽然功能简单，技术含量也不高，但看着自己亲手搭建的这个充满槽点的网站，还是挺有成就感的。就是那种“一本正经地胡说八道”的快乐，懂的都懂。
目前也就是个本地的静态页面，自娱自乐挺说不定哪天心血来潮，再给它加点新功能，比如整个“玩家评论区”（评论当然也是我自己编的）。
行了，今天的实践记录就到这儿。主要是分享个过程，图一乐呵。大伙儿有啥好玩的点子，也可以自己动手试试，过程真的挺解压的！
