00mjk/3d-web-roadmap

3D web design and templates

This is a Complete Roadmap For Becoming a 3D Web Developer

ThreeJs ⭐

Below you find a set of charts demonstrating the paths that you can take and the technologies to give you a prespective tree of concepts in use in order to become a 3D Web Developer. This chart's have generated by ThreeJs community memebers and guidlines with the latest technologies available.

Fork Now For Avoiding Concept Missing While Learning

Overview

Note to Beginners

These roadmaps cover everything that is there to learn for the paths listed below. Don't feel overwhelmed, you don't need to learn it all in the beginning if you are just getting started. Also there is available prepared 3D objects to boost your learning process.

Lessons

Lesson 1

Containing:

• Import Library
  
• Create Geometry
  
• Add Material
  
• Create Mesh
  
• Add Camera
  
• Create Scene
  

Sources:

• Import in React
• Custom Geometry
• Create Material

Lesson 2

Containing:

• Improve Scene
  
• Responsive Scene
  
• Axes Helper
  

Sources:

• Axes Concept

Lesson 3

Containing:

• Canvas
  
• Mesh
  
• Cameras
  

Sources:

• Set Canvas To Center
• Animate Mesh
• Camera Handeling

Lesson 4

Containing:

• Groups
  
• Animations
  
• Time
  

Sources:

• Groups Callback
• Animation Sample
• Improve Loading

Lesson 5

Containing:

• Camera
  
• Positions
  
• OrbitControl
  

Sources:

• Update Orbit Control
• Orbit Experience

Lesson 6

Containing:

• Window Resize
  
• Cursor
  

Sources:

• Resizing Experience
• Raycasting Cursor

Contribution

Have a look at contribution docs and discussions for how to update any of the roadmaps.

• Open pull request with improvements
  
• Discuss ideas in issues
  
• Spread the word
  
• Reach out with any feedback