构建NeonCity：一款使用React Native、Reanimated和Expo制作的快节奏移动游戏

Learn how NeonCity was built with React Native, Expo, NativeWind, and Reanimated—featuring sprite sheets, gesture detection, and EAS Build for deployment.

了解 NeonCity 是如何使用 React Native、Expo、NativeWind 和 Reanimated 构建的——特色包括精灵表、手势检测和用于部署的 EAS Build。

Do you like playing games?

你喜欢玩游戏吗？

My friend, designer Woojae Lee and I absolutely love games. In the summer of 2023, after watching Cyberpunk: Edgerunners on Netflix, we were inspired to create a visually stunning game set in a futuristic city.

我的朋友，设计师 Woojae Lee 和我非常喜欢游戏。在 2023 年夏天，看完 Netflix 上的 Cyberpunk: Edgerunners 后，我们受到启发，创造了一款设定在未来城市的视觉震撼的游戏。

Having previously developed dozens of games using React Native, we were confident that we could bring our ambitious vision to life. With excitement, we embarked on the NeonCity project.

之前开发了数十款使用 React Native 的游戏，我们对能够实现我们的雄心壮志充满信心。怀着兴奋的心情，我们开始了 NeonCity 项目。

NeonCity is a casual game set in the futuristic city of 2077. Players must perform swipe gestures corresponding to arrows falling from the top of the screen, aiming to achieve the highest score possible within a 1-minute time limit.

NeonCity 是一款设定在 2077 年未来城市的休闲游戏。玩家必须执行与从屏幕顶部掉落的箭头相对应的滑动手势，目标是在 1 分钟的时间限制内获得尽可能高的分数。

Successfully executing consecutive accurate gestures grants combo bonus points, and using score multiplier items allows players to further boost their scores. The fast-paced, urban soundtrack and dazzling visual effects greatly enhance the gaming experience.

成功执行连续的准确手势可以获得组合奖励积分，使用得分倍增道具可以让玩家进一步提升他们的得分。快节奏的城市音轨和炫目的视觉效果极大增强了游戏体验。

Here is a link to the game in the App Store and the Google Play.

这是游戏在App Store和Google Play的链接。

You can build beautiful, interesting games with React Native and Expo. The following sections hopefully demonstrate the key architectural decisions that will get you there.

你可以使用React Native和Expo构建美丽、有趣的游戏。以下部分希望能展示出能够让你实现目标的关键架构决策。

NeonCity UI

To support mobile platforms seamlessly, we used NativeWind to build the UI. NativeWind enabled us to deliver a consistent user experience across platforms while simplifying maintenance.

为...