📜 ⬆️ ⬇️

Create arkanoid in pure javascript from scratch. CANVAS

It all started with small lessons on how to make a game loop, how to organize drawing, how to make the keyboard work, etc. And against the background of these small lessons, the idea came to make a full (almost) game, just from scratch.
The desire was embodied in the form of 7 lessons, which I would like to present below.


First lesson. Game cycle, keyboard.
Watch 27 minutes



Lesson two. Player object Main character.
Watch 7 minutes


')
Lesson three. We need to destroy something!
Watch 22 minutes



Lesson number four. Ball movement, destruction of objects, collisions.
Watch 33 minutes



Lesson five. Level map, environment.
Watch 14 minutes



Lesson six. Losing Points
Watch 24 minutes



Lesson of the seventh. The results of the work.
Watch 14 minutes



image
image

Such was the course on how to create an arkanoid in JavaScript. If you have any questions - please in the comments =)

UPD: Download the archive with the result of the work: Arkanoid.zip
The first link works.
UPD 2: The first link died ... Download now here: Arkanoid.zip

Source: https://habr.com/ru/post/302860/


All Articles