Difference between revisions of "Graphics Sizes"
Jump to navigation
Jump to search
Sanglorian (talk | contribs) (Created page with "This page describes the rules for making various graphical assets in Tuxemon. If you want to make graphics, adhere to the sizes listed on this page and submit your work to us!...") |
Sanglorian (talk | contribs) |
||
| Line 1: | Line 1: | ||
This page describes the rules for making various graphical assets in Tuxemon. If you want to make graphics, adhere to the sizes listed on this page and submit your work to us! Graphical assets are all located under <code>resources/</code>. All sizes listed here are listed in pixels (width x height). | This page describes the rules for making various graphical assets in Tuxemon. If you want to make graphics, adhere to the sizes listed on this page and submit your work to us! Graphical assets are all located under <code>resources/</code>. All sizes listed here are listed in pixels (width x height). | ||
== Monster Sprites | == Monster Sprites == | ||
'''For more information, please check out the [Design Guide]] and the [[Creating Creatures]] guide.''' | '''For more information, please check out the [Design Guide]] and the [[Creating Creatures]] guide.''' | ||
| Line 8: | Line 8: | ||
Front Sprite: 64 x 64 | Front Sprite: 64 x 64 | ||
http://placehold.it/64x64 https://raw.githubusercontent.com/Tuxemon/Tuxemon/master/tuxemon/resources/gfx/sprites/battle/bigfin-front.png | http://placehold.it/64x64&junk=junk.png https://raw.githubusercontent.com/Tuxemon/Tuxemon/master/tuxemon/resources/gfx/sprites/battle/bigfin-front.png | ||
Back Sprite: 64 x 64 | Back Sprite: 64 x 64 | ||
http://placehold.it/64x64 https://raw.githubusercontent.com/Tuxemon/Tuxemon/master/tuxemon/resources/gfx/sprites/battle/bigfin-back.png | http://placehold.it/64x64&junk=junk.png https://raw.githubusercontent.com/Tuxemon/Tuxemon/master/tuxemon/resources/gfx/sprites/battle/bigfin-back.png | ||
Menu Sprite: 24 x 24 | Menu Sprite: 24 x 24 | ||
| Line 18: | Line 18: | ||
Menu sprites are two frames of animation in ''separate'' PNG files. | Menu sprites are two frames of animation in ''separate'' PNG files. | ||
http://placehold.it/24x24 https://raw.githubusercontent.com/Tuxemon/Tuxemon/master/tuxemon/resources/gfx/sprites/battle/bigfin-menu01.png https://raw.githubusercontent.com/Tuxemon/Tuxemon/master/tuxemon/resources/gfx/sprites/battle/bigfin-menu02.png http://i.imgur.com/IGxf46S.gif | http://placehold.it/24x24&junk=junk.png https://raw.githubusercontent.com/Tuxemon/Tuxemon/master/tuxemon/resources/gfx/sprites/battle/bigfin-menu01.png https://raw.githubusercontent.com/Tuxemon/Tuxemon/master/tuxemon/resources/gfx/sprites/battle/bigfin-menu02.png http://i.imgur.com/IGxf46S.gif | ||
# Status Icons | # Status Icons | ||
| Line 24: | Line 24: | ||
Icon Sprite: 7 x 7 | Icon Sprite: 7 x 7 | ||
http://placehold.it/7x7 http://tuxemon.org/images/wiki/gfx/ui/icons/status/poison-icon.png | http://placehold.it/7x7&junk=junk.png http://tuxemon.org/images/wiki/gfx/ui/icons/status/poison-icon.png | ||
# Maps and Tilesets | # Maps and Tilesets | ||
| Line 36: | Line 36: | ||
Tile Size: 16 x 16 | Tile Size: 16 x 16 | ||
http://placehold.it/16x16 http://tuxemon.org/images/wiki/gfx/sign.png | http://placehold.it/16x16&junk=junk.png http://tuxemon.org/images/wiki/gfx/sign.png | ||
# Character/NPC | # Character/NPC | ||
| Line 44: | Line 44: | ||
The character/NPC world sprites should be ''separate'' PNG images for each frame of animation. Each character sprite has '''4 frames''' of walking and running animations for each orientation: Front, Back, Left, and Right. | The character/NPC world sprites should be ''separate'' PNG images for each frame of animation. Each character sprite has '''4 frames''' of walking and running animations for each orientation: Front, Back, Left, and Right. | ||
http://placehold.it/16x32 http://tuxemon.org/images/wiki/sprites/player_front.png http://tuxemon.org/images/wiki/sprites/player_right.png http://tuxemon.org/images/wiki/sprites/player_left.png http://tuxemon.org/images/wiki/sprites/player_back.png | http://placehold.it/16x32&junk=junk.png http://tuxemon.org/images/wiki/sprites/player_front.png http://tuxemon.org/images/wiki/sprites/player_right.png http://tuxemon.org/images/wiki/sprites/player_left.png http://tuxemon.org/images/wiki/sprites/player_back.png | ||
Back Sprite: 24 x 24 | Back Sprite: 24 x 24 | ||
http://placehold.it/24x24 | http://placehold.it/24x24&junk=junk.png | ||
Front Sprite: 64 x 64 | Front Sprite: 64 x 64 | ||
http://placehold.it/64x64 https://raw.githubusercontent.com/Tuxemon/Tuxemon/master/tuxemon/resources/gfx/sprites/player/player_front.png | http://placehold.it/64x64&junk=junk.png https://raw.githubusercontent.com/Tuxemon/Tuxemon/master/tuxemon/resources/gfx/sprites/player/player_front.png | ||
# Items | # Items | ||
| Line 60: | Line 60: | ||
Item Sprite: 24 x 24 | Item Sprite: 24 x 24 | ||
http://placehold.it/24x24 http://tuxemon.org/images/wiki/gfx/items/potion.png http://tuxemon.org/images/wiki/gfx/items/super_potion.png | http://placehold.it/24x24&junk=junk.png http://tuxemon.org/images/wiki/gfx/items/potion.png http://tuxemon.org/images/wiki/gfx/items/super_potion.png | ||
Revision as of 09:25, 18 September 2017
This page describes the rules for making various graphical assets in Tuxemon. If you want to make graphics, adhere to the sizes listed on this page and submit your work to us! Graphical assets are all located under resources/. All sizes listed here are listed in pixels (width x height).
Monster Sprites
For more information, please check out the [Design Guide]] and the Creating Creatures guide.
You can view a very good spriting tutorial here for pointers on creating monster sprites.
Front Sprite: 64 x 64
Back Sprite: 64 x 64
Menu Sprite: 24 x 24
Menu sprites are two frames of animation in separate PNG files.
- Status Icons
Icon Sprite: 7 x 7
- Maps and Tilesets
For more information, please look at the Creating Tilesets and Creating Maps guides.
Tileset Size: Any
Tile Size: 16 x 16
- Character/NPC
World Sprite: 16 x 32
The character/NPC world sprites should be separate PNG images for each frame of animation. Each character sprite has 4 frames of walking and running animations for each orientation: Front, Back, Left, and Right.
Back Sprite: 24 x 24
Front Sprite: 64 x 64
- Items
For more information, please check out the [Creating Items](creating-items) guide.
Item Sprite: 24 x 24
