0:00 / 0:00
#htmlcanvas#stickhero#gameloop
Code a Stick Hero game with JavaScript and HTML Canvas
Hunor Márton Borbély
7.6K subscribers • 1 video on Hallway
- Recommended by 1 person: 1 in engineering communities.
- Presented by Hunor Márton Borbély
Beginner. No background in the topic needed.
77K views5 years ago1 recommendation
Game developmentWeb developmentJavaScriptGame programming
Hunor Márton Borbély explains how to build a clone of the Stick Hero game using vanilla JavaScript and HTML Canvas.
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: codepen.io/HunorMarton/pen/xxOMQKg Introduction The phases of the game Main parts of the code User Input The main loop Drawing with canvas Translating the scene Drawing a platform Drawing a stick Website — hunormarton.github.io/ CodePen — codepen.io/HunorMarton Twitter — twitter.com/HunorBorbely #webdevelopment #javascript #game #canvas #codepen The original game made by KetchApp you can find here for iOS: apps.apple.com/us/app/stick-hero/id918338898 and here for Android: play.google.com/store/apps/details?id=com.ketchapp.stickhero…Why it's here
1 person recommends thisWhat people say. Recommended as a great beginner tutorial for learning game development with HTML Canvas.