SIGN IN

JOIN FOR FREE

SHOP

PLAY

CREATE

Min. Age: 5+

Programming a role-playing video game step by step

Story, elements, and rules

Keymelot: Programming a video game step by step - Story - (Retro game)

Video game map creation

Creating the video game map and tileset

Design a dungeon map and create its tileset using Tiled.

Designing a Retro Video Game Map and Tileset

Learn to define a matrix by creating a video game map [Printable + Code]

Learn to define a matrix by creating a video game map. Practice with these printable and coding exercises.

Download Printable | Test code

Introduction to matrices, defining a matrix, creating a video game map downloadable printable

Video game map creator App

Use a tileset, a matrix and a renderer to create a video game map.

Introduction to matrices, defining a matrix, creating a video game map downloadable printable

Creating an HTML canvas to draw a video game map

Learn how to create a canvas of the size of your map and draw a tile on it.

Coding activity for children: Creating an HTML canvas to draw a video game map

Character movement

Movement (1): Keyboard INPUT

Learn how to use keyboard inputs to control actions and movement in video games.

Instructions | Materials

Block coding game for children: Printing keyboard INPUT to develop Video Game character movement

Video game character movement: Capture player interactions with JavaScript

Capture and log keyboard inputs and touchscreen devices' interactions using JavaScript to implement main character movement for our game. Manage DOM events for both PC and smartphones or tablets.

Video Game Character Movement: Logging Keyboard INPUT with JavaScript

Video Game Character Movement: Logging touchscreen events with JavaScript

Loading...