Тёмный

Dynamic Character Controller With Three.js + Rapier ( Complete Overview ) 

Visionary 3D
Подписаться 16 тыс.
Просмотров 10 тыс.
50% 1

Опубликовано:

 

30 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 30   
@visionary_3_d
@visionary_3_d Год назад
Checkout my tutorial on the voronoi diagram. Since in the next episode we're going to break some objects 😛 ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-m4W6ey2l6lk.html
@has.nguyen1753
@has.nguyen1753 Год назад
Do a r3f version plssssssssssssss!
@visionary_3_d
@visionary_3_d Год назад
I'll create a r3f component in the future ( that's a good idea, thanks ) ❤ But Remember, everything implemented in simple Javascript can be added to r3f. Learn how to do THAT if you don't know how it can be done ( I can make a video on that if you want! )
@ahmedfarooq7253
@ahmedfarooq7253 Год назад
Dont stop posting man, you are one of few
@henk.design
@henk.design Год назад
This is amazing. Didn't expect otherwise from you!
@visionary_3_d
@visionary_3_d Год назад
Thank You❤
@evil_core3029
@evil_core3029 Год назад
Great job again!) Would you like to make a tutorial on a ragdoll character based on ammo or oimo joints system? I think it wuld be usefull and really interesting lesson. Maybe about joint at all.
@markopolo2224
@markopolo2224 Год назад
nice
@IshfaqKhancomedies
@IshfaqKhancomedies 10 месяцев назад
change the color of the box when you click on the box....
@ThePouetman
@ThePouetman 11 месяцев назад
I've always wondered about the point of hooks like this 5:23. I've just been initializing my ecs world, physics wold and loading my assets in an init.ts file and then exporting them, i dont really see the point in wrapping it into a function
@visionary_3_d
@visionary_3_d 11 месяцев назад
The point is that it’s much cleaner this way imo and also later on when this turns into a more complex engine every app uses these hooks instead of importing a random variable.
@ThePouetman
@ThePouetman 11 месяцев назад
@@visionary_3_d eh, I'm still not convinced, but thanks for answering anyway! Cool video btw, I finally understood how to set the dimensions for a capsule.
@nickcarvajal
@nickcarvajal Год назад
🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥
@andrewchen7174
@andrewchen7174 Год назад
This is amazingly good! Thanks for sharing it! So, it's more like a kinematic character controller (by controlling the character position)? I was impressed by this vedio (floating capsule control): ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-qdskE8PJy6Q.html And I am also trying to create a rigibody character controller using r3f+rapier by myself (controls character velocity). But currently got a trouble makeing character staying still on a moving/rotating platform 🥲. Do you have any advice on that? On unity, there is a parent function we can use, but i don't find in react three rapier (If you are posting a r3f version in the future, that would be realllllly helpful to me. Just want to learn how an expert coder orgenize his r3f code)
@visionary_3_d
@visionary_3_d Год назад
yes this is a kinematic position based cc. great video, I like the hover effect on that capsule controller. the thing that makes you stick to platform when it's rotating is friction. so try adding a ton of friction. but for a more realistic effect there might be other forces involved ( looking into actual physics concepts might be helpful in that case ) r3f video is actually a good idea thanks!
@andrewchen7174
@andrewchen7174 Год назад
​@@visionary_3_d Thank you for your feedback! I appreciate your suggestion of adding friction to enhance the sticking effect on rotating platforms. However, the floating capsule is not affected by ground friction. Maybe I should find a way to track the platform's movement and apply it to the character. 😅
@tomatonnnn1791
@tomatonnnn1791 Год назад
@@andrewchen7174 you can use fixed joint in rapier which is similar to parent
@andrewchen7174
@andrewchen7174 Год назад
@@tomatonnnn1791 That's a pretty cool idea! Thanks👍! So, if I understand correctly, we can control the joint point position and thus control the character's movement? However, what if we want to control the velocity of the character instead of directly manipulating its position? Is there a solution or workaround for that scenario?
@andeederek9338
@andeederek9338 Год назад
Is rapier better performing than three-mesh-bvh?
@visionary_3_d
@visionary_3_d Год назад
It should be. Because Rapier is implemented in Rust. Which then gets used via WASM. However no testing has been done on my end 🙂
@AndyFarrell008
@AndyFarrell008 Год назад
@@visionary_3_d So you could use it for collisions between your character/s and a very large scene of static models?
@visionary_3_d
@visionary_3_d Год назад
@@AndyFarrell008 Yes you should be able to. That's what a good physics engine does. Also I saw some benchmarks on it a month ago but the web page doesn't work anymore now... But the right thing to do is looking at benchmarks or doing performance teste yourself.
@fwdflashwebdesign
@fwdflashwebdesign Год назад
Can you do some tutorial on text, not 3d text, text that can be styled with css, there is not about this topic anywhere...
@visionary_3_d
@visionary_3_d Год назад
Is there a specific effect that you want to achive ?
@fwdflashwebdesign
@fwdflashwebdesign Год назад
@@visionary_3_d Not really effects, simple text, like an animated hover button or simple styled text that can be turned into texture, there are a ton of tutorial on shaders etc but on one of the most important topics text that can be styled like we do with CSS and HTML nothing, I could not find anything I know how to use a complicated shader and I have no idea how to do a hover text like in css :)
@visionary_3_d
@visionary_3_d Год назад
​@@fwdflashwebdesign Well there are 2 scenarios : 1. you've seen this hover text somewhere ( share the link if you have ) 2. you're imagining a hover effect with no reference You need to be more specific... or else I can't help However what you described reminded me of this tutorial. Check it out: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-dE-B0j_gt_Y.html
@fwdflashwebdesign
@fwdflashwebdesign Год назад
@@visionary_3_d Exactly how do we use basic text that can be formatted with CSS in threejs? I have no clue...
@EmberUB
@EmberUB Год назад
div2canvas may useful, it can convert Html elements to canvas,then you can convert canvas to texture and use to mesh.
@nightlycoding
@nightlycoding Год назад
Nice tutorial, is there something similar with R3F?
Далее
React Three Fiber Tutorial - Rapier Physics Engine
8:38
Свадьба Раяна Асланбекова ❤️
00:12
three.js & rapier3D - Character Terrain Movement
7:17
Third Person Controller (React Three Fiber Tutorial)
24:55
WebGPU :: Javascript at the speed of Light
20:02
Просмотров 82 тыс.
Genius Graphics Optimizations You NEED TO KNOW
16:54
Просмотров 1,2 тыс.
Three.js Optimization - Best Practices and Techniques
17:47
Cone Marching in less than 5 minutes
3:58
Просмотров 1,7 тыс.
React Three Fiber (R3F) - The Basics
1:10:56
Просмотров 74 тыс.