哎老铁们，今天折腾了个好玩的东西——给我家闺女整个专属动画官网！闺女天天念叨什么美羊羊暖羊羊的，官方找半天没个正经站子，得，自己动手呗。
一、起念头
本来想直接套模板完事儿，结果发现现成的模板不是要钱就是广告满天飞。我家那四岁半的小祖宗举着平板直嚷嚷：“爸爸这个好丑！”得了，手撸代码。
...
哎老铁们，今天折腾了个好玩的东西——给我家闺女整个专属动画官网！闺女天天念叨什么美羊羊暖羊羊的，官方找半天没个正经站子，得，自己动手呗。
一、起念头
本来想直接套模板完事儿，结果发现现成的模板不是要钱就是广告满天飞。我家那四岁半的小祖宗举着平板直嚷嚷：“爸爸这个好丑！”得了，手撸代码。
二、开工干活
先翻闺女绘本找素材，手机咔咔拍了几十张图，重点拍了几个她最喜欢的角色造型。结果发现：
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
- 手机拍绘本反光严重——拿台灯打侧光折腾半小时
- 羊角细节糊成马赛克——开了手机微距模式重拍
- 闺女非要加她画的喜羊羊——行扫描仪再折腾一波
三、硬磕技术
搞前端的老本行差点翻车：
- 拿CSS画羊角画到凌晨三点
- 闺女非要点击慢羊羊出个“智慧草”特效
- 手机上一滑动就卡成PPT
四、神仙操作
解决方案朴实无华：
- 羊角直接上SVG——描绘本轮廓硬画
- 用免费图库的云朵素材当背景
- 缓存全清重写动画逻辑
那个该死的弹窗更搞笑——原来是把旧移动硬盘里的陈年代码当素材拷进去了。
五、闺女验收
成品往平板上一放： “爸爸懒羊羊怎么没有零食袋子呀？”
得，又熬通宵加了点击掉青草蛋糕的动画。
成果：
1. 六个角色介绍页（配点我写的弱智小故事）
2. 八个可交互动物彩蛋
3. 手机平板都能顺滑看
代价是三个月没碰的颈椎病又犯了。
现在这项目已经沦为：七大姑八大姨家孩子的看图工具。上周二表嫂还打电话：“你家网站卡半天出不来！”一看后台日志——她家娃狂点懒羊羊把蛋糕动画点了两百多次...
不说了，接孩子放学去了。她今天指定又要加新需求，上次说想要会下雨的网页，真当爹是龙王？
