Code a Stick Hero game with JavaScript and HTML Canvas

Published: 14 November 2020
on channel: Hunor Márton Borbély
54,618
760

In this tutorial, I’m going to explain how to create a game heavily inspired by Stick Hero with JavaScript and HTML Canvas. This tutorial is for beginners. If you are new to web development and want to learn how to develop games and other fun stuff, check out my channel.

👉 You find the game and its source code here: https://codepen.io/HunorMarton/pen/xx...

0:00 Introduction
1:06 The phases of the game
2:04 Main parts of the code
2:34 User Input
3:09 The main loop
7:04 Drawing with canvas
7:49 Translating the scene
9:21 Drawing a platform
10:18 Drawing a stick

Website — http://hunormarton.github.io/
CodePen — https://codepen.io/HunorMarton
Twitter —   / hunorborbely  

#webdevelopment #javascript #game #canvas #codepen

The original game made by KetchApp you can find here for iOS: https://apps.apple.com/us/app/stick-h...
and here for Android:
https://play.google.com/store/apps/de...


On this page of the site you can watch the video online Code a Stick Hero game with JavaScript and HTML Canvas with a duration of hours minute second in good quality, which was uploaded by the user Hunor Márton Borbély 14 November 2020, share the link with friends and acquaintances, this video has already been watched 54,618 times on youtube and it was liked by 760 viewers. Enjoy your viewing!