今天捣鼓了个挺邪门的项目,名字叫《狂妄喵娘的快堕菜单》——听上去就不太正经对?本来想当个普通官网做,结果硬生生被需求带沟里了。现在摸着键盘回想过程,手指头还在抽抽。
起手就被需求创飞
客户甩过来三行需求:要粉紫色调、满屏猫耳弹窗、每次点击按钮都有喵叫。我心说这需求撑死两天搞定,结果打开美术给的源文件当场傻眼。那些动态猫耳朵全是逐帧手绘的GIF,一个按钮特效拆了二百多帧图包,压缩包解完直接撑爆我D盘50G空间。
硬着头皮搭框架
抓着后脖颈把自己摁在电脑前:
- 先拿Bootstrap糊了个基础框架
- 猫耳弹窗用jQuery绑点击事件
- 特效图层全塞进absolute定位的div里
小编温馨提醒:本站只提供游戏介绍,下载游戏推荐89游戏,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区
刚堆完三层弹窗就开始卡帧,Chrome内存占用飙到1.2G。机箱风扇跟直升机起飞似的呜呜转,吓得我赶紧把喵叫音频从wav转成8bit的mp3。
手机端直接崩盘
电脑端勉强跑顺后美滋滋掏出手机测试,刚点开菜单界面就眼前一黑——满屏猫耳把导航栏顶到九霄云外,触控区域错乱得点关闭弹窗居然能触发付款按钮。蹲在路由器旁边重写css:
把px单位全改成vw/vh
弹窗叠加用z-index分层管理
动态图全部上lazyload
调试到凌晨三点终于能在千元安卓机上跑顺,就是手指头碰到猫耳特效时还会卡顿半秒。
埋的坑真绝了
临上线前发现个要命bug:Safari浏览器播放喵叫音频永远延迟0.5秒。试了七种音频加载方案都不行,破罐破摔搞了个骚操作——在用户触摸屏幕时就预加载静音音频。现在官网每次刷新都会偷偷下载10MB的猫叫合集包,反正云服务器流量不要钱(苦笑)。
交付时客户盯着满屏乱蹦的猫耳直拍大腿:“对!就是要这种精神污染的感觉!” 行,您满意就就是这项目做完后我看我家真猫都有重影…
免责声明:喜欢请购买正版授权并合法使用,此软件只适用于测试试用版本。来源于转载自各大媒体和网络。
此仅供爱好者测试及研究之用,版权归发行公司所有。任何组织或个人不得传播或用于任何商业用途,否则一切后果由该组织及个人承担!我方将不承担任何法律及连带责任。
对使用本测试版本后产生的任何不良影响,我方不承担任何法律及连带责任。
请自觉于下载后24小时内删除。如果喜欢本游戏,请购买正版授权并合法使用。
本站内容侵犯了原著者的合法权益,可联系我们进行处理。