Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/vsnaichuk/react-native-unity-game

Unity Match-3 puzzle game integrated into a React Native app
https://github.com/vsnaichuk/react-native-unity-game

android game gamedev ios match3 match3-game react-native react-native-unity typescript unity unity6

Last synced: about 2 months ago
JSON representation

Unity Match-3 puzzle game integrated into a React Native app

Awesome Lists containing this project

README

        

Zoo Match is a classic match-3 puzzle game where players move and match animal tiles to create sets of three or more. Using the [react-native-unity](https://github.com/azesmway/react-native-unity) library, Unity's game functionality is seamlessly integrated into the React Native app.

## Prerequisites

- [Install Node.js](https://nodejs.org/)
- [Install Yarn](https://classic.yarnpkg.com/en/docs/install)
- [Install Unity 6](https://unity.com/releases/unity-6)
- Make sure you have completed the [React Native - Environment Setup](https://reactnative.dev/docs/getting-started-without-a-framework)

## Clone the Repositories
Clone this React Native Repo:

```bash
git clone https://github.com/vsnaichuk/react-native-unity-game.git
```

Clone the [Unity Game Repo](https://github.com/vsnaichuk/unity-game) to a separate directory.
```bash
git clone https://github.com/vsnaichuk/unity-game.git
```

## Add Unity Game Build
You need to create _Android_ / _iOS_ game build and move it to `/unity/builds`

1. Open [Unity Game Repo](https://github.com/vsnaichuk/unity-game) in Unity 6
2. For Android: Build and move the game to `/unity/builds/android`
3. For iOS: Build the game and follow [this instruction](https://github.com/azesmway/react-native-unity?tab=readme-ov-file#export-ios-unity-project)

## Install Dependencies

In the root directory of the project run:

```bash
yarn
```

```bash
npx pod-install
```

## Start Metro

First, you will need to start **Metro**, the JavaScript _bundler_ that ships _with_ React Native.

To start Metro, run the following command from the _root_ of the project:

```bash
yarn start
```

## Start Application

Let Metro Bundler run in its _own_ terminal. Open a _new_ terminal from the _root_ of React Native project. Run the following command to start _Android_ or _iOS_ app:

### For Android

```bash
yarn android
```

### For iOS

```bash
yarn ios
```

If everything is set up _correctly_, you should see app running on your _Android_ or _iOS_ device.