Franks laboratory

Creative coding experiments, generative art & game development with vanilla JavaScript & HTML canvas. No frameworks and no libraries. Every project is explained line by line as I write the code using just plain vanilla JavaScript & HTML5 canvas element. If you want to SUPPORT me you can use the links below and get some one my EXTENDED classes! :) https://www.udemy.com/course/learn-creative-coding-with-vanilla-javascript/?referralCode=7C560D4661C5C59262BB https://www.udemy.com/course/learn-game-development-with-javascript/?referralCode=69874A38D543D7F510F2 https://www.udemy.com/course/learn-html-canvas-pixels-particles-physics/?referralCode=F7977062A4BC964A1F5E https://www.udemy.com/course/remake-retro-games-with-javascript/?referralCode=2ACCA21F16FE78E631F7 Get Skillshare FREE for 1 month: https://www.skillshare.com/en/r/profile/Frank-Dvorak/507488567?gr_tch_ref=on&gr_trp=on

Education 2 summaries
Mar 30 - Apr 05, 2026
1 video
Build a Data-Driven Enemy System in JavaScript thumbnail

Build a Data-Driven Enemy System in JavaScript

The video demonstrates building a scalable, data-driven game architecture by fully separating data from logic and using modular managers. It covers creating a robust enemy system (data-driven enemy types, an enemy manager, and object pooling), standardizing access via single points (sound, UI, and game state management), and replacing hard-coded “magic” values with centralized constants to enable easy balancing and expansion.

00:01:23 read 00:35:46 video 8 chapters
Mar 23 - Mar 29, 2026
1 video
The Right Way to Load Images and Audio in JavaScript thumbnail

The Right Way to Load Images and Audio in JavaScript

The video explains building a robust asset loading system with Promises and async/await to load images and audio in parallel, ensuring the game only starts once all assets are ready and the loading screen is shown appropriately. It covers introducing separate managers (UI, Audio, Render) to offload responsibilities from Game.js, implementing a timer UI, and refining the codebase with defensive programming and a modular architecture for a polished game experience.

00:01:32 read 00:33:37 video 10 chapters

Related Channels

Get daily AI recaps from
Franks laboratory in your inbox

Get AI-powered summaries delivered to your inbox. Save hours every week while staying fully informed.

Subscribe to Franks laboratory