Creating your own Flappy Bird
On iOS, Android and Web
Due to time constraint we would not conduct this workshop today, but instead you can give this a try at your own time and do message or tweet me at @joevo2 if you faced any issue.
Before you start
At least some basic understanding of programming is needed, preferably in JavaScript as this is the main language used throughout this course
PS: But no worries, armed with just common sense and a bit of patience you can go through this workshop as well. If you need any help you can just raise your hand or message me at @joevo2
Goals
Create your own game using Expo + PixiJS
Publish the app to a website or at least run it on your phone
Extended Export the Expo Snack project, run it locally with Expo, initialise the project with Git and push it to your own GitHub repository so that you can showcase to the world what you've done and brag during interview :D
Overview
We will be using Expo Snack online editor as the main tools to create this application.
We will need your iOS or Android phone installed with the Expo mobile app, so that the app can tested on your phone as Three.js cannot run in the Expo Snack web environment.
Most of the workshop content will be based off thisofficial tutorialwritten by@Baconbrix. Do give him a tweet of appreciation. We will be using this source code instead because it is more up to date.
Extended You can download the source code with Expo Snack and run it on your local machine, push to GitHub and have your own production build of the app.
Getting started
Import this Git repo
https://github.com/EvanBacon/react-flappy-birdusing the guide shown below
This guide is still a work in progress, do explore around the code and tweak around the value to understand how all the moving part works in the app.
Last updated