在网页里放一只 Fofu
点这里打开 Fofu AR Place：fofu.dispnt.com/AR
这个页面在个人介绍网站下面： fofu.dispnt.com，也是 Twitter（我就叫twitter，打我啊？）bio 里放的那个链接。
一个网页 AR 小项目
打开页面后，先看到一个可以旋转查看的 3D 模型。如果设备支持 AR，可以点页面下面按钮，把模型放到现实世界里的桌面、地板或者床上，只要用浏览器打开就可以。
比较理想的使用方式是：
- 用 Android 手机（给苹果爷跪了）
- 点进 fofu.dispnt.com/AR
- 点击页面下方的 XR 按钮
- 移动手机扫描桌面或地面
- 等模型出现在现实空间里
如果你用的是电脑或者不支持 AR 的设备，也可以当成普通 3D 预览页面来看。
能做什么？
目前这个页面可以：
- 在网页里预览 Fofu 的 3D 模型
- 进入 AR 模式，把模型放到现实空间
- 点击屏幕重新放置模型
- 用双指缩放模型大小
- 根据设备语言显示不同的界面文字
- 在普通浏览器里作为 3D 展示页打开
不过也有很多限制。比如用Webkit的苹果爷不支持WebXR，不同手机和浏览器的 AR 支持情况也会有差异。
什么技术？
不是视频，不是图片，也不是模型（会被偷走呜呜）。它加载的是一种特殊的 3D 数据，可以让浏览器从不同角度显示模型。
网页部分负责显示界面、按钮和交互；
3D 渲染部分负责把模型画出来；
AR 部分负责识别现实中的平面，然后把模型放到那个位置上。
技术上大概用到了：
- Three.js：网页里的 3D 渲染
- WebXR：浏览器里的 AR
- Spark JS：加载和显示 Splat / 3DGS 模型
如果你对技术感兴趣，可以看看这篇文章的内容https://www.dispnt.com/index.php/archives/87/
最后
可能会加载慢，可能会因为设备不同出现各种奇怪问题，也可能看起来还不够好。没有Nvidia卡训练，谁觉得模型不好可以送我。