Erstellen eines Schlangenspiels in React Native

Blog

Erstellen eines Schlangenspiels in React Native

Folgen Sie dieser Schritt-für-Schritt-Anleitung, um ein einfaches, plattformübergreifendes mobiles Schlangenspiel mit React Native mit der React Native Game Engine zu erstellen.

Einführung

Heute lernen wir, wie man mit React Native ein Spiel erstellt. Da wir React Native verwenden, ist dieses Spiel plattformübergreifend, was bedeutet, dass Sie dasselbe Spiel auch auf Android, iOS und im Web spielen können. Heute konzentrieren wir uns jedoch nur auf mobile Geräte. Fangen wir also an.

Einstieg

Um ein Spiel zu erstellen, benötigen wir eine Schleife, die unser Spiel aktualisiert, während wir spielen. Diese Schleife ist optimiert, um das Spiel reibungslos zu laufen, und zu diesem Zweck werden wir verwenden Reagieren Sie die native Spiel-Engine .

Lassen Sie uns zunächst eine neue React Native-App mit dem folgenden Befehl erstellen:

npx react-native init ReactNativeGame

Nach dem Erstellen des Projekts müssen wir eine Abhängigkeit hinzufügen, um eine Spiel-Engine hinzuzufügen:

npm i -S react-native-game-engine

Dieser Befehl fügt unserem Projekt die React Native Game Engine hinzu.

Was für ein Spiel werden wir also machen? Der Einfachheit halber machen wir ein Spiel mit einer Schlange, die Nahrungsstücke frisst und länger wird.

Eine kurze Einführung in die React Native Game Engine

React Native Game Engine ist eine leichte Spiel-Engine. Es enthält eine Komponente, die es uns ermöglicht, Arrays von Objekten als Entitäten hinzuzufügen, damit wir sie bearbeiten können. Um unsere Logik für das Spiel zu schreiben, verwenden wir eine Reihe von System-Requisiten, die es uns ermöglichen, Entitäten (Spielobjekte) zu manipulieren, Berührungen zu erkennen und viele andere großartige Details, die uns helfen, ein einfaches, funktionales Spiel zu erstellen.

Lass uns ein Schlangenspiel in React Native bauen

#reagieren-native #Spielentwicklung

blog.logrocket.com

Erstellen eines Schlangenspiels in React Native

Dieses Schritt-für-Schritt-Tutorial zum Erstellen eines einfachen, plattformübergreifenden mobilen Schlangenspiels mit React Native unter Verwendung der React Native Game Engine. Erfahren Sie, wie Sie ein einfaches Spiel in React Native erstellen, ein Handyspiel mit React Native erstellen