Three.js Tips and Techniques

These are my 10 favorite tips and techniques for Three.js; quick and easy code snippets, methods and tools for your realtime 3d tool belt.
Whether your a seasoned developer or just getting started with Three.js, ready your minds! Let's go!
00:00 Intro
00:21 Save an Image
01:42 After Image Effect
04:57 Teapot Geometry
06:35 Scene Override Material
07:48 Glow Effect
10:48 Fog
14:55 Make the Background Transparent
15:51 Outline Effect
18:19 Three.js Scene As Background
21:36 Scroll Event Handler
Check out the code: github.com/bobbyroe/tips-and-...

[@Distortie]

great tips mate. great learnings

[@robotbobby9]

Thanks 👍

[@InverserPro]

It's cool video. Thanks!

[@robotbobby9]

Glad you liked it!

[@beastlybruh3825]

another great video !!!!

[@robotbobby9]

Thanks @beastlybruh3825 !

[@closingtheloop2593]

You're a beast.

[@robotbobby9]

Thank you!

[@user-hd3pz2ow1b]

cool

[@robotbobby9]

Thanks!

[@irfansaeedkhan7242]

thank you man, there too less data on threejs on youtube

[@robotbobby9]

Thank you! More to come!

[@khanjanjha9693]

where are the files from which you are importing can you please share them

[@robotbobby9]

github.com/bobbyroe/tips-and-techniques

[@khanjanjha9693]

@@robotbobby9 thankyou so much

[@khanjanjha9693]

I have been given a task to make emmersive webpage how can i build one or take ispiration for it. I have never worked on these emmersive sites can you please guide me

[@robotbobby9]

Hey @khanjanjha9693 check www.awwwards.com/ for inspiration. (or scan KZbin for "AWWWard winning websites") Many of the immersive effects can take a lot of work and skill, so if you are new to the process, take it step-by-step and slow! Start with a simple effect (like a Three.js background, tip #10) Good luck!

[@khanjanjha9693]

@@robotbobby9 i have already scanned through awwwards those designs are waaay more complicated and looks harder to achieve......so i sometimes feel lost where to start