• Post category:StudyBullet-3
  • Reading time:5 mins read


Step by step practices for Blender and Three.js

What you will learn

Basic modeling in Blender

Displaying 3D models in a web page with Three JS

Animating a 3D model with Blender and Javascript

Export of 3D models for use in different applications

Basic UV Editing

Basic Blender Animation by using constraints

Display DOM elements in a 3D environment using Three JS CSS3DRenderer

Description

Hello and welcome.


Get Instant Notification of New Courses on our Telegram channel.


If you are a web developer who is interested in using 3D models for a website or if you are a 3D model designer and want to know how to prepare a basic scenario so that it can be exported and used in other applications, this course may be for you.

This course is oriented to put into practice the knowledge in blender and three.js through exercises.

In this course, you will learn:

  • How to do basic modeling in Blender.
  • How to use modifiers to perform some complex tasks in Blender.
  • To export the scene we created in blender to be used in different applications.
  • Create a basic html page to display our work in Blender.
  • Using Three.js to display a 3D scene
  • Load in the html page our model using Three.js
  • Animate the 3D model with the use of JavaScript
  • How to prepare Visual Studio Code to work with our Three.js project
  • Using Webpack to export the project
  • View the project on a local server

In addition, you will find these lessons attractive because they can serve as a basis to start creating a web page that can be used as a portfolio to display 3D figures that you have previously created.

Also for developers, these lessons can be attractive to learn how to use elements within a 3D model and modify them using JavaScript.

I hope you enjoy the videos and can use what you learn for your personal projects.

Have fun

English
language

Content

Introduction
Introduction
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
Saving
Result
Speedup result
Aditional information
additional information