我是独立开发者，不想录制游戏的宣传视频，所以我使用 Remotion 在代码中构建了它。 每个场景都是一个 React 组件，地图不是模拟的，而是使用 MapLibre 的真实地图，同样使用游戏中的图块和样式。 最难解决的问题：随机出现的空白地图框架。 Remotion 将每一帧截图，但 WebGL 画布在 “地图已准备好” 和截图之间偶尔会被清除。 解决方法： * 每一帧将 WebGL 画布复制到一个普通 2D 画布上，让 Remotion 捕捉到这个静止的副本 * 如果副本对比度几乎为零（只有海洋，没有图块），触发重绘并复制再次，直到 5 次 Upside：当我改变游戏的外观时，我会重新渲染宣传视频，而不是重新录制它。 游戏是 Laurus，一个每日历史和地理谜题游戏：每天 5 个事件，分别在地图上标记，然后按时间顺序排列。 🔗 https://laurus.vercel.app 有其他人在代码中制作宣传视频吗？ 我很好奇你们如何处理 WebGL 或画布内容。