0 Comments

Modern Three.js for Real Websites

Modern Three.js for Real Websites

Learn to develop a premium quality, 3D portfolio site that’ll put you leagues ahead of your competition

Welcome to the Modern Three.js for Real Websites course, where you will learn how to develop a premium quality, 3D portfolio site that’ll put you leagues ahead of your competition. My name is Christopher Lis, and I’m an award winning Full-Stack Engineer with over ten years of web development experience. I’ve directly worked with clients like Harvard University, The Basketball Tournament, and premium award winning agencies like Brave People.

The number one goal of this course is to get you developing real-world, actual Three.js websites without feeling lost or frustrated. The Three.js library consists of many complex terms that absolutely flustered me when I first started learning it, so I made this course to demystify that lingo and guide you through the development of something you can actually use in a real-world scenario.

What you’ll learn

  • How to install Three js and import it into your project
  • How buffer attributes work and how to decode them within arrays
  • How to use the Three js raycaster to create mouse-to-scene interactions
  • How to use Three js point clouds to create a galaxy of stars
  • How to traverse your scene with 3D camera movement
  • How to resize your scene using JavaScript event listeners
  • How to edit your scene realtime using a graphical user interface (GUI)
  • How to set up a simple Vite server for importing and exporting modules
  • How geometries and materials work together to form meshes
  • How to add HTML and CSS web elements to your scene
  • How to launch your site to a Netlify development server
  • How to integrate your project into a framework (Nuxt js) so you can seamlessly transition to different web pages from your 3D scene

Recommended Three.js Online Course

Three.js and TypeScript [2022 Edition]

Learn to create WebXR, VR and AR, experiences using Three.JS

3D Programming with JavaScript and the Three.js 3D Library

Create a 3D multi-player game using THREE.js and Socket.IO

JavaScript screenshot
success 67%

Udemy Coupons May 2022


Sale of the season. Courses for up to 80% off

Regions: Global

Promotion Dates: 5/16/22 - 5/25/22

Click HERE to Get Udemy Coupons Code


Sale of the season. Courses for up to 80% off