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




Step by step rigging practices for Blender and Three.js

What you will learn

 

 

Basic modeling in Blender

 

Basic rigging in Blender

 

Displaying 3D models in a web page with Three JS

 

Read and use armatures with Tree JS and Javascript

 

Description

 

Hello and welcome.

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 of rigging armatures in blender and use them with three.js through exercises.

In this course, you will learn:

  • How to do basic modeling in Blender.

  • How to do basic rigging in Blender.

  • 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

  • How to read and use the armature and bones with 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.


Get Instant Notification of New Courses on our Telegram channel.


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 paper craft dice with Blender and Three.js
Creating the base
Creating the armature
Rigging
Materials
UV Mapping
Custom Properties
Lights
Export as glb
Project setup
Javascript coding
Saving
Result
Aditional information
Aditional information