Code a Stick Hero game with JavaScript and HTML Canvas

Veröffentlicht am: 14 November 2020
auf dem Kanal: 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...

Auf dieser Seite können Sie das Online-Video Code a Stick Hero game with JavaScript and HTML Canvas mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Hunor Márton Borbély 14 November 2020 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 54,618 Mal angesehen und es wurde von 760 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!