https://github.com/grahammitchell/js-game-demos

a series of example programs to teach JavaScript video game concepts to beginners
https://github.com/grahammitchell/js-game-demos

Last synced: 4 months ago
JSON representation

a series of example programs to teach JavaScript video game concepts to beginners

• Host: GitHub
• URL: https://github.com/grahammitchell/js-game-demos
• Owner: grahammitchell
• License: apache-2.0
• Created: 2017-06-26T04:27:26.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2017-06-26T05:05:08.000Z (almost 9 years ago)
• Last Synced: 2025-02-15T07:51:22.100Z (over 1 year ago)
• Language: HTML
• Size: 117 KB
• Stars: 5
• Watchers: 4
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: License.txt

Awesome Lists containing this project

README

          
# Javascript Game Demos

A series of example programs to teach JavaScript video game concepts to beginners.

I wrote these for the students in my *Video Game Design* course in 2014.

-   [BouncingRect.html](https://grahammitchell.com/jsdemos/BouncingRect.html) - basics of drawing to the canvas and animation

-   [CollisionBox.html](https://grahammitchell.com/jsdemos/CollisionBox.html) - basic collision detection

-   [EtchASketch.html](https://grahammitchell.com/jsdemos/EtchASketch.html) - basic keyboard input

-   [EtchASketchSmooth.html](https://grahammitchell.com/jsdemos/EtchASketchSmooth.html) - better keyboard input

-   [Barricades.html](https://grahammitchell.com/jsdemos/Barricades.html) - using JS objects

-   [MouseDemo.html](https://grahammitchell.com/jsdemos/MouseDemo.html) - basic mouse input

-   [TrafficLight.html](https://grahammitchell.com/jsdemos/TrafficLight.html) - better mouse input

-   [CookieClicker.html](https://grahammitchell.com/jsdemos/CookieClicker.html) - the worst clicker ever made

-   [CollectFruit.html](https://grahammitchell.com/jsdemos/CollectFruit.html) - drawing an image to the canvas, mouse offset

-   [GameState2.html](https://grahammitchell.com/jsdemos/GameState2.html) - handling game states - menu, game, game over

-   [ManyRectangles.html](https://grahammitchell.com/jsdemos/ManyRectangles.html) - arrays of objects

-   [DataFile.html](https://grahammitchell.com/jsdemos/DataFile.html) with [rectangles.json](rectangles.json) - getting objects from an external file. Requires a webserver

-   [CatchEmAll.html](https://grahammitchell.com/jsdemos/CatchEmAll.html) - putting it all together in a very simple game

-   [SnakeBasic.html](https://grahammitchell.com/jsdemos/SnakeBasic.html) - basic Snake

-   [WormBasic.html](https://grahammitchell.com/jsdemos/WormBasic.html) - snake with a twist

-   [Shooting.html](https://grahammitchell.com/jsdemos/Shooting.html) - demo showing how to fire projectiles from a single point

-   [MovingShooting.html](https://grahammitchell.com/jsdemos/MovingShooting.html) - same but the barrel can move

-   [Turret.html](https://grahammitchell.com/jsdemos/Turret.html) - I hope you remember your trigonometry!

-   [WalkPath.html](https://grahammitchell.com/jsdemos/WalkPath.html) - shows how a guard could pace around a predetermined path

-   [LocalStorage.html](https://grahammitchell.com/jsdemos/LocalStorage.html) - shows how to save info to HTML LocalStorage

-   [Worm Advanced](https://grahammitchell.com/jsdemos/Worm2.html) - an actual complete, semi-fun game