Creative Web Development with Three.js and Blender – 3D Portfolio for Beginners

From the creator

Learn Creative Web Development with Three.js and Blender! This beginner-friendly course will teach you to create an immersive 3D portfolio. You'll begin by diving into Blender to learn the fundamentals of 3D modeling. With your 3D assets complete, you will learn Three.js to bring your 3d models to the web. Code, Credits, Fixes, Updates & Blender File: https://github.com/andrewwoan/bellas-park Website: https://www.bellas-park.com/ Course created by @andrewwoan https://ko-fi.com/andrewwoan ❤️ Support for this channel comes from our friends at Scrimba – the coding platform that's reinvented interactive learning: https://scrimba.com/freecodecamp Chapters: - 0:00:00 Introduction & project demo - 0:01:58 Prerequisites - 0:02:16 What is creative web development? - 0:06:37 Learning first steps with Blender - 0:14:05 (optional) Learning exercise - Think like a 3D artist - 0:15:44 Modeling tree (bad and good ways) - 0:42:16 Modeling character - 1:16:33 Starting materials - 1:29:37 (optional) Other things you can model - 1:37:37 Modeling ground & level - 1:41:34 Adding image textures for projects - 1:51:35 A look at modeling some paths - 1:53:57 A look at different cameras - 1:59:03 How I modeled my scene - 2:09:04 Adding text & signs - 2:18:52 Preparing to export: checking normals, deleting faces, etc. - 2:27:47 Export model - 2:30:43 Viewing exported model with three.js editor - 2:33:43 Starting coding with VS code - 2:37:47 Getting started with three.js - 3:07:07 (optional) Le

Published 2025-11-03 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.