这项目咋来的
上个月刷推看见个独立游戏《魔女与猫的桃源乡》,像素风可爱炸了!主角是个养黑猫的魔女,我当场拍大腿:这不就是我梦游都想玩的题材吗?结果搜半天愣是没找着官网。得,自己动手整一个!
抄家伙开干
先打开我那破笔记本,新建个文件夹叫“养猫魔女大计划”。打开编辑器第一件事:把游戏宣传图全扔进去。主视觉图是魔女抱猫坐屋顶上看月亮,赶紧设为网页背景。调色时候可纠结了——紫色代表魔女,黑色代表猫,调了半小时才搞出那种神秘又温暖的感觉。
接着琢磨排版:
- 最顶上大字报式横幅“魔女与猫的桃源乡”,底下加一行小字“猫毛沾满法袍的日常”
- 左边列游戏特色:
- 会抓萤火虫的黑猫
- 能种魔法蘑菇的花园
- 半夜偷鱼吃的邻居家猫妖
- 右边放实机截图,gif图加载慢得要死,气得我狂啃苹果
小编温馨提醒:本站只提供游戏介绍,下载游戏推荐89游戏,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区
折腾死人的细节
做导航栏时脑子抽风,非要搞个猫爪按钮。画了八个版本,不是像熊掌就是像鸡爪,用现成图标应付了事。最坑的是角色介绍页:魔女档案和猫主子图鉴挤在同一个页面,手机上看根本分不清谁是谁。半夜三点突然拍脑袋:加个切换标签!左边点开是魔女资料,右边点开是猫主子高清写真。
做邮箱订阅框时更搞笑:输入框旁边放个旋转的猫尾巴当光标。结果测试时候发现,这玩意儿转三圈就卡住不动,活像被绝育的猫蔫了唧趴着,气得我直接删代码重写。
血泪教训
千万别在没存稿的时候喝奶茶!做游戏截图轮播时,手一抖把咖啡泼在触控板上。眼睁睁看着刚调好的CSS被删得精光——合着我两小时白干。老老实实给轮播图加了简易箭头按钮,折腾猫爪交互纯粹是给自己挖坑。
临上线前才发现开发者模式忘关,网页底下挂着调试红字。朋友发微信吐槽:“你们官网底下咋还有报错?”吓得我差点把手机扔鱼缸里。
现在长这样
折腾七天终于能看了:
- 首页飘着会动的魔法星光
- 角色介绍页能切换人猫档案
- 开发日志用羊皮卷轴样式
- 联系方式藏在黑猫尾巴尖上(鼠标滑过去才显示)
刚传上服务器,我家真猫就跳上键盘一通踩。得,网页标题栏被改成“魔女与猫wwwwwwwwwwwwww的桃源乡”...算了,就当是喵主子给的官方认证!

