4 ms·
So the process roughly boiled down to: 1. Figure out what I wanted the input and output to be for the API. Write that down. 2. Write and implement tests agains
by chinedufn 10y ago
So the process roughly boiled down to:
1. Figure out what I wanted the input and output to be for the API. Write that down.
2. Write and implement tests against that desired input and output. So at this point the `skeletal-animation-system` API is ready. Time for the demo
3. Create the demo. The main pieces of the demo are:
A vertex shader that positions each vertex based on up to four bones that have a certain percentage of influence on that vertex. That shader looks something like this -> https://github.com/chinedufn/load-collada-dae/blob/master/src/shader/generate-vertex-shader.js https://github.com/chinedufn/load-collada-dae/blob/master/sr...
A parser to get the mesh and bone data from a collada file -> https://github.com/chinedufn/collada-dae-parser https://github.com/chinedufn/collada-dae-parser
---
I don't have much of a write up right now of how this works.. But if you'd like to get a better sense you might look through the demo code. The entry point is here -> https://github.com/chinedufn/skeletal-animation-system/blob/master/demo/browser.js https://github.com/chinedufn/skeletal-animation-system/blob/...
Alternatively you can run the demo locally and play around with it:
```
git clone https://github.com/chinedufn/skeletal-animation-system https://github.com/chinedufn/skeletal-animation-system
cd skeletal-animation-system
npm install
npm run demo
```
Really wish I could point you to something more in depth, sorry!