Skip to content

Commit eceafa5

Browse files
update readme.md and add 4 legged animation
1 parent 20d49b4 commit eceafa5

File tree

2 files changed

+12
-20
lines changed

2 files changed

+12
-20
lines changed

README.md

+12-20
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,7 @@ A comprehensive tool for viewing 3D character models, creating sprite sheets, an
4949
*Generated sprite sheet with 64 frames arranged in a 8x8 grid.*
5050

5151
### Exported GIF Animation
52-
![Example Animation](sprites/character.gif)
52+
![Example Animation](sprites/character.gif) ![Example Animation](sprites/creature.gif)
5353

5454
*The resulting smooth animation exported as a GIF file.*
5555

@@ -60,15 +60,6 @@ A comprehensive tool for viewing 3D character models, creating sprite sheets, an
6060
2. No build step required - it runs directly in the browser
6161
3. For local development, use a web server to serve the files
6262

63-
### Using the Model Viewer
64-
1. Place your 3D character model in the `/models` folder:
65-
- Name it either `character.glb` or `character.fbx`
66-
- GLB is preferred for better compatibility
67-
2. Open `index.html` in your browser
68-
3. The model will be loaded automatically
69-
4. Use the dropdown to select different animations
70-
5. Use camera controls to position the model as desired
71-
7263
### Creating Sprite Sheets
7364
1. Load your model and select the desired animation
7465
2. Position the camera for the perfect view:
@@ -86,16 +77,17 @@ A comprehensive tool for viewing 3D character models, creating sprite sheets, an
8677

8778
### Viewing & Exporting Animations
8879
1. Open `sheet-animation.html` in your browser
89-
2. Your sprite sheet will be loaded automatically if placed in `/sprites/character.png`
90-
3. Use play/pause controls to preview the animation
91-
4. Adjust playback speed using the slider
92-
5. Configure GIF export settings:
93-
- FPS: Frames per second
94-
- Scale: Size multiplier
95-
- Loop: Whether the GIF should repeat
96-
- Quality: Lower values = smaller file size
97-
6. Click "Generate GIF"
98-
7. Preview the GIF and click "Download GIF" to save it
80+
2. Click "Load Sprite Sheet" and select your PNG file
81+
3. Load the corresponding metadata JSON file
82+
4. Use play/pause controls to preview the animation
83+
5. Adjust playback speed using the slider
84+
6. Configure GIF export settings:
85+
- FPS: Frames per second
86+
- Scale: Size multiplier
87+
- Loop: Whether the GIF should repeat
88+
- Quality: Lower values = smaller file size
89+
7. Click "Generate GIF"
90+
8. Preview the GIF and click "Download GIF" to save it
9991

10092
## File Structure
10193

sprites/creature.gif

478 KB
Loading

0 commit comments

Comments
 (0)