Uploaded June 2025 | Updated September 2026, 2 weeks ago
Join me on my first flight with Turkish Airlines as I dive into coding a procedural bag generator! 🚀🛫 In this video, I walk you through the process of creating a bag generator using JavaScript, right from the basics to implementing a class with properties and methods.
We’ll cover:
- Setting up the HTML and CSS for a centered canvas
- Accessing the 2D drawing context in JavaScript
- Creating and drawing a bag class with custom properties
- Adding details like wheels and handles with helper functions
- Experimenting with colors and random properties for variety
This project is a part of a larger plan, which I’ll reveal in the next video. But for now, watch how I develop this fun and dynamic coding project mid-flight! Let me know your thoughts and suggestions in the comments below. Don’t forget to like, subscribe, and hit the bell icon for more updates! ✈️💻
#CodingOnAPlane #HTMLCSSJavaScript #CanvasDrawing #ProceduralGeneration #TravelVlog #TurkishAirlines #CodingTutorial
Join me on my first flight with Turkish Airlines as I dive into coding a procedural bag generator! 🚀🛫 In this video, I walk you through the process of creating a bag generator using JavaScript, right from the basics to implementing a class with properties and methods.
We’ll cover:
- Setting up the HTML and CSS for a centered canvas
- Accessing the 2D drawing context in JavaScript
- Creating and drawing a bag class with custom properties
- Adding details like wheels and handles with helper functions
- Experimenting with colors and random properties for variety
This project is a part of a larger plan, which I’ll reveal in the next video. But for now, watch how I develop this fun and dynamic coding project mid-flight! Let me know your thoughts and suggestions in the comments below. Don’t forget to like, subscribe, and hit the bell icon for more updates! ✈️💻
#CodingOnAPlane #HTMLCSSJavaScript #CanvasDrawing #ProceduralGeneration #TravelVlog #TurkishAirlines #CodingTutorial
