DEV Community
·
Flippy Spaceship - 基于 Pixi-React v8 的游戏
💡
原文英文，约500词，阅读约需2分钟。
📝
内容提要
Flippy Spaceship 是 Flappy Bird 的太空主题重制版，使用 Pixi-React v8 Beta 构建。游戏保留了原有机制，并测试了 Pixi-React 的功能。开发中从 Vue 转到 React，遇到按钮交互和资源加载问题。尝试用 React 的 Context API 管理屏幕尺寸，但不完全支持。代码在 GitHub 上可查看。
🎯
关键要点
- Flippy Spaceship 是 Flappy Bird 的太空主题重制版，使用 Pixi-React v8 Beta 构建。
- 游戏保留了原有机制，提供新的太空冒险美学。
- 开发者从 Vue 转到 React，遇到了一些按钮交互和资源加载问题。
- 使用 Pixi-UI 的 FancyButton 时发现回调功能在 Pixi-React 中尚未工作。
- 创建了一个简单的太空背景，灵感来自 Pixi 的 Star Warp 示例。
- 在使用 Pixi-React 的 useAssets 钩子时遇到加载相同资源多次失败的错误。
- 最初想用 React 的 createContext 管理屏幕尺寸，但发现 Pixi-React 对此支持不完全。
❓
延伸问答
Flippy Spaceship 是什么类型的游戏？
Flippy Spaceship 是 Flappy Bird 的太空主题重制版。
Flippy Spaceship 使用了什么技术构建？
Flippy Spaceship 使用 Pixi-React v8 Beta 构建。
开发过程中遇到了哪些主要问题？
开发者遇到了按钮交互和资源加载问题。
为什么开发者选择从 Vue 转到 React？
开发者希望探索 Pixi-React v8，且对 Vue 不太熟悉。
在使用 Pixi-React 时遇到了哪些具体的错误？
遇到的错误包括加载相同资源多次失败和 Pixi-UI 的回调功能不工作。
Flippy Spaceship 的背景设计灵感来自哪里？
背景设计灵感来自 Pixi 的 Star Warp 示例。
➡️
