Step by step practices for Three.js, Cannon and Blender.

What you will learn

Create 3D models in Blender.

UV Editing

Using Curve and Array Modifier

Exporting the scene to be used in different applications

Use Visual Studio Code as a work environment with webpack

Download the dependencies necessaries for the project

We will load our 3D model into a web page and run the simulation using Threejs and CANNON

Create a local server to run the project

Description

Hello and welcome.

If you are a developer or designer who is interested in create and 3D environment that can be used to simulate simple physics process that interact with other elements in the same scenario, this course is for you.

In this course we will focus on using Blender to create an scenario with multiples elements that will interact with each others and then we will configure that scenario to create a physic simulation using JavaScript, CANNON and Three.js.

We will create the scenario by using the tools provided by Blender like modifier and UV editing and the, we will configure our web project using Visual Studio Code.


Get Instant Notification of New Courses on our Telegram channel.


In this course you will learn:

  • Create 3D models in Blender.
  • UV Editing
  • Using Curve and Array Modifier
  • Exporting the scene to be used in different applications.
  • Use Visual Studio Code as a work environment with webpack.
  • Download the dependencies necessaries for the project
  • We will load our 3D model into a web page and run the simulation using Three.js and CANNON
  • Create a local server to run the project

I hope that the content of this course will be useful to you and that you can apply it to your personal projects.

Have fun and happy learning.

English
language

Content

Introduction

Introduction

Domino effect

Blender. Creating the domino
Blender. Texture and UV Editing
Blender. Model details
Blender. Creating the row. Pt 1
Blender. Creating the row. Pt 2
Blender. Fixing instances and overlaps
Blender. UV Editing the other pieces
Blender. Ground and Light
Blender. Adjusting and Exporting
VS Code. Configuring the project
VS Code. Index.html
VS Code. Index.js. Pt 1
VS Code. Index.js. Pt 2
VS Code. Index.js. Pt 3
VS Code. Index.js. Pt 4
VS Code. Building and Local Hosting
Result