Agreed there's a lot of beginner level stuff "create a scene, create a mesh, animate from right to left" but when you want to go advanced and say create your own mesh from scratch, vertex by vertex, create a twist or bend modifier, create morph animations, tweening and inverse kinematics, learn about gimbal lock / quaternion rotation, learn about local / world coordinate system and how they play in nested / child objects, different types of lighting, importing objects, textures and animations from Blender, particle systems, hair and fabric animation, because three.js really has all this stuff and I could go on and on oh and I don't even touch FPS optimization! You're pretty much on your own... An advanced three.js course would be an immediate "shut up and take my money" for me because I seriously need it for my next project but I fail to find one! Learning it the hard way by trial and error so far...
@@SergeyNeskhodovskiy there is a course named three js journey by bruno simon .. that is an advanced course ..check that out Also gary is already in that course and learning from that course and pushing out content here
I usually prefer written content over video but I actually really liked this presentation and got a good feel of how to navigate three.js from this, and I liked that you are too the point and not over the top thanks.
great tutorial. covered so much stuff that I need to learn to build my landing page in one go. I decided to take the hard route and learn javascript and threejs from scratch to build my website, and your tutorials are a huge help. thanks a lot
8:32 I guessed the RED color before you applied it (first time when I see this, I didn't scroll back&forth) :)) a few seconds before, I was absolutely sure you're gonna use red :))
How can I add a plane move with camera so that it always looks same, a square plane appears same as square no matter how much user tweak (mouse move) the mesh or scene?
Hey, thank you for the great tutorial, However im hitting an error while trying to load the starter project. any ideas how to fix it? Uncaught Error: Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js): ModuleBuildError: Module build failed (from ./node_modules/css-loader/dist/cjs.js): Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: Package subpath './package.json' is not defined by "exports" in /Users/amir/Desktop/threejs-webpack-starter-master/node_modules/postcss/package.json
Thank's for this amazing tutorial, do you know why it doesn't work when i try to display it on react project? i put the JS code on function componentDidMount() and nothing appears, i don't have any error on a console
Hi! Just came across your video while learning Three.JS and it's amazing! Quick question, for the canvas that you're rendering the terrain on, how are you having that not take up the entire window? I'm unable to set the width and height for it... any tips? Thanks in advance!
Love your videos! Have had such a joy learning THREE.js with your help. Do you plan to make any videos with React Three Fiber? Would love to get more familiar working with THREE in react.
Awsome Threejs tutorials! Thank you! Would love to see some content with multiple scenes in the future. Also, I got a bug(?) making this project. Got like a fringe or wave of slices(best I can come up with) going through the textures when the plane rotates to a certain point. It occurred only with material {transparent:true}. After some research and experimenting only fix I could find is moving the camera away from the "wave" location.
These videos are great! How do I add a three.js tutorial to my project (html,css) or how do I add the html and css to the three.js and put it all on a local server? I’d like to use what I’ve learnt in tutorials and use them for portfolio projects. Could someone please help. I’m relatively new. TIA 🙂
How do you get your fonts to render so well on a Windows Device? Are you using a high-resolution monitor? 5K? 4K? Retina-like? What's your secret..? :O
a lot of the stuff here is deprecated... no more planebuffergeo.. just planegeo, and if you follow this tutorial youll notice a lot of flickering when you change the dislpacementScale values
Enjoying the Threejs content? I hope you are. EXPECT MORE!
So coooooool thank you
really digging it, ty!
I love this. Expect more 💯😁
Yesssss!!!!! Thank you so much❤❤❤
hey can you please bring a tutorial on 3d character controlling/movement using keyboard with 3rd person camera view.
There's a serious lack of videos on intermediate/advanced threejs on TH-cam, and this man out here filling that void. Absolutely brilliant.
This is still beginner level stuff. I can't wait until I can personally learn more and share it!
Are there any videos at all except the ones from design course?
Agreed there's a lot of beginner level stuff "create a scene, create a mesh, animate from right to left" but when you want to go advanced and say create your own mesh from scratch, vertex by vertex, create a twist or bend modifier, create morph animations, tweening and inverse kinematics, learn about gimbal lock / quaternion rotation, learn about local / world coordinate system and how they play in nested / child objects, different types of lighting, importing objects, textures and animations from Blender, particle systems, hair and fabric animation, because three.js really has all this stuff and I could go on and on oh and I don't even touch FPS optimization! You're pretty much on your own... An advanced three.js course would be an immediate "shut up and take my money" for me because I seriously need it for my next project but I fail to find one! Learning it the hard way by trial and error so far...
@@SergeyNeskhodovskiy there is a course named three js journey by bruno simon .. that is an advanced course ..check that out
Also gary is already in that course and learning from that course and pushing out content here
@@varunbhatt35 thank you! Will check it out
I usually prefer written content over video but I actually really liked this presentation and got a good feel of how to navigate three.js from this, and I liked that you are too the point and not over the top thanks.
Could you please add height and alpha maps to the description?
Thanks Gary, I was waiting for more Three.js videos :D
great tutorial. covered so much stuff that I need to learn to build my landing page in one go. I decided to take the hard route and learn javascript and threejs from scratch to build my website, and your tutorials are a huge help. thanks a lot
Remember me FLASH AS3 and threeJS , 10 years ago, miss it :D
Keep sharing next level content brother!
Thank you so much for these videos... expecting more like these please!!
Honestly I've been delaying learning three js but these videos are pushing me to learn...
Hello me
damnn love it hoping for more content like this
bro.. where was the height.png
which you have used in your project
Another great video. Thank you for sharing threejs content.
The white background version wasn't that bad! Nice set of tutorials
I love three.js .now all love 3D
I support this content
Please more courses like this
And how setup 2 scene or more
thanks for sharing this 😁
Can you please share all the images that you used her???
Awesome effect, looks so cool 👍
Damnnn😍😍 I will definitely try this!!
maybe you can do a video of three.js and vue
Had to go back down to node 16 for run cmds to work.
Thankyou ❤️❤️❤️❤️
Really cool demo. It would be interesting to try a grayscale version of the texture map as the displacement map.
good share for threejs
Very cool effect
Nice tutorial. Is there any tutorial to put online the project? I did a project with three js but i can't put it online on a hosting
How to fix the 3d model aint working at last its not loading
is it possible to do this procedurally
8:32 I guessed the RED color before you applied it (first time when I see this, I didn't scroll back&forth) :))
a few seconds before, I was absolutely sure you're gonna use red :))
Great stuff! 🙏
Gary can you send the alpha and height maps to a repo? I'm stuck, dont have the bucks for photoshop :(
Hello !! One question, there's a way to put an image in each face of a cube?
Keep this going please!
Please make video on admin pannel
How can I add a plane move with camera so that it always looks same, a square plane appears same as square no matter how much user tweak (mouse move) the mesh or scene?
You will need to use an orthographic camera instead of perspective.
Hey, thank you for the great tutorial, However im hitting an error while trying to load the starter project.
any ideas how to fix it?
Uncaught Error: Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/css-loader/dist/cjs.js):
Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: Package subpath './package.json' is not defined by "exports" in /Users/amir/Desktop/threejs-webpack-starter-master/node_modules/postcss/package.json
i cant delete the node_modules file. please help!!!
Thank's for this amazing tutorial, do you know why it doesn't work when i try to display it on react project? i put the JS code on function componentDidMount() and nothing appears, i don't have any error on a console
Looks awesome
So awesome.. thanks!
Hi! Just came across your video while learning Three.JS and it's amazing! Quick question, for the canvas that you're rendering the terrain on, how are you having that not take up the entire window? I'm unable to set the width and height for it... any tips? Thanks in advance!
Can you provide some pictures?
How can I use 3js in wordpress or webflow?
Love your videos! Have had such a joy learning THREE.js with your help. Do you plan to make any videos with React Three Fiber? Would love to get more familiar working with THREE in react.
Awsome Threejs tutorials! Thank you! Would love to see some content with multiple scenes in the future.
Also, I got a bug(?) making this project. Got like a fringe or wave of slices(best I can come up with) going through the textures when the plane rotates to a certain point. It occurred only with material {transparent:true}. After some research and experimenting only fix I could find is moving the camera away from the "wave" location.
These videos are great! How do I add a three.js tutorial to my project (html,css) or how do I add the html and css to the three.js and put it all on a local server? I’d like to use what I’ve learnt in tutorials and use them for portfolio projects. Could someone please help. I’m relatively new. TIA 🙂
I got question if you doing shop design in figma For website and phone you need to do 2 projects 1 for web and 2 one for phone ? @DesignCourse
How do I load 3D meshes and scenes from a mongodb
you probably want to setup a node.js server first. the THREE part is easy, just load the model with Loaders and then add it to the THREE scene itself
Very good
I can't seem to find PlaneBufferGeometry. I can only find a BufferGeometry, and a PlaneGeometry.
Awesome!
You’re a boss!
i think we will see Blender tutorial soon XD
New haircut is nice
how to solve vulnerability node js
The best part about him is he makes mistakes while teaching and corrects it then and there
Mobile dev need some one like you plz make some video on adobe Xd and figma for mobile dev
Merci même si je ne comprend pas l'anglais ça m'aide quand mm
Bonjour, j'ai vu ton com. tu as réussi à faire ? tu as Gimp ou Photoshop ? Merci à toi
Thank you,
is using threejs bad for SEO?
not necessarily.
if you got too many models then yeah
How do you get your fonts to render so well on a Windows Device? Are you using a high-resolution monitor? 5K? 4K? Retina-like? What's your secret..? :O
Cool!
Good sir
But i need to help please!
no-one seems to want to try tackle making the canvas responsive for mobile.
Like Again
Click play.. like the vid.. watch
Hi Gray, I emailed you about a gig, can you check and please reply?
Hello there my gorgeus Harry why u do dis
Euhm
The melted lunge climatologically clap because teller behaviourally coil out a lean spinach. spurious, dizzy gallon
The future futuristic love hemperly increase because israel tellingly glue of a low pillow. infamous, wacky slipper
a lot of the stuff here is deprecated... no more planebuffergeo.. just planegeo, and if you follow this tutorial youll notice a lot of flickering when you change the dislpacementScale values
Awesome!