个人网站最大的问题是没人停留。这两天做的事都围着一个念头:让来的人多看一会儿,下次还想来。
一只仙鹤:宣纸版的池子上空,隔一阵会有丹顶鹤从下往上飞过,翅膀一下下扇,水面跟着一团影子。飞到池心时,一条锦鲤跃出水面相迎——取《诗经》「鸢飞戾天,鱼跃于渊」。偶尔是双鹤,极少会是九鹤。
鹤衔签:点一下飞过的仙鹤,它落下一支签:一句古诗文、一句白话、今天宜做什么。每人每天一支,可以存成图片。
彩蛋图鉴和专属锦鲤:网站里藏了二十二个彩蛋,找到一个小猫恭喜一声,问它还能拿到提示。宣纸版里跟着你光标游的小鱼可以起名字,下次再来,它先从池边游过来接你,小猫还记得它等了你几天。
声音:深色版有了背景音乐和光柱落下的声音,宣纸版有鹤鸣;换页时尽量接着放,不从头来。
仙鹤是从视频里抠出来的。让 AI 画静态图,翅膀怎么都扇不自然;换成 AI 生成的一段俯拍视频,取其中一秒正好完整扇一次翅的片段,逐帧去掉绿幕,循环起来就活了。
烟花做了一版,自己看着都假。程序画的火花太细、太整齐,没有真烟花那种光晕和烟。最后不硬撑,改成只在元旦、春节、国庆当天点夜空才放的彩蛋——假一点,但藏起来就成了惊喜。
电脑风扇狂转。背景动画在 Retina 屏上按两倍清晰度、每秒 120 帧地画,显卡一直满载。限到 60 帧、空闲时降到 30 帧、清晰度降到 1.5 倍,肉眼看不出区别,负担少了一大半。
想用《星际穿越》的原声,不行。「截 20 秒以内就不算侵权」是个流传很广的误会;最后用了可以商用的同风格配乐。还有一次,两个 AI 同时改网站、撞了同一个版本号,新做的仙鹤一整晚没飞出来——后来让脚本自动对齐版本号。
能用真实素材,就别用程序硬画。仙鹤用真视频就活了,烟花靠程序画就是假的。
做个人网站,惊喜比功能重要。让人多停一会儿的,往往是藏起来的小东西,和「它还记得我」的那一下。
风水寓意也可以是设计约束:鹤从下往上飞(高升)、鱼不被鹤吓散(不散财)、流星不砸地球。好的寓意让人看着舒服。
接下来:重阳节那天,池子上空会是九只仙鹤。想知道我此刻在忙什么,看 Now 页,或者问右下角的小猫——也可以问问它「有什么彩蛋」。