AgentofHeart
MyBoerse.bz Pro Member
Javascript Game Development Pixel By Pixel
MP4 | Video: h264, 2560x1440 | Audio: AAC, 44.1 KHz, 2 Ch
Level: Beginner | Genre: eLearning | Language: English | Duration: 140 Lectures ( 11h 20m ) | Size: 14.1 GB
What you'll learn
Learn how to build 2D games in vanilla JavaScript and HTML5 Canvas, with no frameworks or libraries
Organize game code into modules, managers and data files that are easy to extend
Connect audio, particles, UI and camera effects with an event system instead of tangled dependencies
Animate sprite sheets with a reusable animation state system, including hit and death animations
Find and fix your own bugs by comparing your code with a complete working checkpoint of the project
Run your project with VS Code and Live Server, then publish the finished game online so anyone can play it
Add game feel with particle effects, screen shake, knockback and a smooth follow camera
Requirements
Basic JavaScript: variables, functions, arrays, objects, loops and conditionals
Basic HTML and CSS, and how JavaScript finds and changes page elements (DOM basics)
No game development or art skills needed: free pixel-art assets are included
Description
Let's build 2D action games with JavaScript and the HTML5 Canvas, no engine or framework. We'll include all the basics every game needs, like animated sprites, enemies, particles, screen shake and a camera that follows your hero, and we'll write every line together from scratch. When it's done, we'll publish it online so you can send anyone a link to play it.In this course, you willBuild a 2D action game from scratch, handcrafting every system in plain JavaScript on the HTML5 Canvas, with no engine or frameworkBring game characters to life with sprite sheets and a state-based animation system, so every move, hit and defeat plays the right framesUnleash enemies that look, move and behave differently, then spawn and recycle them with object poolingAdd the game feel that makes every hit land: particle bursts, screen shake and knockbackCreate a follow camera that tracks your hero across a world bigger than the window, then ground every character with depth sorting and shadowsWire sound, effects and UI together with an event system, so one hit triggers all three without spaghetti codeDrive your game from data files, so you can retune enemies, swap sounds and sprites, and rewrite missions without touching the game loopWrap it all in a real interface: an HTML and CSS HUD, menus, a pause screen and mission briefingsDebug with your eyes instead of guesswork by drawing helper shapes over the actionPublish your finished game online and share it with a single link, so anyone with a browser can play itIf you know the basics of JavaScript and want to try game development on something bigger than a tutorial toy, this workshop is for you. Maybe you have followed a game tutorial and ended up with code you could copy but not change. Maybe you have looked at game engines and wondered what they actually do for you. Either way, the fix is the same: build the game yourself, one small piece at a time, until nothing about it is a mystery.Tools, art and codeAll you need is a modern browser and the free Visual Studio Code editor, and I show how to use it with the Live Server extension. VS Code runs on Windows, macOS and Linux, so you can follow along on whichever you use. Free art assets are included so you can focus on the code. Sprites are described in data files, so you can swap in your own artwork laterBefore you startYou should already know the basics of JavaScript: variables, functions, if statements, loops, arrays and objects. You do not need any game development experience. More advanced features such as classes and async/await are introduced briefly where the game uses them, and every line is explained, but I do not teach JavaScript from zero. If you have never written JavaScript before, take a beginner course first and then come back, you will enjoy this one far more.Who this course is forJavaScript learners who know the basics and want a real project that goes well beyond tutorial-sized gamesWeb developers curious about game development who want to put their HTML, CSS and JavaScript skills to workProgrammers from other languages who know a little JavaScript and want to see how a 2D game fits together before choosing an engineHobbyists who want to make browser games they can share with a single linkWho this course is not forComplete beginners to programming should start with a JavaScript basics course first. This course does not teach Phaser, Unity, Godot or any other engine, and it does not cover 3D or online multiplayer.Frequently asked questionsDo I need a game engine like Phaser, Unity or Godot?No. Everything is built with plain (or "vanilla") JavaScript and the HTML5 Canvas, running straight in your browser. If you move on to an engine later, you will recognize what it is doing for you.Do I need game development experience?No. You need the JavaScript basics, and I introduce each game development idea at the moment the game needs it.What if my code does not work?Compare it with the complete working checkpoint you can download every few lessons, and ask in the course Q&A if you are still stuck.Can I use my own artwork?Yes. Sprites are described in data files, so you can swap in your own artwork later.Ready to build your game?By the end you will have a playable game, the source code at every stage, and the understanding to reshape it into games of your own. Watch the promo video and the free preview lectures to see the finished game and how I teach, then enroll and let's make games together. Have fun!
JavaScript learners who have finished beginner tutorials and want to build a complete game instead of another small exercise,Self-taught developers and bootcamp students who want a project that shows how to structure code, not just make it work,Hobbyists whose game code became one giant script that broke whenever they added a feature,Aspiring indie developers who want a reusable 2D starter kit they can adapt with their own art and ideas,Unity or Godot users curious how animation, cameras, particles and audio work when built from scratch
RapidGator
DDownload
NitroFlare
