网页里的 3D 模型可以很漂亮,但模型屏幕上的“按钮”往往只是一张贴图:不能选中文字,键盘和屏幕阅读器也未必认得。首届 Three.js Conf 最值得注意的展示,恰恰是把一个普通按钮真正放进 3D 场景。它不只长得像按钮,也保留点击、文本选择、复制粘贴、页面查找、翻译和辅助技术支持。
据 Muzli 作者 Peter Baukys 报道,Chrome 团队的 Thomas Nattestad 与 Natalia Markoborodova 在巴黎现场演示了 HTML in Canvas。Canvas 是浏览器绘制 3D 画面的区域;过去,其中的界面常被压成图像。新能力让浏览器把真实、可操作的 HTML 实时绘制到三维表面,也能让表单包裹物体或穿过视觉特效。
这比“手机上跑一百万个粒子”更值得设计者留意。Three.js——帮助开发者在网页中搭建场景、相机和材质的 JavaScript 3D 库——正在获得更强的 WebGPU 渲染底座,但画面升级只是半步。那个抢风头的按钮提醒我们:3D 网页真正成熟的标志,不是更像游戏,而是终于仍像一个好用的网页。