“岛”的意思是:React 负责 DOM/UI,在 DOM 树里嵌一块区域,交给 PixiJS 用 Canvas/WebGL 做真正的游戏渲染,而不是所有东西都用 DOM。PixiJS 是偏 2D 的,如果做 3D,就换成 Three.js。
这个方法可以说非常屌,以前确实没想过,也是最近跟 AI 聊时它无意中抖出来的。以前我要么全用 React,要么就全用 Phaser 了。用 Phaser 时整个 UI 也是在 Canvas 里做的,肯定没 React 做起来方便。
这个方法在我说出来后,你可能会觉得:“就这?”,确实看起来平平无奇,不过用上后,我想在让“AI 全自动开发游戏”这件事上会非常有帮助。
因为 AI 本来就很擅长写 React UI,而游戏里的核心渲染又可以直接交给成熟的渲染引擎。两边各干各的,反而比让 AI 在一个巨大的游戏框架里同时处理 UI、渲染和交互要简单很多。