Difference between revisions of "Graphics Sizes"

From Tuxepedia
Jump to navigation Jump to search
(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!...")
 
 
(One intermediate revision by the same user not shown)
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.'''


You can view a very good spriting tutorial [http://the-godlings-rapture.deviantart.com/art/Spriting-Fakemon-Tutorial-V-3-280927794 here] for pointers on creating monster sprites.  
You can view a very good spriting tutorial [http://the-godlings-rapture.deviantart.com/art/Spriting-Fakemon-Tutorial-V-3-280927794 here] for pointers on creating monster sprites.  
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 ==


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 ==


'''For more information, please look at the [[Creating Tilesets]] and [[Creating Maps]] guides.'''
'''For more information, please look at the [[Creating Tilesets]] and [[Creating Maps]] guides.'''
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 ==


World Sprite: 16 x 32
World Sprite: 16 x 32
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 ==


'''For more information, please check out the [Creating Items](creating-items) guide.'''
'''For more information, please check out the [Creating Items](creating-items) guide.'''
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

Latest revision as of 09:26, 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[edit | edit source]

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

64x64&junk=junk.png bigfin-front.png

Back Sprite: 64 x 64

64x64&junk=junk.png bigfin-back.png

Menu Sprite: 24 x 24

Menu sprites are two frames of animation in separate PNG files.

24x24&junk=junk.png bigfin-menu01.png bigfin-menu02.png IGxf46S.gif

Status Icons[edit | edit source]

Icon Sprite: 7 x 7

7x7&junk=junk.png poison-icon.png

Maps and Tilesets[edit | edit source]

For more information, please look at the Creating Tilesets and Creating Maps guides.

Tileset Size: Any

floorsandwalls.png

Tile Size: 16 x 16

16x16&junk=junk.png sign.png

Character/NPC[edit | edit source]

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.

16x32&junk=junk.png player_front.png player_right.png player_left.png player_back.png

Back Sprite: 24 x 24

24x24&junk=junk.png

Front Sprite: 64 x 64

64x64&junk=junk.png player_front.png

Items[edit | edit source]

For more information, please check out the [Creating Items](creating-items) guide.

Item Sprite: 24 x 24

24x24&junk=junk.png potion.png super_potion.png