BLACK FRIDAY SALE 40% OFF ALL COURSES 🔥🔥🔥
https://developedbyed.com/
USE COUPON: BF40
Today we are going to learn how to use Three.js, which is a library on top of webgl that allows you to create immersive 3D Websites with just a few lines of code. This is a beginner tutorial on how to learn Three.js starting from absolute scratch. This will be a potential series where we dive deeper into Three.js but also learning how to model with blender.
🛴 Follow me on:
Twitter: https://twitter.com/developedbyed
Instagram: https://www.instagram.com/developedbyed/
Github: https://github.com/developedbyed/
#coding
source
Definitely keen on making a series out of this, hopefully progressing into making full blown 3D Websites. Let me know if you are interested 🔥🔥
Black Friday sale is still on so make sure you get it before Christmas 🚀
pls more video on three jss
An extremely helpfull tutorial. thanks!
YES PLEASE
whats your vscode theme?
Hey can anyone help me out i am not able to achieve the last task. The sphere only changes into one color and doesn't change its color also I've been getting "rgb is unknown" on console… Can anybody help out?
what plugin /theme etc its is on your code editor? its cool too 👀 tell somebody
all file n folder icons are cute
Great vid! Thanks for making it.
This was amazing. Easy to follow, easy to understand the concepts. I started learning THREEJS and this video was a godsend to start. 100% would watch more, from basics to more advanced stuff. Great content as always.
WOW!
Thanks you
@32:35 bless u
do tutorials for three.js more, like in advance
my browser is only randomly showing the 3d scene. Sometimes it does, sometimes not. What can I do?
It's a real pleasure to learn with you. Your positive tone, calm pace and explanations makes it really enjoyable. Thanks a lot
so full disclosure, i havent watched the entire video. But for someone who knows nothing about code and wants to make 3d interactive websites, where does one start e.g. learn react? or Three.js or java or python. And also wants to choose the part of least resistance.
What VS Code theme is that?
Perfect video
nothing showed for me and I keep getting an error in chrame dev tools
Thanks for this awesome tutorial Ed, this one should have a million views already. Thanks for sharing value 💙
Thank you so much for this
I think more blender and three JS Tutorials would be kindly appreciated 😊
I understand what you're saying about the context of units being arbitrary at 12:25…
But in reality, I believe those units are in pixels (px) by default.
Please correct me if I'm wrong👍.
where is the github repo link to this video?
Instead of renaming the files at all, you could do this in the app.js file using the ternary operator:
const currentFrame = (index) =>
`./YOUR_FOLDER/${
(index + 1 < 10 ?
"000" : index + 1 < 100 ?
"00" : "0")
+ (index + 1).toString()
}.YOUR_FILE_TYPE`;
goat
import * as THREE from "three" 609.9k (gzipped: 153.1k)
This line dont work, I had to manually type all from 609.9k and it automatically fill it
Full course please. From one Ed to another
List style of get the fuck out caught me completly off guard. Cracked me up!
Hi this is a great tutorial but somehow once I get to 42:26 the color change is just white? I followed the tutorial but when I inspect my code it is saying "THREE.Color: Unknown color rgb (${rgb.join(",")})"
Is there a way to turn a sphere like this into a button, that when clicked zooms in and takes you to a different concept page
well worth 43.50 min for my first Three.js video!
btw, wanna see the little puppy face too next time 🙂 it's cute!
can someone explain why i have en error when i try npm run dev
How to build it and serve it???
Great video! No need to curse though, lol… (I do too though sometimes)
Just awesome explanation. Not unlike other youtubers who write a predetermined code on their console, you do errors and explain them nicely. Best webdev youtuber rn.
Could you make a tutorial on spline js?? It looks really cool and feels like blender but much easier than blender.
intermediate
Great video!
wow, you are just amazing 💯💯💯💯
Love you dude
Can i have the code and can i use this in react js project?
Thank you so much 👍🏻❤️
I like that desktop wallpaper you have where can I find that?
I was finding three course
one of the best Three.js crash courses on youtube. short, conscious and fun. please make in depth videos as well, would also be great if you do courses on A-Frame as well.
Awesome, works like a charm
That's really amazing…. thank you so much for the tutorial …
Nice! Everything works besides when i load the page in the browser the canvas takes only half of the space. If i try to resize the screen it covers the screen perfectly again. How can i have the canvas take up the whole width on first load? Has anyone had a similar problem?