国庆这两天,网站多了很多会动、会发光的东西。也是这两天,我第一次把做好的效果整个撤掉。
金色星尘:深色版的鼠标变成了一颗金色亮星,划过时身后洒一路金粉,越往后越散、越淡,像流星的尾巴;移到能点的地方,亮星外会多一圈金环。节日烟花也换成同一种星尘质感,一场十秒,最后一秒十几发同时绽放。
地球在转:那张日出地球的照片一个像素都没改,只让夜面的城市灯光慢慢横移,日出那道线不动——从太空站往下看,本来就是地面在晨昏线底下转。要盯十来秒才看得出来,看出来那一下最有意思。
节日和生日:每个节日第一次来,小猫会举起一张祝福卡。也可以在小猫那里登记生日,不用注册,只存在你自己的浏览器里;到了那天,它戴上生日帽送你一张卡,深色版放一场烟花,宣纸版飞来六只仙鹤贺寿。
小鱼会长大:给宣纸版里自己的锦鲤起名后,每天来一次它就长大一点,满五天换上一身金鳞。另外加了 RSS 订阅,也给网站的原创代码加上了版权保护。
风扇又转了,元凶不是地球。我以为是 3D 地球太耗电,一项项关掉去量,结果大头是首页那行大标题的闪光动画——浏览器每秒要把那一大块字重画 60 次。改成不动的立体字,静止时 CPU 占用从 78% 降到 37%。
省电的改动埋了雷。为了省电,鼠标不动时会暂停一些小装饰;结果按下鼠标那一瞬间页面状态一变,节日烟花按钮被重画,点击就丢了。还有一次,切到宣纸版时背景音乐只是暂停、没真正停掉,切回来两段音乐叠在一起。
宣纸版的鼠标,做了又撤了。照着深色版的思路,给宣纸版做了墨点光标、滴进池水里晕开的墨、内页的毛笔笔迹。技术上都成立,看着就是不对:墨太多、太脏,抢了锦鲤和留白的戏。当天全部撤回。
锦鲤鱼头抖。鼠标停在小鱼尾巴上时,目标正好在它正后方,往左掉头和往右掉头一样近,它每一帧都改主意,鱼头就来回抽。改成先认准一边,稳稳地掉头。
性能问题要先量再改。凭感觉会去砍最显眼的东西,实测才发现是最不起眼的那个。
每个优化都可能有副作用。省电让点击失灵,暂停让音乐重叠——改完一处,要把和它相关的功能都亲手点一遍。
两个版本不必对称。深色版适合星光的热闹,宣纸版的美在留白;硬给它也加特效,反而把它破坏了。敢撤回,和敢做一样重要。
国庆假期里,深色版首页左下角有「节日烟花」,点一下试试;也可以去小猫那里登记生日。重阳节那天,池子上空会是九只仙鹤。想知道我此刻在忙什么,看 Now 页。