坏打印机 | 个人网站设计开发小记

在首页、菜单页、ABOUT 和 CONTACT 页面，用户可以滑动屏幕在一定范围里控制 3D 摄像机的视角。

在不同页面的切换过渡之间，我权衡了一下设计效果和开发难度，采用的是方案是：页面消失直接消失；而页面出现则安排细腻一点的位移、透明度动画。我个人发现，这样的衔接，用户的注意力会马上被接下来出现的页面出现动画吸引住，从而忽略上一个页面瞬间消失的突兀。

因为背景的粒子效果是基于 WebGL 实时计算渲染，多少会占用手机计算资源。因此，在用户进入作品详情页，开始往下滑动，阅读图文的时候，我设置将背景的粒子跟随用户滑动动作渐变退出。一来可以节省计算资源；二来保证背景纯色，不影响用户阅读体验。