Chris Courses Courses

Three.js 3D Game Tutorial - In-Depth Course for All Levels

1 rating

Comprehensive Three.js tutorial covering game development essentials: setup, lighting, physics, collision detection, enemy spawning, and more. Suitable for all skill levels.

• YouTube
• 2 hours 1 minute
• Self-Paced
• Free Video

How to Code - One Snakey Boi with Perlin Noise

Learn to create controlled randomness with Perlin Noise in JavaScript, applying it to canvas animations for snake-like effects, particle galaxies, and colorful visual designs.

• YouTube
• 43 minutes
• Self-Paced
• Free Video

The Ultimate HTML Tutorial Course for Complete Beginners

Comprehensive HTML tutorial covering text, image, video, and layout tags, ideal for beginners seeking a solid foundation in web development fundamentals.

• YouTube
• 1 hour 17 minutes
• Self-Paced
• Free Video

How to Code - Sine Waves

Learn to create animated sine waves using HTML5 Canvas. Master drawing, animating, and customizing waves with amplitude, wavelength, colors, and dynamic properties. Ideal for creative coding enthusiasts.

• YouTube
• 30 minutes
• Self-Paced
• Free Video

How to Code - Star Shower

Learn to create stunning mountain ranges and star-filled skies using HTML5 Canvas. Master gradient backgrounds, multiple mountain generation, and glow effects for captivating visual designs.

• YouTube
• 27 minutes
• Self-Paced
• Free Video

Particle Explosions - How to Code: Star Shower

Learn to create stunning particle explosions in a star shower effect using canvas and JavaScript. Master inheritance, animation, and advanced visual techniques for interactive web graphics.

• YouTube
• 29 minutes
• Self-Paced
• Free Video

How to Code: Gravity

Learn to create a gravity-based physics simulation using HTML5 canvas and JavaScript. Covers velocity, friction, boundaries, and visual enhancements for an engaging interactive experience.

• YouTube
• 32 minutes
• Self-Paced
• Free Video

Interacting with The Canvas - HTML5 Canvas Tutorial for Beginners

Learn to create interactive HTML5 Canvas animations with mouse events, dynamic circle growth, color randomization, and responsive design techniques for engaging web experiences.

• YouTube
• 27 minutes
• Self-Paced
• Free Video

Animating the Canvas - HTML5 Canvas Tutorial for Beginners

Learn to animate HTML5 Canvas elements using requestAnimationFrame, object-oriented JavaScript, and randomization. Master techniques for creating dynamic, interactive graphics and game-like animations.

• YouTube
• 32 minutes
• Self-Paced
• Free Video

Three.js Tutorial Crash Course - 2021

Learn to create interactive 3D environments in the browser using Three.js. Covers scene setup, mesh creation, lighting, animations, hover effects, and integrating HTML/CSS interfaces.

• YouTube
• 2 hours 35 minutes
• Self-Paced
• Free Video

Vertical Platformer Game Tutorial with JavaScript and HTML Canvas

Learn to create a vertical platformer game using JavaScript and HTML Canvas, covering setup, physics, animations, and advanced game development techniques.

• YouTube
• 3 hours 44 minutes
• Self-Paced
• Free Video

Multi-Room Platformer Game Tutorial with JavaScript and HTML Canvas

Learn to create a multi-room platformer game using JavaScript and HTML Canvas. Covers player movement, collision detection, sprite animation, level design, and more in a comprehensive, hands-on tutorial.

• YouTube
• 3 hours 3 minutes
• Self-Paced
• Free Video

Programming Pong in the Park - ASMR Canvas and JavaScript Tutorial

Learn to create the classic Pong game using Canvas and JavaScript in a serene outdoor setting. This ASMR-style tutorial guides you through each step, from setup to collision detection.

• YouTube
• 21 minutes
• Self-Paced
• Free Video

Tower Defense Game Tutorial with JavaScript & HTML Canvas

Learn to create a tower defense game using JavaScript and HTML Canvas, from map creation to sprite implementation, covering pathfinding, building placement, projectiles, and game mechanics.

• YouTube
• 5 hours 16 minutes
• Self-Paced
• Free Video

JavaScript Fighting Game Tutorial with HTML Canvas

Learn to create a fighting game using JavaScript and HTML Canvas, covering mechanics, sprite animations, and professional graphics for an engaging gaming experience.

• YouTube
• 3 hours 56 minutes
• Self-Paced
• Free Video