If you go to three gs.org and look at the examples, let's just type in FX to filter it. And we choose SPX, loader SPX, then we get a dancing guy, no like a robot. Very, very, very simple to use. And if we have a quick look at the source, you can see that it's linking to a variety of source files, including FB x loader dot j s. In the init function, which is called we create a camera control scene light, familiar stuff if you've been following the course from the beginning. And, and then we create a loader new three dot SPX loader and we call the load method that takes a path to the FX file that you load in. And it takes a callback function which is called when the loading is complete.

In this we get the object and we define a mixer, which is a new three animation mixer. Passing the object in as a single parameter. And mixes is a global variable for this. Define here is an array and we push our new mixer into that array. And then we find the first animation and we use the clip action methods Have the mixer. And we save that in a variable that we called action.

And then we play the animation we started playing immediately. This just iterates over all the children and children have children inside the object itself. And if it finds a mesh, then it defines cast shadow and receive shadow to true. So shadows are working for that particular mesh. And then obviously, to see this, we need to add it to our scene. There's one last thing that you need to do when you're using animations.

And that's in your animate method. You need to go through all the mixes in turn. This is kind of old fashioned code rather than using for each and Update the that particular mixer based on how much time is elapsed, since we last call the animate function. And then of course, we can render it. And the result of that is, is just that. So very, very simple class to use.

But lots and lots of functionality going on there. terrific, terrific beta code. Let's have a look at how we use it in our game. If you look in the libs folder, which is above our game, you'll see that FX loader is one of the libraries in there. And you can see that it's been created by Kyle Larson and you can see some limitations of it. pretty small limitations but is that there?

There is another limitation, which is that any euler angles have to be defined in x y Zed order. So if you find that your 3d application program does the honor angles in a different order, then you're gonna have to probably bring it into blender or something like that to convert it into an ability to be able to use it because there has to be an x y Zed order. So let's have a look at the one folder for our game. Look at game dot j s. Online one to eight. That's where we create our loader. And the first thing we're going to do is loading the girl walk at the x, which is actually the geometry of the girl and animation walk We again assign an animation mixer and save that as a property of the objects.

Then we save the the mixer in the player object which we defined in the game that saves all the various information about our player. We also get the root, which is the root bone, called a for the mixer. And we just give our objects a name. So we can find it when we're doing some debugging. We do the Traverse, like we've seen previously, we add it to the scene. And then we make sure we've got a reference to our object in our player.

And then our play a walk which is going to be animation zero. We're also going to load in lots more FTP access, and that's what this load next on in does. Pass it in. In the load that we've already created, before we look at that, recall that we created a property of this class, which is this elements, which is a series of names of animations. So now we go to load next on him, it pops off the next item in the array. So that makes the array one, one item smaller.

And we create a reference to this called game. Remember inside this function here, this will refer to the loader and not to the game, so it's a way of referencing game. And then we create a full path. That's the assets path. SPX forward slash, the name name dot SPX. So that's the full path to our SPX file, which is stored in the assets folder.

You'll see them the mole there, there's, there's quite a few that we're not using that. And then in our game player objects, we save the first animation of this particular objects as a property. If our n ns array is not yet of length zero, then we load in the next animation. But if it is of length zero, then we can delete it. We don't need any more. We set our action to look around.

And we say that the game is ready and active and ready, ready for user to play. So that's what we're doing. And that ensures that once all these have loaded, she's doing the action. Look around. Okay, so that's the SPX loader class. We're getting there.

In the next video we're going to look at how this motion, okay is using this joystick