2024 抖音欢笑中国年(一)：招财神龙互动技术揭秘
💡
原文中文，约17900字，阅读约需43分钟。
📝
内容提要
字节跳动旗下的抖音等App在2024年春节期间推出了欢笑中国年系列活动，其中的一个重要玩法是“招财神龙”。活动使用了字节内的主要前端、跨端、互动技术产品，包括跨端框架、Canvas作为渲染引擎的运行环境以及抖音前端架构自研的高性能互动解决方案。活动中还支持了5个互动玩法，如“神龙探宝”、“摇福签”等。整个开发过程需要三方通力合作，尤其需要程序和设计同学的有效沟通。
🎯
关键要点
- 字节跳动旗下的抖音在2024年春节推出了欢笑中国年系列活动，重要玩法为“招财神龙”。
- 活动使用了字节内的主要前端、跨端、互动技术产品，包括跨端框架和SAR Creator。
- 活动支持5个互动玩法，如“神龙探宝”、“摇福签”等，开发过程需要程序和设计同学的有效沟通。
- 招财神龙玩法中，用户通过点击按钮引导神龙寻宝，过程中会遇到福袋和龙蛋。
- 活动开发中，产品需求、设计草图和代码逻辑需要三方合作，确保设计方案顺利实施。
- 招财神龙的互动部分由“家场景”和“寻宝场景”构成，两个场景通过转场动画过渡。
- 招财神龙页面元素构成包括任务页和互动区域，任务页在活动期间展示统一内容。
- 任务页的互动内容开发面临性能挑战，需要保证视觉表现和性能良好。
- 前端同学和互动同学协作实现活动玩法，前者处理主逻辑，后者处理游戏相关逻辑。
- 家场景由3D和2D元素混合构建，设计同学使用SAR Creator编辑器搭建场景。
- 寻宝场景是纯2D互动场景，处理复杂逻辑以实现自然的互动效果。
- 寻宝场景使用正交相机渲染，地形块以prefab形式提供，支持动态加载。
- 探测点和福袋的逻辑设计确保神龙与福袋的互动效果自然流畅。
- 场景管理策略包括预加载、缓存和销毁，以提升场景切换速度和稳定性。
- 团队为字节跳动业务提供互动技术解决方案，探索创新业务形态。
➡️
