This one is the best three.js video on youtube. Please do more projects with three.js and build a whole 3d web site , that would be great. Thanks for all your videos.
Hi, I was wondering if you might know why, when i run the index.html file downloaded from the link in the description, i see a green gradient but no 3d model. thanks in advance.
Very Good tutorial, but I think people who watched this video might have some problems on coding, the major one is : .gltf not loaded (404 on local ). My solutions: on local: I used IIS, I added MIME type on server ( on local) on live server Wordpress: 1. allow WP add 'bin' and 'gltf' add_filter( 'upload_mimes', 'upload_glft_bin', 1, 1 ); function upload_glft_bin( $mime_types ) { $mime_types['bin'] = 'application/octet-stream'; $mime_types['gltf'] = 'text/plain'; return $mime_types; } 2. changed the path of resource in gltf 3. uploaded bin , gltf and resource into Wordpress
Tutorial was great. For some reason my model wont show up at all the you write it, but I managed to use this another tutorial in combination to the the model to display. There is quite a lot of confusion about different ways of using Javascript modules and imports too. I found that one of the stepping stones was to have the GLTFloader.js import version rather that the regular one. This wasted considerable amount of time and patience.
Hi, I have the same issue. Would you be able to tell me how to get the model to show up please? or guide me to the other tutorial you referenced? Thanks in advance
I must say I have been playing games past 7 years now, and I always wondered what that anti alias is all about. Never came to know until now. Thanks for providing extra knowledge you truely are amazing. Peace ✌️
In my case gradient for BG works! background: -webkit-linear-gradient(to right, #2f80ed, #56ccf2); background: linear-gradient(to right, #2f80ed, #56ccf2);
Your videos are very fun. Keep it up with the meandering accents. Maybe you should try working for Pixar as a voice actor. Do you have anything about just simply rotating an SVG in 3d space ? also I would love to see how to do game-like particle effects like stars, smoke, explosions etc.
I want to see more on three.js. Three.js is the future. Could you use the 3d models with scroll, animations or something like that? I saw amazing websites with scroll, 3d and moving the camera. All at the same time.
Yeah, I'd definitely love to see you do more stuff with Three.js, Ed. There's not a lot of stuff around these parts on the subject and I'd love to have an excuse to really get up and running with WebXR...
Could you please make a tutorial on combining bloom, anti-aliasing and another (any effect you want) postprocessing effect in threejs? I've been trying to do that but I find it very complicated to combine 2 or more effects in threejs as the anti-aliasing stops working leaving you with badly jagged edges. I think it would be really helpful for a lot of people!
Was starting to miss ya, when boom, a new video. Saved/relished it all day, finally watched and was not disappointed! Enjoyable video, but not sure I understand the advanced concepts, yet. Anyway, thanks for your hard work. Now I have to get going on those html/css course projects, from DevEd #motivation
I watched this tutorial ages ago, but now I thought of what would be cool if you could cover. React-three-fiber, which is a react renderer for threejs for web and mobile. The library is so cool, but there isn't enough materials. There isn't enough for WebGL in general. But if React+threejs+blender could be combined as building blocks for sites it would be the coolest thing.
Hi Ed, i've discovered Tailwind and then i've met the CodyHouse Framework (they use purgeCSS too) and i love it, i've made several projects with that and i since i cannot get back !
This tutorial is gold. I tried to follow, but unfortunately the source files has changed a lot. The js folder no longer exist and the GLTF file that you can find inside the jsm folder doesn't look the same. I tried your file and it works perfectly, I even was able to load new objects into the scene.
Thanks for the video, Dev Ed. Out of curiosity, so that I don't need a dependency on 3.js, does canvas.getContext('3d') exist - and if so, can you make a video that uses native HTML5 Canvas canvas.getContext('3d')?
Hi! I love your tutorial, however I am having a problem. My model does not appear when I run the site. I downloaded your project file from patreon and got the same result, the model does not appear. Is there something I am doing wrong? I have matched my code to yours and even run your file and the model does not appear on the page.
Would be useful to give more context. 1) It's not at all implied that you'd have to I intialise all those variables at the start. 2) No mention of what we are trying to do (something with a 3d house), which makes it harder to learn from
![Warhammer 40k: Space Marine 2 | เพื่อจักรพรรดิ ! [ตอนเดียวจบ]](http://i.ytimg.com/vi/4M0ckYMA4-U/mqdefault.jpg)
0:00 Intro
0:29 Illegal Ad
1:24 Set Up
4:16 Setting up CSS
5:50 Serching up 3D model
8:00 Scripting
9:45 Creating scene, fov, aspect,clipping(near,far)
13:04 Creating camera, position
15:10 Creating loader, load - add, render 20:30
17:15 Creating renderer, size, pixel ratio
19:49 Append container (child) to the page
20:45 Testing result
21:12 Removing background (put alpha: true to renderer)
21:56 Fixing position
23:16 Lighting, ambient
24:44 Animation
26:14 Creating Directional light, position, add
28:50 Fine-tuning CSS
30:40 Fixing resizing issue
32:32 Outro
Thanks!
XD illegal ad
Wait! AD THAT IS HIGHLY ILLEGAL SIR
30 YEARS IN PRISON AND 2 MILLION$ FINE
Thanks.
Thank you
Yes! Blender tutorials, please! It would be awesome to learn the modeling part as well as its video edition features.
Agree
Agree✔
+1 Atree!
Wait, BLENDER?!
th-cam.com/channels/33whXQsED5bXjbgt-ICQ1Q.html
This one is the best three.js video on youtube. Please do more projects with three.js and build a whole 3d web site , that would be great. Thanks for all your videos.
GREATGREATGREAT!!! Show more of 3D Javascript and Blender too!!!
You're a natural teacher. I really like how you explain your thought process as you go along. Thanks
I am just thinking to watch your channel, And you upload a new one. Thanks for listening without saying anything. 😂😂😂
Aakashvani
wait what
th-cam.com/channels/33whXQsED5bXjbgt-ICQ1Q.html
Blender tutorials? yes. Please. Yes. Thank you
Finally, after watching 10 videos I found you the easiest and most helpful instructor. Also, I love the way you teach as well! :D
Literally, means really you explain and code just like me...even you sit by making up your knee on chairs 😅🤣😅🤣love from India🇮🇳 brother
Thank you beautiful instructor on the internet.
Thank you! I finally was able to use GLTF loader with your tutorial!
Where dd you find the GLTF Loader, cause I can't seem to find it
Hi, I was wondering if you might know why, when i run the index.html file downloaded from the link in the description, i see a green gradient but no 3d model. thanks in advance.
Thanks a lot !! I followed other tutorials and nothing happened, but with this I was able to see my 3D model! Thanks!!
Dude, you have a gift of explaining things. Please never give up! Onward my brother!
Been waiting for this for a while, thanks!
I’m at school and I saw a new video, and I clicked on it and I was long my man made another one 😂
Nice 3d Animation ..Sir
Your videos are awesome
Thank you..
Yes blender tutorials .. please provide.. btw love your content
Love your teaching style!!Could you create a new React tutorial for 2020 please?
Threejs + blender is my new fav. I too have been blending in the background!
We need more videos about threejs please .you are a great teacher
You are great, I would like more tutorials on tree.js,
BIG BIG THANKS for this tutorial
I love your manners,a little bit weird sometimes but in a good way I love it,if it makes sense. Much love
Instantly clicked the like button when I heard three.js and saw something rather than a cube!
Very Good tutorial, but I think people who watched this video might have some problems on coding, the major one is : .gltf not loaded (404 on local ).
My solutions:
on local: I used IIS, I added MIME type on server ( on local)
on live server Wordpress:
1. allow WP add 'bin' and 'gltf'
add_filter( 'upload_mimes', 'upload_glft_bin', 1, 1 );
function upload_glft_bin( $mime_types ) {
$mime_types['bin'] = 'application/octet-stream';
$mime_types['gltf'] = 'text/plain';
return $mime_types;
}
2. changed the path of resource in gltf
3. uploaded bin , gltf and resource into Wordpress
Tutorial was great. For some reason my model wont show up at all the you write it, but I managed to use this another tutorial in combination to the the model to display. There is quite a lot of confusion about different ways of using Javascript modules and imports too. I found that one of the stepping stones was to have the GLTFloader.js import version rather that the regular one. This wasted considerable amount of time and patience.
Hi, I have the same issue. Would you be able to tell me how to get the model to show up please? or guide me to the other tutorial you referenced? Thanks in advance
I must say I have been playing games past 7 years now, and I always wondered what that anti alias is all about. Never came to know until now. Thanks for providing extra knowledge you truely are amazing. Peace ✌️
This was a wholllleeeeesome tutorial! You're really giving people the chance to make some beautiful looking websites! Cheers
In my case gradient for BG works!
background: -webkit-linear-gradient(to right, #2f80ed, #56ccf2);
background: linear-gradient(to right, #2f80ed, #56ccf2);
this reduced my headache 80%
can you please make a bootstrap 4 tutorial , i just loved your sass in 20 min video! so precise and upto the point, maybe something like it.
Yess!!. Please more videos about Three.js
Best tutorial on three.js ♥
Your videos are very fun. Keep it up with the meandering accents. Maybe you should try working for Pixar as a voice actor. Do you have anything about just simply rotating an SVG in 3d space ? also I would love to see how to do game-like particle effects like stars, smoke, explosions etc.
THREE.js + blender + modern js framework (react/vue...) tutorials please :)
Hey, could you do a vid on how to create three.js models? Anyway, this was one of the best videos on three.js on the internet!
226k subs! You’re absolutely killing it Ed. Well deserved my man
I want to see more on three.js. Three.js is the future. Could you use the 3d models with scroll, animations or something like that? I saw amazing websites with scroll, 3d and moving the camera. All at the same time.
thak you so much for this tutorial. Its is helping me wqith my portfolio
it world be funny if he said "Good morning my apprentice on the internet" (With a sith lord voice)
Good bro....u explain things really nice way🥰
Super awesome tutorial, bro! Now off to google to find out how to stop the rotation on mouseover and allow the user to rotate the model by mousing :)
yes, blender tutorials!!
Thank You so much! Finally, I founded what I need
Yeah, I'd definitely love to see you do more stuff with Three.js, Ed. There's not a lot of stuff around these parts on the subject and I'd love to have an excuse to really get up and running with WebXR...
Bro I even tried your source codes but i don't know why my a.k.a your 3d model is not displaying only the background is displaying. please help me out
Please do the blender tutorial! and I'm your html and css course! love you vids!!!
Could you please make a tutorial on combining bloom, anti-aliasing and another (any effect you want) postprocessing effect in threejs? I've been trying to do that but I find it very complicated to combine 2 or more effects in threejs as the anti-aliasing stops working leaving you with badly jagged edges. I think it would be really helpful for a lot of people!
Excellent. Please do more stuff with it.
Tailwind seems amazing!
please use tailwind on the update
the picture i nice noticed it instantly
Hi from Ukraine! Thank you for the video! It will be interesting to learn some more about Three.js. I'll be waiting eagerly for the next episode)
Was starting to miss ya, when boom, a new video. Saved/relished it all day, finally watched and was not disappointed! Enjoyable video, but not sure I understand the advanced concepts, yet. Anyway, thanks for your hard work. Now I have to get going on those html/css course projects, from DevEd #motivation
real world Three.js or A-Frame would be great!
I like your fun, amazing way of explaining!
I watched this tutorial ages ago, but now I thought of what would be cool if you could cover. React-three-fiber, which is a react renderer for threejs for web and mobile. The library is so cool, but there isn't enough materials. There isn't enough for WebGL in general. But if React+threejs+blender could be combined as building blocks for sites it would be the coolest thing.
Hi Ed, can you make a second part where you add interactivity with the 3d object? also, THANK YOU, YOU'RE A LEGEND.
This is the second time i was entertained with you, you are so funny, subscribed 😂
Hi Ed, i've discovered Tailwind and then i've met the CodyHouse Framework (they use purgeCSS too) and i love it, i've made several projects with that and i since i cannot get back !
Thank you , I do really appreciate it.
The course is amazing ❤
Awesome! It would be nice to make a video about how you configured your VS Code 🙏
Since you are a designer as well, you could do something with Lottie. Using After Effects on a website. Would be awesome.
This tutorial is gold. I tried to follow, but unfortunately the source files has changed a lot. The js folder no longer exist and the GLTF file that you can find inside the jsm folder doesn't look the same. I tried your file and it works perfectly, I even was able to load new objects into the scene.
Looks cool
You can add a css gradient to body if you delete the styles for .scene and canvas
Need some more videos on three js
Te tengo mucho cariño. ¿Podrías enseñar más sobre diseño 3D?
Very good informative. Please also add about orbitcontrol.
If its tailwind on real time web project
Im gonna buy
I wanna see blender!! Very cool
you did great and if you could please go ahead and create a lot more videos out of it
nice, please make tutorial videos for creating cad software.
Great stuff
love your tutorial
man Thank you , Now I know a lot About JS 💕
Hey Ed! I’d recommend looking into the model-viewer component from Google. It’s a much more simplified library for simple 3D and AR.
Thanks for the video, Dev Ed. Out of curiosity, so that I don't need a dependency on 3.js, does canvas.getContext('3d') exist - and if so, can you make a video that uses native HTML5 Canvas canvas.getContext('3d')?
i see Dev Ed, i click!................and Its a Good time as always!... Thanks! Dev Ed | dE veD
Tutorial can wait >_< i love the way you talk man o_o
I like this
Hello from Turkey 👋🏼
A tailwind update of your course would definitely be something I invest in.
Please make more three.js tutorials
I am legit scared started working with this yesterday and now you have a video about this, Mom I am scared come pick me up
please do a lesson with orbit controls three js
Could u please make a full crash course on three.js please
Hi! I love your tutorial, however I am having a problem. My model does not appear when I run the site. I downloaded your project file from patreon and got the same result, the model does not appear. Is there something I am doing wrong? I have matched my code to yours and even run your file and the model does not appear on the page.
Hi, Did you ever get to the bottom of this? I am having the same issue
@@thomasmclucas4723 Hey, no I never figured out what was going wrong unfortunately. Sorry I couldn't help :/
Can you make a video on full three js tutorial
Thanks
Greensock animation series please
Would be useful to give more context. 1) It's not at all implied that you'd have to I intialise all those variables at the start. 2) No mention of what we are trying to do (something with a 3d house), which makes it harder to learn from
i can't wait for de next video
Love your videos thanks for your greet contents
Please do another one!
Awesome
Yeah, blender tutorial would be great
maybe you could build your own framework. for example EdStrap and the build command could be "strap on" hmmmm..
waiting for the Blender tutorials.
Thank you that was nice, just was wondering though if we can make it move/rotate by mouse?