Learning Threejs: Add event listeners to 3D objects, camera features and more

  Рет қаралды 78,847

Augusto Proano

Augusto Proano

Күн бұрын

Пікірлер: 68
@amitkanderi7877
@amitkanderi7877 6 жыл бұрын
Brilliant explanation, Thank you for your help to developer community.
@augustoproano2234
@augustoproano2234 6 жыл бұрын
You're very welcome Amit, always happy to help our community. If you have any specific topic about Three.js or software engineering in general please let me know
@amitkanderi7877
@amitkanderi7877 6 жыл бұрын
Right now I am also working on three.js, But my project is solar system. I want to know how can I add a starfield at the background and planet revolving at the front with interaction with the planet. I got planets in .glb format. Kindly guide me in right direction. It would be a good help
@amitkanderi7877
@amitkanderi7877 6 жыл бұрын
Tito Proano you're amazing, a few more tutorials from you on three.js would be amazing.
@bukijohn8839
@bukijohn8839 4 жыл бұрын
I know, that this .js library existing, but you tutorial show me her powerful!💪 Thanks man! I appreciate it!!! Let's new features begin!!!👍
@giovannicriscwcc4249
@giovannicriscwcc4249 3 жыл бұрын
loving it ! great !
@argjendkrasniqi455
@argjendkrasniqi455 4 жыл бұрын
Awesome Video.
@andrewrtrout
@andrewrtrout 4 жыл бұрын
Yo man I love the thing you made at the end. That space stage thing is awesome and the music is great. Thanks for the tutorial!
@张博-d5u
@张博-d5u 6 жыл бұрын
Handsome guy thank you very much for your tutorial, see your video give me a big Inspire in my working career!!!!!!
@MrKokosovi4
@MrKokosovi4 4 жыл бұрын
It will be great if you make the full course
@graphic-nations
@graphic-nations 3 жыл бұрын
this is wonderful, Big Thanks
@АннаПотреба-я2щ
@АннаПотреба-я2щ 3 жыл бұрын
you're safe me, my dear ) thanks a lot!
@adithyas6863
@adithyas6863 4 жыл бұрын
15:02 GPJ file 🤣🤣🤣 But it was a nice tutorial man!!
@ramonashahbazi9889
@ramonashahbazi9889 4 жыл бұрын
Loved it *__* tnxxx
@dcstrong8876
@dcstrong8876 6 жыл бұрын
Very cool video, I would like to continue. Please make a video about replacing the frame (scene). Let's dub it on one stage spin the ball, press the button, and take us to another scene where the cube moves
@shubhamdave1014
@shubhamdave1014 3 жыл бұрын
Hello Augusto, Thanks for providing this details in this video. Can you please let me know how we can directly use this library in Angular. As I have implemented the sphere but the domEvent is giving error. I am not able to find the solution for that. Thanks
@ChandanaBandara
@ChandanaBandara 4 жыл бұрын
Thanks! Good stuff
@nupurmittal8732
@nupurmittal8732 4 жыл бұрын
from where i can get the library threex/domevent? I could not find the same
@DAROM-TK
@DAROM-TK 3 жыл бұрын
You save my day!
@JyotiEntertainmentProduction
@JyotiEntertainmentProduction 3 жыл бұрын
Cool mate !
@spacey_face
@spacey_face 4 жыл бұрын
Do you have a tutorial on adding animation tweening to the mouseon/mouseoff and onclick events to create smoother hover and click events? Also, this domEvent control library - is this depricated by the transform controls library built into three js? Or is it meant to be used in tandem? Anywas, Thanks! This tutorial was really helpful!
@argjendkrasniqi455
@argjendkrasniqi455 4 жыл бұрын
I've gotten the click function to work, but the hover's will not for some reason. Could you help me figure out how come?
@nomiscph
@nomiscph 2 жыл бұрын
Okay Nice tutorial; Can i suggest to add typescript to your workflow; you Can tab all of the methods instead of that mis typing all the time ❤️✌️
@codeWithAslam
@codeWithAslam 4 жыл бұрын
I am getting an error on console which is "Uncaught ReferenceError: THREEx is not defined" please help me
@xzecxeed2548
@xzecxeed2548 4 жыл бұрын
did you figure it out?
@pawankumar-wn1cp
@pawankumar-wn1cp 4 жыл бұрын
how can i use button in place of click event to animate objects? Please help...............
@unknown-jm8ii
@unknown-jm8ii 3 жыл бұрын
How can i get the source code of it
@krzysztoflisowski6162
@krzysztoflisowski6162 5 жыл бұрын
Rly good tutorial, thx for help man :)
@nicetwice3761
@nicetwice3761 5 жыл бұрын
How to add click event on one of the sides of Cube? Can you help me please?)
@teccria
@teccria 5 жыл бұрын
Hello, Is it possible to export an OBJ file from the blender and manipulate with the treeJs Domevents ?
@movieworld8575
@movieworld8575 5 жыл бұрын
Hi, did you find a solution ?
@uzairahmed9329
@uzairahmed9329 3 жыл бұрын
we can do this same thing using raycaster and add eventlistner to window object
@christ_is_coming_back9118
@christ_is_coming_back9118 3 жыл бұрын
Do you have a tutorial on how not to type so hard?
@LouisDitho
@LouisDitho 4 жыл бұрын
THREE.OrbitControls is not a constructor i always got this error, can someone help me? nice tutorial btw
@cankarkadev9281
@cankarkadev9281 4 жыл бұрын
Seems like you didn't load the OrbitControls.js file
@kamlansjugalkshetri4860
@kamlansjugalkshetri4860 4 жыл бұрын
js files gets loaded synchronously and if you add the OrbitControl.js after the the js file of your this error shall come
@gorilla-san
@gorilla-san 2 жыл бұрын
THANK YOU
@stevenbelievin1241
@stevenbelievin1241 3 жыл бұрын
Does anyone know how to create that thumbnail picture in threejs it looks super cool. I would like to learn how to make those mountains in the thumbnail.
@HCforLife1
@HCforLife1 3 жыл бұрын
Yeah. You using a plane with a lot of geometry. Than you apply the filter on it using displacement. You can animate it. You can show outlines in the geometry settings as well
@andresborja9137
@andresborja9137 4 жыл бұрын
Tito kramer. Net.. me lo vi completo aunque no se ni papa de programación q crack
@cmcdonough2
@cmcdonough2 5 жыл бұрын
That's cool. Thanks.
@allanalexander732
@allanalexander732 4 жыл бұрын
plz do add new videos .... u've got a subscriber
@ReactToons420
@ReactToons420 6 жыл бұрын
thank you for this
@HK-sw3vi
@HK-sw3vi 4 жыл бұрын
yo this is lit, I took away a lot of new things
@Dirtyratsdotwebs
@Dirtyratsdotwebs 5 жыл бұрын
THREEx.DomEvents is not a constructor ???
@abdullahalkurdi6845
@abdullahalkurdi6845 5 жыл бұрын
make sure to include the library
@xzecxeed2548
@xzecxeed2548 4 жыл бұрын
Did you figure it out?
@koenamathaba5726
@koenamathaba5726 5 жыл бұрын
Has anyone figured out how to add the click event to a GLTF 3d Object?
@tanyacruzgilmour8541
@tanyacruzgilmour8541 5 жыл бұрын
did you ever manage this? I would like to know how too!
@koenamathaba5726
@koenamathaba5726 5 жыл бұрын
@@tanyacruzgilmour8541 Yes Tanya. Use THREEx.DomEvents but add the events to the Mesh Nodes instead of trying to add it to the GLTF object as it is
@happychuckprogramming6048
@happychuckprogramming6048 5 жыл бұрын
nice
@wynton921
@wynton921 2 жыл бұрын
😂 god damn cooking lesson…
@janeblack8109
@janeblack8109 6 жыл бұрын
Love you
@maxoys45
@maxoys45 5 жыл бұрын
Nice tutorial - the amount of typos was quite frustrating though xD
@KristianOye
@KristianOye 3 жыл бұрын
Is it too much to ask that you use semicolons consistently?! :P
@JuanRojas956
@JuanRojas956 4 жыл бұрын
How can I place regular HTML above the 3D objects
@xzecxeed2548
@xzecxeed2548 4 жыл бұрын
did you figure it out? it would be helpfule
@emilrivera609
@emilrivera609 2 жыл бұрын
Hi. Can you explain how to import this in a javascript file instead of a html file? I've tried import { THREEx } from 'threex.domevents/threex.domevents.js' with a npm install threex but the click and hover functions don't work. Many thanks.
@patrisiin7695
@patrisiin7695 4 жыл бұрын
no out put on mine
@jonbelloun1322
@jonbelloun1322 4 жыл бұрын
Does not work!
Simple Third Person Camera (using Three.js/JavaScript)
13:00
SimonDev
Рет қаралды 67 М.
Three.js Realistic Lighting Setup Tutorial
10:17
Red Stapler
Рет қаралды 73 М.
1% vs 100% #beatbox #tiktok
01:10
BeatboxJCOP
Рет қаралды 67 МЛН
My scorpion was taken away from me 😢
00:55
TyphoonFast 5
Рет қаралды 2,7 МЛН
To Brawl AND BEYOND!
00:51
Brawl Stars
Рет қаралды 17 МЛН
Three.js Realistic Material Reflection Tutorial in 8 Minutes
8:54
18a How to detect collisions three.js
10:15
flanniganable
Рет қаралды 18 М.
Getting Started With Three.js
19:35
Traversy Media
Рет қаралды 292 М.
Like in a dream - 3D fractal trip
4:35
bib993
Рет қаралды 3,5 МЛН
Create the Earth with THREE.js
20:27
Robot Bobby
Рет қаралды 39 М.
Three.js Tutorial For Absolute Beginners
53:26
Wael Yasmina
Рет қаралды 454 М.
Three.js Tutorial on Shaders (beginners)
12:44
SimonDev
Рет қаралды 76 М.
1% vs 100% #beatbox #tiktok
01:10
BeatboxJCOP
Рет қаралды 67 МЛН