Learn Three.js by Building 5 Projects

46,181

1,714 0

Published 2024-06-12

Learn fundamental JavaScript coding techniques by creating dazzling real-time 3d animations and effects using three.js.

✏️ Course developed by ‪@robotbobby9‬

Here are the projects you will create:
1) Getting Started
github.com/bobbyroe/getting-started-with-threejs

2) Create the Earth with Three.js
github.com/bobbyroe/threejs-earth

3) Fly through a Wireframe Wormhole
github.com/bobbyroe/flythru-wireframe-wormhole

4) Create a Transition Effect
github.com/bobbyroe/transition-effect

5) Add Physics to Three.js with Rapier
github.com/bobbyroe/physics-with-rapier-and-three

🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan
👾 Oscar Rahnama

--

Learn to code for free and get a developer job: www.freecodecamp.org/

Read hundreds of articles on programming: freecodecamp.org/news

All Comments (21)

@robotbobby9 1 month ago

I hope you enjoyed these 5 projects, be sure to check out my channel for more – new videos every week! BIG thanks to Beau, thanks freeCodeCamp(🔥)!
@tomiwaibironke2174 1 month ago

This will be the only tutorial I'll finish 😂😂😂, I have passion for 3js 🎉
@peakflow1169 1 month ago

love the threejs examples you show on main channel, nice to see ai more detailed deep dive!
@cedric6941 1 month ago

Three.js Virtual Reality project videos would be amazing. I had a hard time understanding how to use the controllers.
@raghav9000 1 month ago

Thanks guys, just what i needed for my next project. Love you fcc
@fotiosfotinakis8359 1 month ago

Thanks for sharing this stuff to those who do not have a clue but are anxious to learn and try!
@davidbriggs8109 1 month ago

Very intuitive 👏. I have never seen a video titled build an smtp server server before.
@memaimu 1 month ago

The first project was a good project in "learning" Threejs. However, the others were more so spectacles. I was hoping for explanations similar to the fundamentals guide they provide in video form. Cool graphics nonetheless.
@NNNedlog 1 month ago

Thanks for this tutorial, can't wait to create some projects with three.js soon
@irfansaeedkhan7242 1 month ago

awesome we need more on threejs
@samdavepollard 1 month ago

quality content; many thanks for sharing your knowlege
@AIdevel 1 month ago

Thanks for sharing this tremendous video about the art of using Three Js 😊 I love it AI developer from Saudi Arabia 🇸🇦 Keep on sharing these videos
@sujith9435 1 month ago

this is awesome 🤩
@rayanefirachine3586 1 month ago

I love this channel ❤️❤️❤️
@Lilarocky22 1 month ago

Wowwwww 🎉😮
@UCS-Nishanth 1 month ago

🤩🔥
@alexdin1565 1 month ago

please more videos about threejs
@aestheticanimals-hn4uz 1 month ago

Please update your frontend development libraries certificate React is changed
@takikun1427 yesterday

Great video man!. but i have a problem that the controls are only updating when i am interacting with my mouse (like zooming in or dragging), but when i leave my mouse, the simulation pauses
@ockley 1 month ago

Hi @robotbobby. I am looking through the video. It seems like the earth tutorial is the finished project instead of the starter files.