Creative Coding with WebGL and ThreeJS: Mastering Interactive Design
Course Description
Unlock the world of creative coding with our comprehensive course on WebGL and ThreeJS. Dive deep into the essentials of 3D graphics, generative art, and custom shaders in GLSL. This course is perfect for developers, artists, and anyone eager to create immersive, interactive experiences. Whether you're building VR/AR apps, interactive web projects, or computational art, this course will equip you with the skills to bring your creative visions to life. Start now and push the boundaries of what's possible on the web!
Course Curriculum
- 1.Installing canvas-sketch-cli: Your First Tool for Creative Coding
- 2. Canvas Sketch Introduction: Exploring the Essentials of Creative Coding
- 3. Canvas API Basics
- 4. Canvas Sketch Applications
- 5. The Grid
- 6. Drawing the Grid
- 7. Linear Interpolation
- 8. Adding Randomness
- 9. Radius & Organic Randomness
- 10. Color Palettes
- 11. Noise
- 12. Coding Noise with noise2D
- 13. Drawing with Text Characters
- 14. Canvas Q&A
- 1. Generative Wall Drawings
- 1. The Third Dimension
- 2. Generative Wall Exercise
- 2. Three.js Concepts
- 3. Coding a ThreeJS Isometric Cube
- 3. Takeaways of Generative Wall Exercise
- 4. Capabilities of Three.js- Isometric Perspective
- 5. Capabilities of Three.js- Color, Lighting, and Composition
- 6. Three Dimensional Thinking Q&A
- 7. Rationale for Simple Shapes