HTML 画布

macOS Tahoe Liquid Glass 桌面

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

html-in-canvas 3d macos tahoe gltf

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

文件	目标路径	类型
`macos-tahoe-liquid-glass.html`	`compositions/macos-tahoe-liquid-glass.html`	hyperframes:composition
`models/macbook.glb`	`models/macbook.glb`	hyperframes:asset
`models/iphone.glb`	`models/iphone.glb`	hyperframes:asset

Liquid Glass 小组件

毛玻璃效果数据卡片、展示面板和胶囊标签，漂浮在 Aurora shader 背景上

iPhone & MacBook 3D 展示

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

安装