跳转至

导览手机机模:iPhone 18 Pro(2026-10-23)

导览第三维展示中的手机由 apps/desktop/src/components/tourStudioModels.ts 的 phone() 生成,几何常量位于 apps/desktop/src/components/tourPhoneGeometry.ts。本页记录规格来源、模型映射、近似项与回归入口。

已核实规格

来源:Apple 中国大陆技术规格页与产品页(2026-10-23 读取)。

  • https://support.apple.com/zh-cn/148590
  • https://www.apple.com.cn/iphone-18-pro/specs/
  • https://www.apple.com.cn/iphone-18-pro/
项目 数值 出处
机身 宽 71.9 mm × 高 150.0 mm × 厚 8.75 mm,211 g 技术规格页「尺寸与重量」
机身工艺 铝金属一体成型,正面超瓷晶面板 2,背面超瓷晶面板 技术规格页「外观」;产品页图注「热锻铝金属一体成型机身和超瓷晶面板」
屏幕 6.3 英寸 OLED,2622 × 1206 像素,460 ppi 技术规格页「显示屏」
正面 灵动岛功能 技术规格页「显示屏」
后置相机 三颗镜头位于左上角,配麦克风与闪光灯;主摄 4800 万像素融合式可变光圈,超广角 13 mm,长焦 100/200 mm 产品页图注「三颗镜头位于左上角,并配有麦克风和闪光灯」与「摄像头」段落
外部按键 音量增/减、操作按钮、相机控制、侧边按钮、USB-C、内置立体声扬声器 技术规格页「外部按键和连接端口」
配色 黑色、银色、冰川蓝色、勃艮第酒红色 技术规格页「外观」

产品页图注只描述「三颗镜头位于左上角」,没有公开相机平台的具体尺寸、镜头间距与圆角半径。以下取值为视觉近似,不是 Apple CAD 数据。

模型映射

机身高 2.6 个场景单位,等同 150 mm,因此 1 mm ≈ 0.01733 单位。宽、厚与屏幕尺寸按同一比例换算。

元素 取值(场景单位) 说明
机身轮廓 1.2463 × 2.6 × 0.1517,圆角 0.21 createPhoneSlab 以五次曲线构造 G2 连续轮廓,XY 圆角与厚度无关
前盖玻璃 面积随截图,外边距 0.0115,圆角 0.17 边框金属由机身倒角呈现,不额外绘制色带
屏幕显示区 1.1545 × 2.5097(由 1206 × 2622 与 460 ppi 推算) 截图按 fitPhoneScreen 做 contain
显示圆角 0.135 物理屏幕圆角,遮罩截图最边缘像素
前摄窄缝 0.19 × 0.01,y = 1.2555 位于顶部边框内,不覆盖截图控件
相机平台 0.63 × 0.66,中心 (-0.27, 0.885),厚 0.06 左上角,三摄三角形排布
镜头 外半径 0.104,环、遮光筒、镜片、内圈四层 主摄、超广角、长焦
闪光灯 / 麦克风 圆环 0.046 / 圆点 0.017 位于平台右侧背面
侧键 左侧操作按钮 0.10、音量键 0.20 ×2;右侧侧边按钮 0.26、相机控制 0.12 突出机身边缘
底部 USB-C 0.11 × 0.042,两侧各 6 个扬声器孔 底部边缘

材质沿用运行时解析的 OneGUI 令牌:--og-studio-edge 用于铝金属,--og-studio-body 用于超瓷晶背面,--og-studio-glass 用于屏幕玻璃,--og-media-ink-dark 用于前盖与深色件。浅色与深色主题各自取值。

保持不变的行为

  • 真实应用截图直接作为纹理,不重绘、不拉伸;UV 覆盖整张图,按 contain 取最大尺寸。
  • 截图圆角由几何遮罩实现,与物理屏幕圆角一致;四角像素不参与渲染。
  • 前摄不覆盖截图控件,节点名保持 <设备名>-front-camera,供既有测试查询。
  • 所有几何、材质、纹理登记在装配体资源集合,dispose() 各释放一次;视频分支保留首帧/末帧与暂停语义。
  • 姿态编排未改动,NFC 双机、白板、卡片场景沿用原有 applyPose。

回归入口

# 机模几何 + 真实 Vite 模块集成(145 项)
ONETHU_BASE_URL=http://127.0.0.1:5180 \
ONETHU_BROWSER_EXECUTABLE=/path/to/chrome-headless-shell \
node tools/onboarding-phone-model-test.mjs

# 既有截图完整性、玻璃占比、前摄避让、资源释放(1141 项)
CHROME_BIN=/path/to/chrome-headless-shell \
ONETHU_TEST_URL=http://127.0.0.1:5180 \
node tools/onboarding-real-screens-test.mjs

# 导览视口:8 种窗口尺寸 × 15 个阶段,含机模投影检查
ONETHU_PLAYWRIGHT_PATH=/path/to/playwright/index.mjs \
node tools/onboarding-viewport-browser-test.mjs

ONETHU_PHONE_MODEL_UNIT_ONLY=1 只运行纯几何断言,报告中明确标注浏览器集成已跳过。ONETHU_TEST_URL 指向已有的 Vite 服务;测试不启动替代服务。

已知限制

  • 姿态由课程编排决定,静止画面以正面为主;背面细节在 NFC 片段的旋转过程中可见。
  • 天线注塑条、法规文字与 Apple 标志未建模,避免在真实截图上叠加臆造界面。
  • 相机平台、按键与闪光灯的相对位置属于视觉近似;官方仅公开镜头位于左上角这一事实。
  • 浏览器端检查覆盖 Chromium;Tauri WebView2 的原生渲染未在本工作区实测。