@slippilab/create-animations
v0.0.3
Published
Create .svg paths for ssbm character animations
Downloads
3
Readme
Adding a character:
One time setup
- Get student license with .edu email and download Maya 2018 (not newer)
- Download "New and Improved Animation Pack" and "Animation_Pack"
- https://www.mediafire.com/file/cmasv6kab9271p0/New_and_Improved_Animation_Pack.zip/file
- http://www.mediafire.com/file/b9yyt3dd2ll1dzv/SSBMelee_Animation_Model_Pack.zip/file
Step 0: Render animations with Maya
- Open character scene in Maya (from New and Improved Animation Pack)
- Set side camera environemnt background color to white
- Set framerate to 60
- Delete all the textures:
- Window -> Rendering Editors -> Hypershade, Edit -> Delete All By Type -> Textures
- Set render settings to match vectorize command and render to check
- Adjust the step0renderAnimations.mel script to your character and input/output directories
- Run script
- Delete any animations you don't care about:
- Heavy*, Item*, and PlyTaro thrown animations should not be needed
Step 1: Trace .bmp's into .svgs (adjust step1 input directory in package.json first)
yarn packages/create-animations step1
Step 2: Optimize svgs with SVGO
yarn packages/create-animations step2
Step 3: Collect path strings from SVGs into a single .json for each animation
yarn packages/create-animations step3
Step 4: Compress all the .json files into a single .zip
yarn packages/create-animations step4
Step 5: Move the .zip file to the zips directory
cp packages/create-animations/.out/step4/animations.zip packages/viewer/src/animations/zips/$CHARACTER.zip
Step 6: Add the character's stats and action state <-> animation mapping
Copy an existing character for the new character
cp packages/viewer/src/characters/mario.ts packages/viewer/src/characters/$CHARACTER.ts
Adjust the mappings for:
- Taunts (Appeal vs AppealL vs AppealR)
- Wait animation (Wait vs Wait1)
- Forward tilt / Forward smash (some characters can be angled, some cannot)
- Specials
- Anything else unique (example: air tethers)
Specials/other unique animations: https://docs.google.com/spreadsheets/d/1Nu3hSc1U6apOhU4JIJaWRC4Lj0S1inN8BFsq3Y8cFjI/preview#gid=517965147
Model scaling and shield size: https://docs.google.com/spreadsheets/d/1JX2w-r2fuvWuNgGb6D3Cs4wHQKLFegZe2jhbBuIhCG8/preview#gid=21
If an animation cannot be found it will use Appeal, so play some replays to identify incorrect or missing mappings.
Step 7: Add the character to be usable:
packages/viewer/src/characters/index.ts supportedCharactersById function packages/viewer/src/animations/index.ts importAnimation function
External character ID list: https://docs.google.com/spreadsheets/d/1JX2w-r2fuvWuNgGb6D3Cs4wHQKLFegZe2jhbBuIhCG8/preview#gid=20