那天半夜刷推特看到同人图,脑子一抽突然想给《纯情魅魔的同居生活》搞个官网。这游戏连steam页面都简陋得要命,同人二创倒是一大堆,咱寻思着搞个能汇总同人作品还能下载试玩版的破站应该挺有意思。
一、上来就踩坑
大清早爬起来打开电脑,先扒拉游戏原画当素材。手贱直接拖了PSD源文件,好家伙单个就300MB,网页加载不得卡成狗?抠图抠到眼冒金星,直接截游戏截图用,反正官网又不卖钱。文字介绍更离谱,魅魔设定集里那段“吸血会触发粉色特效”的说明改了三遍还是像小黄文,干脆复制了steam商城的正经简介。
二、开肝之路:卡顿卡成狗
打开VS Code新建HTML的时候还美滋滋,结果写个导航栏就给我整破防了。想着搞个悬浮渐变按钮,CSS调半天不是位置飘了就是颜色像荧光粑粑。最绝的是学人家加JS动画,鼠标碰到魅魔翅膀该扑棱扑棱对?好嘛老电脑直接风扇起飞,页面卡成了PPT。气得我删了半屏代码,老老实实用静态图。
三、穷逼的智慧
小编温馨提醒:本站只提供游戏介绍,下载游戏推荐89游戏,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区
本来想租服务器,看到价格直接跪了:
- 阿里云最便宜一年278?抢钱
- 域名xx魅魔.com被黄牛标价2000刀
- Cloudflare还要绑信用卡
还是滚去用GitHub Pages,白嫖真香!虽然上传时手抖把未和谐版游戏包传上去了,吓得我凌晨三点狂删commit记录,差点把仓库删秃噜了。
四、土味审美大作战
排版时非要学日系官网搞粉紫配色,结果活像葬爱家族官网复活。截了二十版色号对比后认命:
- 背景改成牛奶白
- 按钮直接用游戏UI的玫红色
- 文字阴影加一像素深灰
压缩图片时更搞笑,tinypng把魅魔的邪眼压成了斗鸡眼,自己用画图补了半天高光。
五、上线后现原形
扔群里让基友测试,反馈笑死人:
- 手机端点下载按钮会触发魅魔呻吟音效(社死当场)
- Edge浏览器加载同人图集直接乱码
- 防盗链把P站图全变成禁止符号
蹲麦当劳改了两整天,现在官网终于能看了。虽然还有十几个bug懒得修,但至少下载按钮不唱歌了,访问地址藏在GitHub里反正也没几个人能找到,摆烂万岁!
成本算下来就两杯奶茶钱,最大的开销是改代码时捏烂了三个酸奶盒子。下次再搞同人官网我是狗,除非…咳咳有新老婆上线。