Code a 2D Game Using JavaScript, HTML, and CSS (w/ Free Game Assets) – Tutorial

Let's explore an alien planet and learn all the techniques you need to make your own 2D games with vanilla JavaScript, HTML5, CSS3 and HTML Canvas. From sprite animation to parallax backgrounds, today we will build a game completely from scratch, with no frameworks and no libraries, using just HTML, CSS and plain vanilla JavaScript. Have fun! ✏️ Course by Frank's Laboratory. https://www.youtube.com/c/Frankslaboratory 🎨 Download Project Art assets 🎨 ** All art assets for this class were made by Frank or by artists he hired, there is NO copyright, you can download and use these freely for any project you want! Player: https://www.frankslaboratory.co.uk/downloads/103/player.png Projectile: https://www.frankslaboratory.co.uk/downloads/103/projectile.png Particle gears: https://www.frankslaboratory.co.uk/downloads/103/gears.png ⚙️ Backgrounds: Layer 1: https://www.frankslaboratory.co.uk/downloads/103/layer1.png Layer 2: https://www.frankslaboratory.co.uk/downloads/103/layer2.png Layer 3: https://www.frankslaboratory.co.uk/downloads/103/layer3.png Layer 4: https://www.frankslaboratory.co.uk/downloads/103/layer4.png 🐟 Enemies: Angler 1: https://www.frankslaboratory.co.uk/downloads/103/angler1.png Angler 2: https://www.frankslaboratory.co.uk/downloads/103/angler2.png Lucky Fish: https://www.frankslaboratory.co.uk/downloads/103/lucky.png Hive Whale: https://www.frankslaboratory.co.uk/downloads/103/hivewhale.png Drone: https://www.frankslaboratory.co.uk/downloads/103/drone.png ☁️ Collision Animations: Smoke: https://www.frankslaboratory.co.uk/downloads/103/smokeExplosion.png Fire: https://www.frankslaboratory.co.uk/downloads/103/fireExplosion.png 🐟EXTENDED class with BONUS lessons and more free sprite sheets: 4 new enemies, sound design, animated shield, animated projectiles and more https://www.udemy.com/course/learn-game-development-with-javascript/?referralCode=69874A38D543D7F510F2 ❤️ Try interactive JavaScript courses we love, right in your browser: https://scrim