苹果首款折叠屏 · 程序化建模交互拆解 · Three.js
提示:在光线充足处,将单手置于画面中央,缓慢左右移动手掌并改变手掌与镜头的距离。
自由旋转视角
缩放视距
平移画面
该部件独立拆解并弹出参数
部件发光高亮 + 名称提示
复位所有拆解状态
折叠 / 展开机身
一键全爆炸拆解
播放自动拆解序列
透视外壳(X-Ray)
显示 / 隐藏标注
开启 / 关闭摄像头手势
复位视角
按顺序循环选择部件
切换预设视角
点击右下角「手势控制」授权摄像头后,页面会用纯 JavaScript 帧差算法追踪画面中的运动区域: 运动质心的左右位置控制视角水平旋转,上下位置控制俯仰, 运动区域的张开范围(手掌远近)同时控制视距缩放与拆解幅度,实现「尺寸手势控制」。 不依赖任何外部识别模型,摄像头画面仅在本地处理,不会上传。
全部几何体由代码程序化生成(Three.js + Canvas 贴图),未使用任何外部 3D 模型文件。 整机尺寸与内部布局依据公开报道与拆解资料推算:书本式横向折叠、5.4″ 外屏 / 7.6″ UTG 内屏(显示比例一致)、 5 级钛金属中框、展开 5.2mm / 折叠 11.3mm、254g、左右分离式内部结构、水滴形铰链(含 4 组扭力弹簧与液态金属件)、 2962mAh + 1921mAh 双电芯、A20 Pro + 苹果自研 C2 基带、VC 均热板 + 穿铰链柔性石墨管、48MP 融合式双摄、eSIM(无实体卡托)。
正在程序化生成 3D 部件…