Guide to spriting - История изменений

imported>SpaceSmithers: /* From PNG back to DMI */ Removed a video link that has become private and unviewable. Overall flow of the guide is unchanged.

2022-11-10T20:58:51Z

From PNG back to DMI: Removed a video link that has become private and unviewable. Overall flow of the guide is unchanged.

← Предыдущая версия		Версия от 20:58, 10 ноября 2022
Строка 26:		Строка 26:

	=== From PNG back to DMI ===		=== From PNG back to DMI ===

	[https://www.youtube.com/watch?v=kXDcYtAfjrM Here's Errorage's video tutorial (thanks Errorage!) on how to convert your beautiful PNG file into a DMI, you can watch this or follow the guide below, they are essentially the same.]


	The [http://entropymine.com/jason/tweakpng/ first thing you want to do is download TweakPNG from here],		The [http://entropymine.com/jason/tweakpng/ first thing you want to do is download TweakPNG from here],

imported>DocRiff: Clarified a potentially-confusing TweakPNG step. (I have a small brain)

2022-07-02T04:33:27Z

Clarified a potentially-confusing TweakPNG step. (I have a small brain)

← Предыдущая версия		Версия от 04:33, 2 июля 2022
Строка 48:		Строка 48:
	Rename the .png to something new and make it a .dmi.		Rename the .png to something new and make it a .dmi.

	You can then drag ~~your~~ .dmi file into TweakPNG.		You can then drag the original .dmi file into TweakPNG.

	Copy the chunk named "zTXt".		Copy the chunk named "zTXt".

imported>SpaceManiac: Remove "Game Resources" category

2020-12-04T03:46:14Z

Remove "Game Resources" category

← Предыдущая версия		Версия от 03:46, 4 декабря 2020
Строка 111:		Строка 111:
	https://tgstation13.org/phpBB/viewtopic.php?f=11&t=687		https://tgstation13.org/phpBB/viewtopic.php?f=11&t=687

	~~[[Category:Guides]] [[Category:Game Resources]]~~
	{{Contribution guides}}		{{Contribution guides}}

imported>XDTM: Some tips for human spriting

2017-03-11T13:20:07Z

Some tips for human spriting

@@ Строка 70: / Строка 70: @@
 *If you choose to you can make a laying sprite.
 *If making a mob that can wear clothing you can use pixel_y, Pixel_x to shift clothing on when coding the mob.
 === Turfs ===

imported>Naximous: Changed == Guides == Into == Guides For Making Sprites ==

2015-07-25T19:14:24Z

Changed == Guides == Into == Guides For Making Sprites ==

← Предыдущая версия		Версия от 19:14, 25 июля 2015
Строка 96:		Строка 96:
	See [[Guide to contributing to the game#Icons, glyphs, sprites, animations... images\|here]] for details.		See [[Guide to contributing to the game#Icons, glyphs, sprites, animations... images\|here]] for details.

	== Guides ==		== Guides For Making Sprites ==

	https://tgstation13.org/phpBB/viewtopic.php?f=11&t=687		https://tgstation13.org/phpBB/viewtopic.php?f=11&t=687

imported>Naximous: added a Place for Guide links and one link in there

2015-07-25T11:34:02Z

added a Place for Guide links and one link in there

← Предыдущая версия		Версия от 11:34, 25 июля 2015
Строка 95:		Строка 95:

	See [[Guide to contributing to the game#Icons, glyphs, sprites, animations... images\|here]] for details.		See [[Guide to contributing to the game#Icons, glyphs, sprites, animations... images\|here]] for details.

			== Guides ==

			https://tgstation13.org/phpBB/viewtopic.php?f=11&t=687

	[[Category:Guides]] [[Category:Game Resources]]		[[Category:Guides]] [[Category:Game Resources]]
	{{Contribution guides}}		{{Contribution guides}}

imported>Nienhaus: Updating the "Required sprites by object category" section and removing the outdated "Locating sprites" section that couldn't be used.

2015-01-07T12:49:02Z

Updating the "Required sprites by object category" section and removing the outdated "Locating sprites" section that couldn't be used.

← Предыдущая версия		Версия от 12:49, 7 января 2015
Строка 66:		Строка 66:
	=== Mobs ===		=== Mobs ===

	*~~Mobs~~ require sprites ~~in 4 directions~~. If you ~~want them to be able~~ to wear ~~clothes, hold items, wear gloves, glasses~~, ~~etc. then the part which you'd like to keep needs~~ to ~~be in the same place as~~ on the ~~human sprite in all 4 directions. Yeah, this limits you a lot~~.		*Mob sprites for the most part require four directions.
			*Mob sprites require dead sprites.
			*If you choose to you can make a laying sprite.
			*If making a mob that can wear clothing you can use pixel_y, Pixel_x to shift clothing on when coding the mob.

	=== Turfs ===		=== Turfs ===

	*Floors are in icons/turf/floors.dmi - Check the file for examples		*Floors are in icons/turf/floors.dmi - Check the file for examples.
	*Walls are in icons/turf/walls.dmi - Check the file for examples		*Walls are in icons/turf/walls.dmi - Check the file for examples.
	*~~And some other stuff is~~ in ~~other files~~ in icons/turf/		*Shuttle walls and floors are in icons/turf/shuttle.dmi - Check the file for examples.
	*I think these are pretty self explanatory		*Space tiles are in icons/turf/space.dmi - Check the file for examples.
			*I think these are pretty self explanatory.

	=== Objects ===		=== Objects ===

	*~~Items, stuff that you can pick up and use generally require an item sprite and an in-hand sprite. The item sprite can be put~~ in icons/obj~~/items~~.~~dmi or other dmi files, while~~ the in-hand ~~sprite needs to~~ be in icons/mob/items_lefthand.dmi and icons/mob/items_righthand.dmi		*Objects sprites are located in the icons/obj folder.
	*Clothing~~: Stuff that you can wear: Generally requires an item sprite~~ in the ~~appropriate dmi file in~~ icons/obj/clothing~~/ , and in-hand sprite in icons/mob/items_lefthand.dmi and items_righthand~~.~~dmi as well as the on-mob sprite in the appropriate file in icons/mob/~~		*Items sprites are spread throughout said folder.
	*~~Machinery: Usually either just one sprite or separate on-off sprites. It tends to differ from machine to machine~~		*Item sprites for the most part require in-hand sprites. They can be located in the icons/mob/items_lefthand.dmi and icons/mob/items_righthand.dmi section.
			*Clothing sprites are located in the icons/obj/clothing folder.
			*Clothing sprites on mobs can be found in the icons/mob folder.
	~~== Locating~~ sprites ==		*Clothing sprites for the most part require in-hand sprites. They can be located in the icons/mob/items_lefthand.dmi and icons/mob/items_righthand.dmi section.
			*Machinery sprites are located icons/obj/machines folder. Although a good amount of them are located in the icons/obj folder.
	~~For most objects if you double-click them in the object tree (~~on ~~the left side of the dream maker window) you will~~ be ~~taken to their definition~~ in ~~code. In~~ the ~~variables below what is highlighted you will often see:~~		*Door sprites are located under icons/obj/door folder.
			*Normal door sprite require door_closed, door_locked, door_opening, door_deny, door_closing, door_open, door_spark, o_door_opening, o_door_closing, panel_open, welded, and elights. I suggest looking over a door dmi.
	~~icon = 'abc~~.~~dmi'~~		*Blast doors only require opening and closing sprites and sprites for when it is open and closed.
	~~icon_state = "sprite_name"~~

	~~The icon variable defines the file which contains the~~ sprites ~~and~~ the ~~icon_state defines the name of the sprite~~ in ~~the specified file.~~
	Sometimes the icon or even icon_state variable will not be set under the definition. This means they're set on a parent level. If you're looking for /obj/item/weapon/storage/belt/full and can't see it, try looking at /obj/item/weapon/storage/belt. If it isn't there try looking for /obj/item/weapon/storage and so on.

	~~Note that sometimes double~~-~~clicking an object in the object tree will not bring you to the object definition~~. ~~You will know this by the highlighted line not being the same as the path to the object you double-clicked in the object browser. Searching for the definition in such cases~~ can be ~~a bit hard, so I've prepared a list of~~ the ~~most commonly used dmi files for certain objects:~~

	~~'''~~/~~obj~~/~~machinery'''<br>~~
	~~icon = 'stationobjs~~.dmi~~'<br>~~
	~~definition in: [http:~~//~~code~~.~~google.com/p/tgstation13/source/browse/trunk/code/defines/obj/machinery~~.~~dm code/defines/obj/machinery.dm]~~

	~~'''~~/obj/~~item/weapon/storage'''<br>~~
	~~icon = 'storage~~.~~dmi'<br>~~
	~~definition~~ in~~: [http://code.google.com/p/tgstation13/source/browse/trunk/code/defines/obj.dm code/defines~~/obj.~~dm]~~

	~~'''~~/obj/~~item/weapon'''<br>~~
	~~icon = 'weapons~~.dmi~~'<br>~~
	~~defined in: [http://code.google.com/p/tgstation13/source/browse/trunk/code/defines/obj/weapon.dm code/defines/obj/weapon~~.~~dm]~~

	~~'''/obj/item'''<br>~~
	~~icon = 'items.dmi'<br>~~
	~~definition in: [http://code.google.com/p/tgstation13/source/browse/trunk/code/defines/obj.dm code/defines/obj~~.~~dm]~~

	== Contributing sprites and finding sprite requests ==		== Contributing sprites and finding sprite requests ==

imported>Kosmos: Added Nienhaus'/Errorage's PNG to DMI -tutorial.

2014-08-15T09:57:15Z

Added Nienhaus'/Errorage's PNG to DMI -tutorial.

@@ Строка 2: / Строка 2: @@
 == Object overview ==
 There are 4 types of objects in the game:
@@ Строка 25: / Строка 24: @@
 Now, hopefully that's all the information you need to sprite and make dmi files.
 == Required sprites by object category ==

imported>Rockdtben: Created page with "This is not a technical guide on how to do sprites in a graphical program, this is a guide intended for people who know how to sprite, but need to know what exactly is needed ..."

2014-04-15T13:42:25Z

Created page with "This is not a technical guide on how to do sprites in a graphical program, this is a guide intended for people who know how to sprite, but need to know what exactly is needed ..."

Новая страница

This is not a technical guide on how to do sprites in a graphical program, this is a guide intended for people who know how to sprite, but need to know what exactly is needed when people want sprites done for them. Most sprites are 32x32 pixels. They use 32b colors (24b + alpha channel).

== Object overview ==

There are 4 types of objects in the game:
*'''Area''' - we won't be interested in these as you can't see it ingame and wip graphics are sufficient,
*'''Mob''' - humans, monkeys, cyborgs, aliens and other living creatures on the station,
*'''Objects''' - machines, doors, items and anything else in the game,
*'''Turf''' - walls, floors and space

== The DMI file format ==

Sprites in SS13 are packaged in .dmi files. To make a new dmi file, open up dream maker, select file > new and choose icon file (dmi) from the drop-down menu. Write a file path for it and hit ok.

A new window will open with a blank file. in the upper-right are two spaces for sprite dimensions. Most sprites are 32x32 pixels in size. One dmi file cannot hold sprites of different sizes, unfortunately.

Now right-click somewhere in the whiteness. There are two types of sprite: pixmap and movie. A pixmap is static while a movie can be animated and face multiple directions, that's all the difference. Let's make a movie sprite. (New movie)

A window opens with four directional arrows and 3 frames for each of them, all of them gray. Byond understands 8 directions. You can choose how many you wish to use below the sprites themselves: 1, 4 or 8. You can also select how many frames you wish the animation to have. If you're making a multi-directional static sprite, make a movie with 1 frame, so no animation, but with 4 or 8 directions, depending how many you need. If you wish to have the sprite animated it may also interest you that you can set the delay in 1/10 of a second above the particular frame. Okay, hopefully you'll know what to do from here. The built-in sprite editing tool is very primitive and the only thing worth mentioning in it is how to apply the alpha filter. If you double-click any image you'll get to the sprite editor, and at the right of it is a vertical slider, which controls the alpha channel. Also worth mentioning is that copying from the editor can behave a bit strange, by making full backgrounds despite the alpha filter being set. Just 'flood' the background with a color with an alpha value of 0 or use 'import', which works fine.

Now let's assume we've made your sprites sprites, go back to the dmi file (the screen which showed up when you first made the file). Assuming you've made a sprite, you'll see it in the list there. Double-click just below the actual sprite and a rename window should open, alternatively select the sprite and hit F2 on your keyboard. Give a name to your sprite. This name is often referred as an icon_state, as that's the variable name which defines it in code.

Also note that you can import and export image files of different sorts by selecting the files you wish to export in the editor (hold ctrl to select multiple) and right clicking and selecting export, or right clicking anywhere and selecting import to import. DMI is similar to PNG, so if you rename a DMI's extension to PNG it should work in all graphical editing software. It usually works in reverse too. This makes recoloring quicker.

Now, hopefully that's all the information you need to sprite and make dmi files.

== Required sprites by object category ==

Now to tell you what sprites different types of items need:

=== Mobs ===

*Mobs require sprites in 4 directions. If you want them to be able to wear clothes, hold items, wear gloves, glasses, etc. then the part which you'd like to keep needs to be in the same place as on the human sprite in all 4 directions. Yeah, this limits you a lot.

=== Turfs ===

*Floors are in icons/turf/floors.dmi - Check the file for examples
*Walls are in icons/turf/walls.dmi - Check the file for examples
*And some other stuff is in other files in icons/turf/
*I think these are pretty self explanatory

=== Objects ===

*Items, stuff that you can pick up and use generally require an item sprite and an in-hand sprite. The item sprite can be put in icons/obj/items.dmi or other dmi files, while the in-hand sprite needs to be in icons/mob/items_lefthand.dmi and icons/mob/items_righthand.dmi
*Clothing: Stuff that you can wear: Generally requires an item sprite in the appropriate dmi file in icons/obj/clothing/ , and in-hand sprite in icons/mob/items_lefthand.dmi and items_righthand.dmi as well as the on-mob sprite in the appropriate file in icons/mob/
*Machinery: Usually either just one sprite or separate on-off sprites. It tends to differ from machine to machine

== Locating sprites ==

For most objects if you double-click them in the object tree (on the left side of the dream maker window) you will be taken to their definition in code. In the variables below what is highlighted you will often see:

icon = 'abc.dmi'
icon_state = "sprite_name"

The icon variable defines the file which contains the sprites and the icon_state defines the name of the sprite in the specified file.
Sometimes the icon or even icon_state variable will not be set under the definition. This means they're set on a parent level. If you're looking for /obj/item/weapon/storage/belt/full and can't see it, try looking at /obj/item/weapon/storage/belt. If it isn't there try looking for /obj/item/weapon/storage and so on.

Note that sometimes double-clicking an object in the object tree will not bring you to the object definition. You will know this by the highlighted line not being the same as the path to the object you double-clicked in the object browser. Searching for the definition in such cases can be a bit hard, so I've prepared a list of the most commonly used dmi files for certain objects:

'''/obj/machinery''' 
icon = 'stationobjs.dmi' 
definition in: [http://code.google.com/p/tgstation13/source/browse/trunk/code/defines/obj/machinery.dm code/defines/obj/machinery.dm]

'''/obj/item/weapon/storage''' 
icon = 'storage.dmi' 
definition in: [http://code.google.com/p/tgstation13/source/browse/trunk/code/defines/obj.dm code/defines/obj.dm]

'''/obj/item/weapon''' 
icon = 'weapons.dmi' 
defined in: [http://code.google.com/p/tgstation13/source/browse/trunk/code/defines/obj/weapon.dm code/defines/obj/weapon.dm]

'''/obj/item''' 
icon = 'items.dmi' 
definition in: [http://code.google.com/p/tgstation13/source/browse/trunk/code/defines/obj.dm code/defines/obj.dm]

== Contributing sprites and finding sprite requests ==

See [[Guide to contributing to the game#Icons, glyphs, sprites, animations... images|here]] for details.

[[Category:Guides]] [[Category:Game Resources]]
{{Contribution guides}}