「野记」是个暂存链接的小工具。我看到一篇想晚点读的文章，就先扔进收件箱，有空再加备注、归档。做展示页时，我把这个收件箱想成桌上的一只盒子。原来只有一行标题的链接，变成了可以从侧面看见厚度的索引卡。
先搭一个盒子
盒子的前沿做低一点，转到正面还能看到纸卡上的线条。后壁高一些，把几张卡片托住。纸卡用了不同的高度、标签位置和倾角，叠在一起仍能看出哪张在前、哪张在后。正面只留了一块写着「野记 / 01」的铭牌。
三种材质用同一束光
盒身是蓝色烤漆，纸卡接近哑光，铭牌留一点金属反光。模型转过来时，蓝色边沿会亮一下，纸卡的颜色变化小一些。地面只接收阴影，所以模型可以直接放在主页底色上。
这里参考了 Three.js 的两个示例。接触阴影示例让我注意到物件和底面之间那一点距离，清漆材质示例则方便对照高光怎样让相近形状看起来像不同材料。
手机上也能转一转
桌面用鼠标拖动，手机用手指转动。复位会回到初始视角，方便看清盒子正面的标签。浏览器不能运行 WebGL 时，页面会显示用同一套模型渲染出来的静态图。
回到网页里的「野记」
网页里的收件箱先显示待整理的链接。点开一条，可以回去读原文，再决定要不要加进阅读列表。实体盒子和界面做的是同一件事，给暂时还没想好放哪儿的东西留一个位置。
