颐堤港 × POP MART
「游过情绪的海」

Jun 12 - Aug 2, 2026

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

蓝色环形投影空间中,一位参与者面向流动的海洋画面抬手互动
项目视觉封面:我用环形投影空间与参与者剪影,概括这次体验从身体动作进入实时视觉的核心关系。
颐堤港 CRY ME AN OCEAN 游过情绪的海主题活动现场全景
颐堤港 × POP MART「CRY ME AN OCEAN 游过情绪的海」主题活动现场

一次打卡体验,需要同时连接手机屏幕和真实空间。

这个项目不是单独的一张 H5 页面,也不是只供观看的投影内容。活动希望访客先通过手机进入 crybaby. 的海洋世界,再在线下空间里继续感受角色、光线与水波纹带来的沉浸氛围。

团队因此把体验拆成两条相互呼应的路径:线上用移动端 AR H5 完成低门槛的角色打卡,线下则用半圆形弧幕、激光雷达与实时视觉,把人的移动转化成空间中的画面反馈。

颐堤港中庭的游过情绪的海主题装置与入口
活动空间主题装置、AR 打卡与沉浸互动共同组成完整的现场体验。

两条体验路径,共用同一个“潜入情绪之海”的主题。

线上负责快速进入、角色互动与分享,线下负责身体参与、空间反馈与沉浸感。两者使用不同媒介,但在视觉气质和参与节奏上保持一致。

线上 AR H5

  1. 进入活动打开主题落地页
  2. 理解玩法完成相机与交互引导
  3. 角色打卡叠加角色、气泡与海洋生物
  4. 记录分享保存属于自己的互动画面

线下互动装置

  1. 进入弧幕走进半包围式投影空间
  2. 产生移动身体位置成为实时输入
  3. 触发水波雷达数据驱动画面反馈
  4. 沉浸体验投影把反馈扩展到空间

让访客先在手机里进入角色世界。

移动端 H5 以“游过情绪的海”为主视觉入口,访客进入后可以查看玩法提示,再打开实时相机界面。角色滤镜、上升气泡和环绕镜头的海洋生物,共同把普通的相机画面变成活动主题的一部分。

界面保留音乐、相机翻转、帮助说明与拍摄模式等必要控制,主要操作集中在单手可以触达的位置。团队希望用户不需要预先学习复杂的 AR 操作,也能快速完成一次角色打卡。

游过情绪的海 H5 活动主视觉页面
活动主视觉
游过情绪的海 H5 玩法引导页面
进入与玩法引导
海洋生物围绕相机画面的 AR 打卡效果
海洋生物环绕效果
crybaby 角色与气泡叠加的 AR 打卡效果
角色滤镜与动态气泡

数字角色最后要进入访客自己的画面。

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

访客在蓝色投影空间中的 AR 角色打卡照片
访客与 crybaby 数字角色共同出现的打卡照片
访客站在弧幕空间中的 AR 打卡照片

线下空间把“海”从屏幕延伸到人的周围。

线下体验位于半圆形弧幕空间中。投影画面沿弧形墙面连续展开,蓝色水波与液态流动视觉包围访客,让空间不再只是活动布景,而是可以回应人的互动界面。

在这部分工作中,我负责激光雷达的安装与感应区域配置、TouchDesigner 中的数据处理和互动逻辑、实时水波纹视觉,以及投影画面、雷达输入和现场空间之间的联调。

颐堤港活动现场的半圆形互动装置搭建与设备调试
现场搭建投影、雷达、工作站和弧形空间需要在同一现场完成联调。
蓝色实时水波纹画面覆盖半圆形弧幕空间
弧幕画面水波纹沿曲面连续展开,形成半包围式的视觉环境。
实时互动测试访客在弧幕前移动时,水波纹画面根据现场输入持续产生变化。

我把空间里的移动,转译成可以被视觉系统使用的数据。

互动的核心不是预先播放一段视频,而是让现场输入持续进入视觉系统。每个环节都需要明确坐标、范围和输出关系。

  1. 01人员移动访客进入互动区域
  2. 02激光雷达采集位置与变化
  3. 03区域校准映射空间坐标
  4. 04TouchDesigner处理逻辑并生成水波
  5. 05弧幕投影把反馈送回现场

真正的难点,是让每一层在现场同时成立。

设备安装完成后,我根据弧形墙面的实际尺寸调整投影范围,再校准雷达感应区域与画面坐标。只有当访客所在的位置、系统读取的位置和水波纹出现的位置相互对应,互动才会显得自然。

我也持续检查雷达数据、实时渲染和投影输出之间的稳定性,让系统可以在活动现场连续运行。最终交付的不是一段孤立的视觉效果,而是一条从感知、运算到空间反馈都可以被执行的完整链路。

06.12 - 08.022026 活动周期
线上AR 打卡 H5、角色滤镜与分享内容
线下半圆弧幕、激光雷达与实时水波纹互动
落地设备安装、区域校准、系统联调与运行测试
我的贡献

这是我与 D-LAB 团队共同完成的项目。我主要负责线下互动装置的技术实现与现场落地,包括激光雷达安装与数据接入、感应区域校准、TouchDesigner 互动逻辑和实时水波纹视觉、投影适配,以及整套软硬件系统的联调与运行测试。

下一个项目

AI Story Pipeline

查看案例 ↗