three.js Raycaster - Tutorial for mouse picking / drag & drop

three.js Raycaster - Tutorial for mouse picking / drag & drop

Genka

3 года назад

30,785 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

@rogerfuentes5979
@rogerfuentes5979 - 10.04.2023 00:56

thanks man this is amazing

Ответить
@bestapps4709
@bestapps4709 - 07.03.2023 12:48

I am passing: _scene.add(_board) and this board has 30 .obj, so the userData.squares doesn't exist.
board.userData.squareNumber = squareNumber++;

intersects[0].object.userData.
squareNumber
Objets exist but the userData squareNumber doesn't.

Ответить
@bestapps4709
@bestapps4709 - 16.02.2023 06:56

I want do it in cellphone with touchstar, touchend etc... can help bro?

Ответить
@josephjo4545
@josephjo4545 - 07.02.2023 10:02

awesome thank you so much

Ответить
@user-lb1yd7ff6o
@user-lb1yd7ff6o - 10.01.2023 13:44

Hello)
How to change code for moving Object3D? Not mesh)
Thx!)

Ответить
@joanisky4925
@joanisky4925 - 25.08.2022 18:50

Thank you a lot for that great video !

Ответить
@fanweidong6256
@fanweidong6256 - 20.07.2022 17:00

Thanks for the great video! I have trouble figure out how to use this Raycaster in react three fiber? could you please share some light? thank you

Ответить
@mikeflatlineagency799
@mikeflatlineagency799 - 20.06.2022 20:48

If i have a cube and change the position up the ray casting will still be at 0, 0, 0 where the cube first was. How do i fix this?

Ответить
@faitthegamingk8413
@faitthegamingk8413 - 23.03.2022 15:01

thanks a lot man

Ответить
@user-uu4gm2wg3x
@user-uu4gm2wg3x - 28.02.2022 11:01

thank you so much

Ответить
@hadjerhadjer9215
@hadjerhadjer9215 - 10.12.2021 19:09

Please help me 🥺🥺🥺

Ответить
@hadjerhadjer9215
@hadjerhadjer9215 - 10.12.2021 19:08

Please

Ответить
@hadjerhadjer9215
@hadjerhadjer9215 - 10.12.2021 19:08

Please help

Ответить
@hadjerhadjer9215
@hadjerhadjer9215 - 10.12.2021 19:08

Hi please it doesn't work with ts can u give me the code with js please I really need it 😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭😭

Ответить
@devchauhan468
@devchauhan468 - 02.12.2021 13:47

@Genka How do we move object not in a plane but anywhere in the space?

Ответить
@narendrareddyyarramreddy2007
@narendrareddyyarramreddy2007 - 05.08.2021 22:16

Great video! Thanks you bro. Do you know how to change colors of a custom 3d object ? Please do a video on that

Ответить
@ifecojahs8151
@ifecojahs8151 - 04.08.2021 20:34

line 142 var draggable : THREE.Object3D; makes no sense, failed to compile is what I get

Ответить
@Rebel8MAC
@Rebel8MAC - 23.06.2021 05:23

All these tutorials involve like 2 or 3 things at once and out of the 7 I've sat down and watched i still can't figure out how to make a 3d object clickable.

Since all tutorials want to show me raycasting and mouse hover stuff in addition to mouse clicks and i can't tell how to separate them and so the code never works because it is tied up with references to the other stuff in these scenes that i don't have in mine.

I literally have ONE LONELY SPHERE in three.js with the perspective camera and the sphere is rotating. I just want to click on it and make it slow down. I know how to make it slow down, but how do I make the sphere clickable?

Like, it's soooo simple, it shouldn't be this hard.

Ответить
@Abdiel262
@Abdiel262 - 13.06.2021 20:27

Thank you bro! I was trying to implement a Drag & Drop scene in Angular, so Typescript came good to me. It's worked perfectly.

Ответить
@makarishnaik6869
@makarishnaik6869 - 28.05.2021 22:01

Kiss strategy

Ответить
@user-ni5qn1oi6z
@user-ni5qn1oi6z - 26.05.2021 08:49

Good tutorial! Thanks! ^^

Ответить
@songwright
@songwright - 20.05.2021 10:00

I don't know typescript so I'm trying to do this in JavaScript and it's not working.

Ответить