Procedural Animation using Inverse Kinematics + Collision Camera

camera-controls
camera
animation
#1

Experimented using the THREE.IK library with a rat skeleton for procedural animations – also had fun implementing a collider for the camera, so that the rat is always in view when there is an obstructing object.

Demo here, WASD + pointer lock :slight_smile:
https://codercat.tk/procedural-ik-crawler/!

6 Likes
#2

Oh, wow! I think this is the first time I’ve seen IK in Three.js before. Nice work!

3 Likes
#3

It’s awesome!
Can you publish source code address? I want to konw how it’s written:)

#4

thanks @marquizzo!

@Sayid1 here is the source code :slight_smile:

you can also check out this library three.ik , which is what I used to define the IK chains