slides for history of VR / Intro to Aframe: https://docs.google.com/presentation/d/1TFNlNaAAq9XQAkSzMjsUq_neW1CVovD9rkFAik59HVI/edit?usp=sharing
slides for advanced Aframe / React integration: https://docs.google.com/presentation/d/1W_QRLqOEDKKe1yUQBKYuLdpWnmBLBhWVF7EabXXi56M/edit?usp=sharing
- fork this repo to your github account
- clone down the repo
- ensure that you have Node installed on your machine
- open a terminal in the project directory and run the following commands:
npm install
npm start
The bundle will be created and served. A browser window should open, if not open one and direct it to localhost:3000
Edit the source code files in your favorite text editor or IDE to complete as many of the following milestones as possible within the time-limit:
- Implement the spawnEntities method of the App component
- Implement event listeners in the App component
- Complete the lock-on-source and lock-on-target components to allow the player to target and destroy enemy entities
- Complete the fly-away component to cause entities to fly out of the scene if they are not destroyed in time
- Complete the missile-launcher component to give dangerous enemies the ability to shoot missiles at the player
- Have the player lose a life when hit by a missile
- End the game when the player runs out of lives
- Display a meter showing the number of remaining lives
- Change the view at the end of the game to display a "game over" message and a reset button
- Keep track of the score and show a UI notification when it changes
- Show an explosion when a missile hits the player and when the player destroys a target
- Limit the number of targets that can be locked onto at once
- Load in 3D models for the player and targets instead simple sphere primitives
- Add sound effects
- Implement new enemy and friendly types - perhaps an armored enemy that needs to be hit more than once to be destroyed, or a rapid-fire enemy that launches missiles at a faster rate
- Add powerups that enemies and friendlies drop -- they could be extra lives, or a bigger cursor, or a bomb that will destroy anything on screen. Enemies could drop powerups when they are destroyed and friendlies could drop them when they fly away
- Create different difficulty modes, or have the difficulty progressively increase with time
- Create a "flight-path" component that causes entities to move along a designated path before flying away
- Modify the spawnEntities() function in the utils directory to spawn groups of entities laid out in formation rather than one at a time
- Prevent entities from spawning in a position that is blocked by the player
- Prevent the application from generating new entities when the window is not active (currently A-Frame pauses but React does not)
- Build a back end to keep track of high-scores, user accounts, and leader boards
This workshop is a work in progress, so if you find an optimization or implement a cool new feature, feel free to send a pull request and maybe your code will make it into the next iteration!
This project was bootstrapped with Create React App.
If you wish to change any of the configure files (webpack, etc), run the following command:
npm run eject
Please note that this action cannot be undone and is not necessary to complete the basic steps of this assignment.