https://github.com/iansinnott/canvas-rendering-take-2

Learning how to use canvas for game rendering
https://github.com/iansinnott/canvas-rendering-take-2

Last synced: about 2 months ago
JSON representation

Learning how to use canvas for game rendering

• Host: GitHub
• URL: https://github.com/iansinnott/canvas-rendering-take-2
• Owner: iansinnott
• Created: 2017-08-27T17:10:07.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2017-08-27T22:52:22.000Z (almost 9 years ago)
• Last Synced: 2025-06-08T06:40:37.199Z (about 1 year ago)
• Language: JavaScript
• Homepage: https://goblin-catcher.netlify.com/
• Size: 43 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Canvas Rendering Take 2

I'm exploring canvas rendering and it turns out games are a great way to learn about canvas. I built this game based on this excellent tutorial: http://www.lostdecadegames.com/how-to-make-a-simple-html5-canvas-game/

Live Site: https://goblin-catcher.netlify.com/

![Game screenshot](https://dropsinn.s3.amazonaws.com/Screen%20Shot%202017-08-27%20at%2010.04.51%20AM.png)

## Dev

* `yarn start`: Start the dev server with hot reloading

* `yarn build`: Build the app. See NOTE below

**NOTE:** The build is currently only for development. There is no distinction between prod and dev yet. Just one `webpack.config.js`. Just something to be aware of.

## Improvements

* Implement an actual game board with tiles

  * Split images out so terrain can have a type

  * Don't allow player to pass through trees

* Make monster move

  * Add simple avoidance AI

* Add audio of some sort

* Improve sprites so something happens when the two characters collide

* Full screen