Creating a webpage using Blender and Three.js
This post was published 2 years ago. Download links are most likely obsolete. If that's the case, try asking the uploader to re-upload.
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English + srt | Duration: 19 lectures (1h 29m) | Size: 601.9 MB
basic tutorial to use blender and three.js to create a webpage that displays a 3d figure in it with animations
What you'll learn
Create a 3D figure with Blender
Assign an armature to the figure with Blender
Create 3 different animations for the figure with Blender
Create a Scenario with camera and lighting to export it and use it in the web page with blender
Configure the project with Visual studio code
display the 3D figure on a web page using Threejs
Control the animations using Javascript events
Requirements
Basic understanding of Blender
Basic understanding of Javascript
Basic understanding of Image edition with krita (or similars like Gimp or Photoshop)
Basic understanding of Visual Studio Code
Description
Welcome to "Creating a webpage using Blender and Three.js".
Sometimes, the web developer do not have the knowledge to use Blender, or the 3D designer do not have knowledge to display the 3D figures in a web page.
This tutorial can help both, the developer and the designer to get an idea of how to use blender and three.js to create a basic website
In this tutorial
we will learn how to create a web page that will display a 3D figure created in Blender with different animations that you can control using javascript events.
We will use Blender to:
Create a 3D figure
Assign an armature to the figure
Create 3 different animations for the figure
Create a Scenario with camera and lighting to export it and use it in the web page.
We will use Visual Studio Code to:
Configure the project
display the 3D figure on a web page using Three.js
Control the animations using Javascript events
At the end, you will have a base project that you can modify freely for your needs.
Hope this can help you to get a basic knowledge to create your how projects.
If you have any question, please let me know in the comment section.
Thanks and have fun.
Who this course is for
Web developers that want to implement 3D figures in the front end.
Designers that want to implement their 3d designs in a web page
Homepage
Screenshots
Welcome to My Blog - Check it Every Days
If you have any troubles with downloading, PM me
Please Buy Premium Account from my links to get high download speed and support me
Happy Learning!!
Download from free file storage
Resolve the captcha to access the links!
Registered members don't get captcha ... just sayin