Practices for Blender and Three.js

Description

In this course, you will learn :

• Learn the fundamentals of modelling in Blender.
• How to use modifiers in Blender to complete some complex tasks.
• To export the scene we created in blender so that it can be used in other applications.
• Create a simple HTML page to showcase our work in Blender.
• Three.js is used to display a 3D scene.
• Using Three.js, load our model into the html page.
• Using JavaScript, animate the 3D model.
• How to set up Visual Studio Code so that it can work with our Three.js project.
• The project is exported using Webpack.

Syllabus :

1. Creating a clock with Blender and Three.js

• Creating the base
• [Array] and [Curve] modifiers
• Clock hands
• Details
• Materials
• [Bevel] and [Subdivision Surface] modifiers
• Shade Smooth and default position
• Lights
• Renaming objects
• Export as glb
• Project setup
• Javascript coding

 

2. Creating a roulette with Blender and Three.js

• Creating the base
• Image texture
• Assigning the materials
• UV Editing
• Adding Empty
• Adding the roulette stand
• Adding the arrow
• Materials for details
• Rotating the scene
• Point lights
• Renaming the Empty
• Renaming the Wheel and the Arrow
• Parenting the Empty with the Wheel
• javascript coding

 

3. Creating a basic animation with Blender and Three.js

• Creating the the car base
• Creating the tires
• Adding volume to the tires
• Adding details
• Adding materials to the car
• Path constraint
• Bake action
• Creating the road
• Adding materials to the road
• Reshaping the road
• Adding lights
• Javascript coding
• Saving
• Result

 

4. Creating a video player screen with Blender and Three.js

• Creating the base
• Adding materials
• Adding lights
• Export as glb
• Project setup
• Javascript coding
• Saving

Show more