Learn creative web development with three js and blender! We’ve just posted a beginner-friendly course on the freecodecamp.org YouTube channel that will teach you how to create an immersive 3D portfolio. You’ll start by diving into Blender to learn the fundamentals of 3D modeling. Along with completing your 3D assets, you’ll learn three js to bring your 3D models to the web. Andrew Wayne created this course.
The sections of this course are:
Introduction and project demo
Conditions
What is Creative Web Development?
Learning the first steps with Blender
(Optional) Learning Exercise – Think like a 3D artist
Modeling Tree (Bad and Good Practices)
Modeling character
Starting materials
(Optional) Other things you can model
Modeling ground and level
Adding image textures to projects
A look at modeling some routes
A look at different cameras
How I Modeled My Scene
Adding text and symbols
Preparing to export: checking routines, deleting faces, etc.
export model
Viewing the exported model with three JS editors
Getting Started Coding with VS Code
three. Getting Started with js
(Optional) Learning Exercise – To put your camera away
Quality of life adjustment
Loading and developing our model
Updating the camera and lighting
(Optional) Learning Exercises – Three. Change material color with js
Object Conversations with Ray Kester
Character mobility with GSAP
Collision detection process and custom movement
How to understand and approach difficult code. From JS examples
Collision detection process and custom movement
Take a look at analyzing difficult code
Code and scene cleanup
Create a camera follow player
(Optional) Learning exercises: loading screen, mobile movement, theme switcher
Deploying with GitHub and Versal
Final words and thoughts
View the full course freecodecamp.org YouTube channel (6 hour clock)