Making a game in JavaScript

Opi Danihelka

Since 2003

Paper World

• 250 lines of code
• Python + Pygame
• 2006 Pyweek entry
• Won 3rd place!

Motivation

• Python
•  
• Flash
• JavaScript

Use HTML Canvas

Subtitle

Mines

Subtitle

• 280 lines of code
• HTML Canvas
• Vanilla JS

Forrest

Subtitle

• 280 lines of code
• HTML Canvas
• Vanilla JS

Pixi.js

http://www.pixijs.com/

Canvas WebGL with 2D rendering

Phaser.io

http://phaser.io/

Canvas WebGL with 2D rendering

Three.js

https://threejs.org/

Canvas WebGL with 3D rendering

https://threejs.org/examples/webgl_geometry_text.html#ed3d25311#ACTUM

https://www.cubeslam.com

Multiplayer

http://sheeps.herokuapp.com/

Websockets - Socket.io

https://slideslive.com/38900567/koncepty-a-triky-realtime-her-vice-hracu

Game making contests

Subtitle

GameJam

http://globalgamejam.org/

http://www.gamejamprague.org/

Ludum Dare

http://ludumdare.com/