Software
IMMERSIVE PORTFOLIO 互动展示
个人品牌沉浸式演示站点，通过滚动叙事讲述跨界项目故事。
上线当周获得 8 份来自出海品牌的合作邀请。
AstroThree.jsCloudflare PagesTailwind CSS
功能亮点
- • 分段式滚动驱动 3D 场景，动态加载模型。
- • 通过 WebM 透明视频呈现剪辑蒙版。
- • 自动生成 OpenGraph 预览，方便社交媒体传播。
该项目聚焦“黑白 + 像素噪点”质感，我负责编写自定义滚动时间线与场景切换动画。
- 将 3D 模型按区块拆分，使用 IntersectionObserver 控制渲染。
- 构建 Markdown 驱动的故事脚本，客户可自由组合章节。
- 使用云端任务自动压缩素材，保持整体加载体积不足 2 MB。
这套逻辑后来被客户延伸至多个数字展厅，节约了 60% 的二次开发成本。