颐堤港 × POP MART
「游过情绪的海」
我与 D-LAB 团队围绕颐堤港与 POP MART 的联名活动,构建了线上 AR 打卡 H5 与线下沉浸式互动装置。我主要负责线下装置的技术实现与现场落地,把激光雷达、TouchDesigner 实时视觉和弧幕投影整合成一套可以持续运行的互动系统。


一次打卡体验,需要同时连接手机屏幕和真实空间。
这个项目不是单独的一张 H5 页面,也不是只供观看的投影内容。活动希望访客先通过手机进入 crybaby. 的海洋世界,再在线下空间里继续感受角色、光线与水波纹带来的沉浸氛围。
团队因此把体验拆成两条相互呼应的路径:线上用移动端 AR H5 完成低门槛的角色打卡,线下则用半圆形弧幕、激光雷达与实时视觉,把人的移动转化成空间中的画面反馈。

两条体验路径,共用同一个“潜入情绪之海”的主题。
线上负责快速进入、角色互动与分享,线下负责身体参与、空间反馈与沉浸感。两者使用不同媒介,但在视觉气质和参与节奏上保持一致。
线上 AR H5
- 进入活动打开主题落地页
- 理解玩法完成相机与交互引导
- 角色打卡叠加角色、气泡与海洋生物
- 记录分享保存属于自己的互动画面
线下互动装置
- 进入弧幕走进半包围式投影空间
- 产生移动身体位置成为实时输入
- 触发水波雷达数据驱动画面反馈
- 沉浸体验投影把反馈扩展到空间
让访客先在手机里进入角色世界。
移动端 H5 以“游过情绪的海”为主视觉入口,访客进入后可以查看玩法提示,再打开实时相机界面。角色滤镜、上升气泡和环绕镜头的海洋生物,共同把普通的相机画面变成活动主题的一部分。
界面保留音乐、相机翻转、帮助说明与拍摄模式等必要控制,主要操作集中在单手可以触达的位置。团队希望用户不需要预先学习复杂的 AR 操作,也能快速完成一次角色打卡。




数字角色最后要进入访客自己的画面。
除了相机中的实时预览,H5 还会生成带有 crybaby. 角色与海洋氛围的打卡内容。画面中的人物、现场投影和数字角色叠加在一起,也自然连接了线上与线下两条体验路径。



线下空间把“海”从屏幕延伸到人的周围。
线下体验位于半圆形弧幕空间中。投影画面沿弧形墙面连续展开,蓝色水波与液态流动视觉包围访客,让空间不再只是活动布景,而是可以回应人的互动界面。
在这部分工作中,我负责激光雷达的安装与感应区域配置、TouchDesigner 中的数据处理和互动逻辑、实时水波纹视觉,以及投影画面、雷达输入和现场空间之间的联调。


我把空间里的移动,转译成可以被视觉系统使用的数据。
互动的核心不是预先播放一段视频,而是让现场输入持续进入视觉系统。每个环节都需要明确坐标、范围和输出关系。
- 01人员移动访客进入互动区域
- 02激光雷达采集位置与变化
- 03区域校准映射空间坐标
- 04TouchDesigner处理逻辑并生成水波
- 05弧幕投影把反馈送回现场
真正的难点,是让每一层在现场同时成立。
设备安装完成后,我根据弧形墙面的实际尺寸调整投影范围,再校准雷达感应区域与画面坐标。只有当访客所在的位置、系统读取的位置和水波纹出现的位置相互对应,互动才会显得自然。
我也持续检查雷达数据、实时渲染和投影输出之间的稳定性,让系统可以在活动现场连续运行。最终交付的不是一段孤立的视觉效果,而是一条从感知、运算到空间反馈都可以被执行的完整链路。
这是我与 D-LAB 团队共同完成的项目。我主要负责线下互动装置的技术实现与现场落地,包括激光雷达安装与数据接入、感应区域校准、TouchDesigner 互动逻辑和实时水波纹视觉、投影适配,以及整套软硬件系统的联调与运行测试。