@@ -49,7 +49,7 @@ A comprehensive tool for viewing 3D character models, creating sprite sheets, an
49
49
* Generated sprite sheet with 64 frames arranged in a 8x8 grid.*
50
50
51
51
### Exported GIF Animation
52
- ![ Example Animation] ( sprites/character.gif )
52
+ ![ Example Animation] ( sprites/character.gif ) ![ Example Animation ] ( sprites/creature.gif )
53
53
54
54
* The resulting smooth animation exported as a GIF file.*
55
55
@@ -60,15 +60,6 @@ A comprehensive tool for viewing 3D character models, creating sprite sheets, an
60
60
2 . No build step required - it runs directly in the browser
61
61
3 . For local development, use a web server to serve the files
62
62
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
-
72
63
### Creating Sprite Sheets
73
64
1 . Load your model and select the desired animation
74
65
2 . Position the camera for the perfect view:
@@ -86,16 +77,17 @@ A comprehensive tool for viewing 3D character models, creating sprite sheets, an
86
77
87
78
### Viewing & Exporting Animations
88
79
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
99
91
100
92
## File Structure
101
93
0 commit comments