Your next casual multiplayer game with react native

Multiplayer

Your next cross platform multiplayer video game starter using react-native

Getting started

  1. fork or clone the project
  2. yarn install
  3. cd ios pod install
  4. npm run ios or npm run android

Main Features

  1. online multiplayer (lobby creation (auto sustaining 10 players max per room))
  2. joystick
  3. game-pad
  4. environments - alter gameplay like water fall to hide under or fire to take burning damage
  5. reward system
  6. game settings
  7. admob (ads)
  8. basic attack collision

Native Dependencies

-- native modules

  1. firebase
  2. sounds
  3. haptic-feedback
  4. 12-factor-config - app env secrets
  5. react-native-gesture-handler - gestures
  6. @react-native-community/async-storage - stores user settings disk

To change the firebase config location updated the google-services.json file for android at android/app/google-services.json and GoogleService-Info.plist at ios/ko/GoogleService-Info.plist for ios. For more information follow https://firebase.google.com/docs/ios/setup and https://firebase.google.com/docs/android/setup. You only need to do step 1-3.

WebAssembly

Web support aims for native speed so we try to use webassembly for this (Web support is in progress).
For more info check out assemblyscript

Game Configuration

You can adjust most of the game settings at /src/logic directory.

State

The app is structured with a light loose top level state provider. To control updates on a component add a reducer onto the reducer.js file by merging into the main reducer or create your own. To lock down updates you can simply use memo and pass in the props from state you would need on your component. This setup allows for speedy development.

GitHub