送给她的礼物后记

0x00 起因

这两天一直在努力做这个事情,平时的时间并没有因为放假而显得富裕,上午去教书,下午去学车,晚上回来除了自己个人的一些事情,再不算跟朋友聚会,时间所剩无几,庆幸的是自己能一直把这个事情当回事,努力的去做,参考这资料真的完成了自己这个听起来高大上的“调用了BaiDu地图的API,可以定义聚焦的地理位置和坐标尺,显示照片”的撩妹网站,其实从买下这个域名的那时候我就一直想着能为她提供些什么帮助,能让她手头有顺手的工具可用,可以让她开心一点,能让她感觉到养了一只程序猿的有利之处,可是一直没什么作为,一直都只是在记载我们恋爱时间长短,放了假闲暇时候就会自己思考,是不是该做点什么了,正好赶上生日契机,其实这件事情预谋很久了,原本是想用svg来做的,利用HTML5的api让制作蛋糕的过程展示出来,然后自己在加一些互动什么的,比如可以切个蛋糕出个surprise之类的,但是心里总觉得这样不是佷甘心。

0x01 转机

说来想必也是命中注定,今天在逛v2ex的时候突然看到wong2先生基于Google Maps API 做的一个祝福页面,当时立马感觉这就是我想要的滑板鞋,但是很尴尬的地方就是作者提供了Github项目地址之后,我down下来之后发现,由于是基于Google Maps API做的,所以首先要翻墙才可以正常的把程序运行起来,幸好我也是一个资深的tumblr用户,对于墙外的世界也不是没有办法,但是让我更难过的是他并没有采用预加载,所以很多图片还来不及加载已经结束了,当时我就想可不可以利用百度地图的api做一个类似的。

0x02 动手

然后就开始了不断的尝试与测试,自己查api各个函数,去思考怎么才能更好的适配,对网站也进行了一轮新的改版,首先加了一个简单的验证,加了几轮判断,然后把蛋糕画上以后,然后就开始了对api的实现,后来参考了loo2k大大的一些代码,自己的任务也减轻了很多,在不断的排除bug也算是按时完成了。

0x03 遗憾

遗憾的是时间有些紧迫,手机端并没有时间进行媒体查询,所以只能提供电脑端视频观看。

0x04 相关资源

http://www.html5tricks.com/html5-css3-new-cake.html

http://www.v2ex.com/t/31405?p=1

https://github.com/wong2/lovegift

0x05 视频分享

http://m.youku.com/video/id_XMTY2MDY1ODAzNg==.html?x=&sharefrom=android&from=timeline&isappinstalled=1