HTML 画布

iPhone & MacBook 3D 展示

真实 GLTF iPhone 15 Pro Max 和 MacBook Pro 模型，配合实时 HTML-in-Canvas 屏幕内容、变形玻璃镜头、产品评测式镜头编排和 360 度旋转展示台

html-in-canvas 3d device iphone macbook gltf

⚠️ Warning
需要 Chrome 标志。 请启用 chrome://flags/#canvas-draw-element 以进行实时预览。通过 CLI 渲染会自动启用该标志。了解更多。

文件	目标路径	类型
`vfx-iphone-device.html`	`compositions/vfx-iphone-device.html`	hyperframes:composition
`models/iphone.glb`	`models/iphone.glb`	asset
`models/macbook.glb`	`models/macbook.glb`	asset
`models/hyperframes-mobile.png`	`models/hyperframes-mobile.png`	asset
`models/hyperframes-desktop.png`	`models/hyperframes-desktop.png`	asset

macOS Tahoe Liquid Glass 桌面

3D MacBook 展示 macOS Tahoe 风格桌面，含玻璃效果菜单栏、Finder 窗口、Dock 栏，以及电影感设备镜头运动

液态背景

有机液体模拟，含细分平面上的顶点位移效果。HTML 内容漂浮在波纹流体表面上方，配合实时波浪动态

安装