Simple Character Controller (using Three.js/JavaScript)

Follow me on:

In the video, we cover:
* Architecture considerations when building out the controller class, how to decouple things in a clean way for future reuse.
* Finite State Machines, what they are, and how they can be applied effectively in this situation.

[montoyland]

Simon, you're tutorials are the best! They are information-rich, but straight to the point and easy to follow. Your tone and wry sense of humor also make them a joy to watch. I'm having a blast doing some of these with my son as I teach him to code while keeping him engaged with a subject matter that he loves. Thank you for your time, dedication and generosity in sharing your knowledge!

[xXDameanXx]

Thank you so much for sharing all your experience, I'm learning how to code on threejs and I know how to use threejs but I got lost when working on the architecture of the app, your videos and your code on github are amazing, by watching your videos I'm finally learning how to create an architecture, thank you!

[mirkomica]

Thank you so much Simon for these videos, I started learning three js and have big projects in mind, found this video tutorial really useful and especially the one when you created the RPG game, still need to get fully confident with javascript classes as I've been only using functions so far, please keep it up!

[maansinghrathore]

I have searched the complete internet except you no one has explained the character controller with the keyboard keys .. thanks ..I have to decide the class component to functional ....still thank you very much ..hope it will work for me ..

[kila]

For anyone having their model from Mixamo weirdly teleporting when walking or running:

Make sure to have the "In Place"-option ticked when downloading the animation!

[michaelkane]

The Whole contents of your tutorial is helpful, please keep making tutorials!!

[arnekaufmann]

awesome tutorial, would love to see you cover this whole thing more in detail as there are basically no such advanced tutorials out there

[maisarahhamzah]

Hopefully this will help for my FInal Year Project. Much respect for your sharing sir! keep posting more!

[Fire_Rice]

i just want to let you know i greatly appreciate your work!

[vrmeup]

Thanks for an excellent and educational video 🙂It really helped when adding animations to my characters. Your finite state machine design made the animations much easier to implement.

[saylilad]

Thanks a ton, I am working on my own javascript threejs game and was bugged by the transitions. Loved it would definitely try this.

[DamjanPavlica]

Your tutorials are great, good bless you friend!

[kanpekiken]

I just want to thank you so much for all these tutorials. I’ve been learning a lot.
I’m using this here to make a short 3rd person shooter!

I hope you can make a tutorial on something similar soon lol

[kwynintelligence]

Wow !!! You deserve more followers. The example works like a charm.

[TheBotEmpire]

The quality of the videos are great Simon! subbed :)

[MummyIveWetMyself]

Great video as always, thanks for creating it!
A few ideas for future videos:

1) Add clutter to terrain - e.g. rocks, tree - perhaps via simplex noise driving Poisson disk distribution.
2) Collision detection with terrain and clutter - octree, raycasting to collision vertices, collision resolution, etcetera.
3) Pathfinding on terrain with clutter - A* / Voronoi / dynamic nav mesh?
With those topics I think you'll have covered everything required to make a basic game engine in Three.js.

Thanks again, looking forward to your future videos!

[Pryme]

It would have been nice to see a review of the State class

[ddowy]

Hey Simon, thank you for making all these videos, your fucking awesome man. You have been my go to for learning 3D dev. I was wondering if you have a video explaining the math that goes into moving the character? If not that could be a really good video if you ever got the time too. Thanks again man, stay up.

[stevendevolder]

this good hen you change the states with keyboardinput but how do you do it for a character that is not controlled by the player

[fypcl]

I want the character to walk by default, and run when pressing shift. But the transition from walk to run is weird. A very short run animation is shown only after the shift keyup event fired. But the transition from run to walk is fine.