Best Frontend Courses LogoBest Frontend Courses
    • AI
    • Accessibility
    • Algorithms
    • Angular
    • Architecture
    • Astro
    • Auth
    • CSS
    • Firebase
    • Game Development
    • Gatsby
    • Git
    • GraphQL
    • HTML
    • Ionic
    • JavaScript
    • Jotai
    • MobX
    • Native
    • Netlify
    • Next.js
    • Nx
    • Performance
    • Prisma
    • React
    • React Native
    • Redux
    • Remix
    • Rx.js
    • SCSS/Sass
    • SolidJS
    • Storybook
    • Supabase
    • Svelte
    • Tailwind
    • Testing
    • TypeScript
    • Vue.js
    • XState
    • jQuery
    • p5.js
  • Add Course
  • Login

Copyright Š 2025Best Frontend Courses. All rights reserved.

  • Categories
  • Instructors
  • Terms of Service
  • Privacy Policy
  • Feedback
  1. Home
  2. JavaScript
  3. Build Complex 3D Models with WebGL
JavaScript
Video

Build Complex 3D Models with WebGL

by Keith Peters
Enroll
đŸ•šī¸ Levels: 🚀 Advanced
âŗ Duration: 1 hours
🤑 Price: Subscription
🧑‍đŸ’ģ Learning Platform: Egghead.io
🧑‍🎓 Certificate: No

🔑 Key Learning Outcomes

  • Cover per-vertex coloring in WebGL triangles.
  • Consolidate data into a single WebGL vertex array.
  • Implement perspective in WebGL for fixing clipping and aspect ratio.
  • Build complex 3D models with WebGL using triangle strips.
  • Create multicolored cubes and objects using different drawing modes in WebGL.
  • Texture objects with images in WebGL.
  • Set up directional light sources in WebGL.

👨‍đŸĢ About the Course

This course delves into creating intricate 3D models using WebGL, focusing on advanced techniques like per-vertex coloring, perspective implementation, and lighting effects. Keith Peters guides you through various drawing modes and texture applications to enhance your understanding of 3D graphics in JavaScript.

đŸŽ¯ Target Audience

  • Ideal for developers with prior knowledge in WebGL seeking to deepen their skills in building complex 3D models.
  • Suitable for those interested in advanced graphics programming and visualizations.

✅ Requirements

  • Prior knowledge in WebGL is essential for this course.
  • Familiarity with JavaScript and 3D graphics concepts will be beneficial.

📖 Course Content

  • Learn to apply varying colors per-vertex to WebGL triangles.
  • Consolidate data into a single WebGL vertex array.
  • Implement perspective in WebGL for fixing clipping and aspect ratio.
  • Build complex 3D models with WebGL using triangle strips.
  • Create multicolored cubes and objects using different drawing modes in WebGL.
  • Texture objects with images in WebGL.
  • Set up directional light sources in WebGL.
Update Course

Drop a comment

Build Complex 3D Models with WebGL by Keith Peters

Log in to leave a feedback

Login

👇 Psst! Interested in More JavaScript Courses?

JavaScriptJavaScript

Test Your JavaScript Knowledge
Video

by Lydia Hallie

đŸ•šī¸ Levels: 😎 Intermediate, 🚀 Advanced

âŗ Duration: 4 hours

🤑 Price: Subscription

🧑‍đŸ’ģ Learning Platform: Frontend Masters

JavaScriptJavaScript

Exploring Service Workers
Video

by Kyle Simpson

đŸ•šī¸ Levels: 😎 Intermediate

âŗ Duration: 4 hours

🤑 Price: Subscription

🧑‍đŸ’ģ Learning Platform: Frontend Masters

ReactReactJavaScriptJavaScript

Create an Optimistic UI in React with SWR
Video

by Sam Selikoff

đŸ•šī¸ Levels: 😎 Intermediate

âŗ Duration: 0.5 hours

🤑 Price: Subscription

🧑‍đŸ’ģ Learning Platform: Egghead.io

🔙 Back to JavaScript Category