我建了一座十五个展厅的三维博物馆

这个站上有一座博物馆。不是比喻，是真的三维空间：十五个展厅可以走进去，有展品、有说明牌，出口处摆着留言簿，还有一位不能怠慢的看守员。

这是个实验。我是亚历山大·切尔诺夫（Alexander Chernov），我想知道：把作品集当成一栋房子来处理，会发生什么。

为什么是博物馆#

案例页人们 40 秒就翻完了。空间里的心理不一样：走一段，停下来，再走回去。空间记忆比列表记忆牢，“那个做交易的黑房间”比“从上往下数第三个案例”好记。顺带，博物馆光是存在，就回答了“这个人在三维和交互上到底会什么”。

界面是俄文的，操作不用翻译：WASD 走路，鼠标转头，只支持电脑。

怎么做的#

没有引擎，纯 Three.js 跑在 WebGL 上。几处值得说一下。

静态合批：所有展厅的墙、踢脚线和画框合并成几个大网格，draw call 掉了一个数量级，集成显卡上也走得动。

幻觉厅是向 Superliminal 致敬的一间，透视戏法，展品多大取决于你从哪儿看它。天文馆是着色器画出来的星空穹顶，坐在长椅上抬头，头顶转的是我那些项目图标拼成的星座。

46 个成就，从“看完所有说明牌”到相当隐蔽的几个。这里的游戏化不当糖用，当导航用：成就会把人轻轻带去他自己走不到的展厅。

踩过的坑#

最大的一个是 SwiftShader。没有独显的机器上，浏览器会老实地用软件光栅器渲染 WebGL，显卡上飞的东西变成幻灯片。只能加一个检测，再做一个低细节模式（?lite），把阴影和一半灯光关掉。第二个坑是声音：浏览器不允许在第一次点击之前播放音频，所以博物馆用安静迎接你，等你“检票”之后才打开环境音。

结果#

博物馆里的平均停留时长是案例页的六倍。这个倍数来自我自己的统计脚本，样本不大，我不会拿它去做承诺。留言簿是真的，留言会存下来。有几个人找到了小黄鸭那个彩蛋，专门写信告诉我。这种程度的参与，落地页给不了。

作品集回答“这个人做过什么”。博物馆回答“这个人怎么想事情”。

入口在这里，门票免费，小黄鸭藏得很实在。