久违的回帖者。

我想与大家分享一下我正在开发的CodeGrind项目，CodeGrind是一款教学编程和面试准备的游戏，它通过将数据结构和算法问题转换为一个实时的防御塔游戏来教学。很快我会发布大量的游戏视频，但我想先分享一下这个特定视频，因为它的技术实现是一个巨大的挑战，我想得到大家对氛围的反馈。

这个视频展示了我正在开发的过渡序列。游戏从一个顶视图的2D Phaser环境中平滑过渡到一个具有回归主题的桌面外壳，后者作为游戏的主代码工作区界面。

从架构上讲，叠加栈使用React，Chakra UI和Framer Motion与Phaser画布实例一起运行。技术上最困难的部分是建立一个自定义的运行时桥梁来处理状态转移和窗口焦点之间的分离，而不会阻塞性能循环。

这个桌面环境作为一个沙盒，玩家可以与专门的LLM代码生成机制互动，通过波浪层层地构建和防御他们的解决方案。要赢得关卡，玩家必须正确解决问题并在最后一波中生存。

这个项目最初是为了更好地为面试做准备，但我认为它有更大的用途，即教会人们如何正确地使用人工智能辅助进行编程。

游戏中的艺术和音乐都是人类创作的，代码是通过AI生成并由我审查的。从AI和我一起规划和设计每个部分。

我对现在的交接感觉很满意，但我想知道大家对CRT启动序列或界面过渡有什么想法！如果有人对如何将React和Phaser连接起来有任何问题，我都可以与大家讨论。