Skip to content

kimchouard/meloskia

Repository files navigation

MeloSkia

Open-source Music 2.5D Game to demonstrate the power of the "Final Tech Stack": React Native.

meloskia-final-tech-stack-sparkle-demo

👉 Try it live here: meloskia.chouard.kim

Tech Stack

This mainly highlights how to universally (Web, Mobile, etc.):

  • Build a 60 FPS 2.5D Game interface with React Native Skia (@wcandillon 🫶)
  • Run a high performance Audio Engine with React Native Audio API (@michalsek 🫶)
  • Add some some sparkle love when playing with TypeGPU (@iwoplaza 🫶)
  • Gluing all this together with universal routes, navigation, etc. with Expo Router (@EvanBacon 🫶)

Get Started

Simply run yarn install to install all the dependency and yarn start to start the dev server.

Press W or simply go to http://localhost:8081 to see the live demo with auto-refresh.

Note: Will also work out of the box for iOS (yarn ios) and android (yarn android) soon (see roadmap)

Roadmap

  • Build the 2.5D Game Engine in react-native-skia and the app's foundation (understanding MIDI, etc.)
  • Have a true universal Audio Engine using react-native-audio-api
  • Add some basic sparkles when you play the right note on time with type-gpu
  • Fix the routing deployment issue to be able to load a song directly
  • Add the ability to create your own tracks locally (MIDI & MP3 files) to test the engine
  • Fix the mobile build and release the app on the stores for demo purposes 📲 🚀
  • Improve the sparkles and the synth sound to make it even more... 💣 🥹

About

A music-game demo to highlight RN-Skia capabilities

Topics

Resources

Stars

Watchers

Forks

Contributors 3

  •  
  •  
  •