Справка:Images - История изменений

>Wowzewow: /* Importing animated images from game to wiki */

2023-01-26T16:21:42Z

Importing animated images from game to wiki

@@ Строка 129: / Строка 129: @@
 ''“Frame 8 // 250ms” would become “Frame 8 // 250ms // Reverse”.''
-'''9. Fix the transparency.'''
+'''9. Save the file using the “AGIF - AGIF Animations and Images” extension. This will automatically make it a .gif.'''
 ''A dialogue box will appear when you save the file. The default settings are fine so don’t worry about adjusting those. If you want to preview the animation to make sure it is working, press the preview button.''

>Wowzewow: /* Importing animated images from game to wiki */

2023-01-26T15:20:14Z

Importing animated images from game to wiki

← Предыдущая версия		Версия от 18:20, 26 января 2023
Строка 113:		Строка 113:
	'''4. Open both files in paint.net'''		'''4. Open both files in paint.net'''

	''Open both in separate tabs as opposed to add layers. If you choose the second option, Paint.NET will place a white background at a way larger canvas size~~.<br>~~		''Open both in separate tabs as opposed to add layers. If you choose the second option, Paint.NET will place a white background at a way larger canvas size.''
	~~The animated sprite should have multiple layers named “Frame N // NNN ms”. Leave these alone for now and add an extra layer~~.''

	'''5. Drag this new layer to the bottom and name it “Background // UseAsBackground”'''		'''5. The animated sprite should have multiple layers named “Frame N // NNN ms”. Leave these alone for now and add an extra layer.'''

			'''6. Drag this new layer to the bottom and name it “Background // UseAsBackground”'''

	''The “// UseAsBackground” will make this layer automatically present on every frame.''		''The “// UseAsBackground” will make this layer automatically present on every frame.''

	'''6. Copy the static sprite and paste it on the Background layer'''		'''7. Copy the static sprite and paste it on the Background layer'''

	''Most if not all sprites that use an animated overlay align perfectly, meaning you don’t need to move around anything. If the alignment is off, however, move the static sprite, not the animated sprite.''		''Most if not all sprites that use an animated overlay align perfectly, meaning you don’t need to move around anything. If the alignment is off, however, move the static sprite, not the animated sprite.''

	'''7. If the animation reverses at the end, add “// Reverse” to the last frame name.'''		'''8. If the animation reverses at the end, add “// Reverse” to the last frame name.'''

	''“Frame 8 // 250ms” would become “Frame 8 // 250ms // Reverse”.''		''“Frame 8 // 250ms” would become “Frame 8 // 250ms // Reverse”.''

	'''8. Fix the transparency.'''		'''9. Fix the transparency.'''

	''If the animated portion of the sprite uses transparency, the export would have stripped it, unfortunately.		''If the animated portion of the sprite uses transparency, the export would have stripped it, unfortunately.
Строка 140:		Строка 141:
	''Feel free to use whatever program you can get your hands on to expedite the process - a spritesheet cutter is recommmended; you can copypaste or import the cut sprites.''		''Feel free to use whatever program you can get your hands on to expedite the process - a spritesheet cutter is recommmended; you can copypaste or import the cut sprites.''

	'''9. Save the file using the “AGIF - AGIF Animations and Images” extension. This will automatically make it a .gif.'''		'''10. Save the file using the “AGIF - AGIF Animations and Images” extension. This will automatically make it a .gif.'''

	''A dialogue box will appear when you save the file. The default settings are fine so don’t worry about adjusting those. If you want to preview the animation to make sure it is working, press the preview button.''		''A dialogue box will appear when you save the file. The default settings are fine so don’t worry about adjusting those. If you want to preview the animation to make sure it is working, press the preview button.''


	===Addendum===		===Addendum===

>Wowzewow: /* From the Files */

2023-01-26T15:14:11Z

From the Files

@@ Строка 61: / Строка 61: @@
 ==From the Files==
-If you're looking for a single sprite to upload to the wiki then you can [https://github.com/Aurorastation/Aurora.3 retrieve it from the game's files] yourself by downloading the code and extracting it from the relevant Dream Maker Image files (DMI). In practice this is done by opening the Dream Maker Environment file (DME) and navigating to the DMI that holds the sprites you want. For any sprites that only have one state (no animation, no directions) you can just right click it and tell it to export as a PNG. For sprites that have multiple states (animations or directions) then you'll need to be a bit more careful:
+If you're looking for a single sprite to upload to the wiki then you can [https://github.com/Aurorastation/Aurora.3 retrieve it from the game's files] yourself by downloading the code and extracting it from the relevant Dream Maker Image files (DMI).<br>
 *'''Directions, no animation''' - In this case, you should be safe just right click exporting like normal since all sprites will be rendered facing south by default. Just make sure you don't export as a GIF, otherwise it'll do funny things.
-*'''Animation, no directions''' - This can also be exported with the same normal method, you just need to export it in a format that is allowed to animate, namely GIF. Technically PNGs can animate but BYOND cannot export animations to that format.
+*'''Coloring''' - For some sprites, they won't come colored - this mainly applies for recolorable clothing, but it is acceptable to post in greyscale. However, for tools, it may be not. BYOND applies color through MULTIPLY, which Paint.NET conveniently has. This can be selected through blending mode. For the color hexes, find the color defines used.
 *'''Animation and directions''' - This is the case you have to look out for. You'll have to double click the sprite to enable editing, then right click the direction preview states in the top left and export them as GIFs that way. If you try to use the normal method then BYOND will try to export every frame of animation in every possible direction in sequence, which looks very strange and is probably what you don't want to happen.
 If the export went well then the sprite should look exactly how it looks in game, and also very small at 32x32 resolution (or whatever the sprite's original dimensions are; there are exceptions!). Unless it already exists on the wiki, you can probably just upload it as is with the same filename.
 '''Notice:''' The DMI editor in the current version of Dream Maker is broken for NVIDIA graphics cards because of an error in its hardware acceleration features. This shouldn't meaningfully impact extracting sprites, but this info may be pertinent to know if sprites appear blank in some places. The only workarounds for this - if it truly matters to you - is to either use an older version of BYOND or get Dream Maker to use your iGPU, assuming you have one.
 ==From Screenshots==

>Burrito Justice: few more steps

2022-08-10T19:10:05Z

few more steps

← Предыдущая версия		Версия от 22:10, 10 августа 2022
Строка 74:		Строка 74:
	==From Screenshots==		==From Screenshots==
	[[File:DSIcons_setting.png\|right\|frame\|You can find these options in the top left of your screen.]]		[[File:DSIcons_setting.png\|right\|frame\|You can find these options in the top left of your screen.]]
	If what you're trying to write about can't be conveyed with sprites alone then you may need to resort to taking screenshots. Screenshots are most applicable for when you're trying to describe the setup of a room, if you need a picture of a player wearing clothes, or if you need to take a picture of a UI window popup. If the image you're trying to get isn't strictly about or from the game then the standards here are a bit more lax. Lastly you should try to compile the code and host it yourself to obtain the sprites without the usual round-to-round interference, among other reasons. Nonetheless, here are some ~~standards~~ you should follow if you are trying to obtain pictures from your BYOND client:		If what you're trying to write about can't be conveyed with sprites alone then you may need to resort to taking screenshots. Screenshots are most applicable for when you're trying to describe the setup of a room, if you need a picture of a player wearing clothes, or if you need to take a picture of a UI window popup. If the image you're trying to get isn't strictly about or from the game then the standards here are a bit more lax. Lastly you should try to compile the code and host it yourself to obtain the sprites without the usual round-to-round interference, among other reasons. Nonetheless, here are some of the steps you should follow if you are trying to obtain pictures from your BYOND client:
			*Playing as a ghost/observer allows for greater freedom to screenshot; you can ghost (with the <code>Aghost</code> verb) freely if you set yourself as an admin on a private server.
			**Along with this, your screenshots should be taken without lighting using the <code>Toggle-Darkness</code> verb.
	*Set your icon scale to '''32x32''' (see picture).		*Set your icon scale to '''32x32''' (see picture).
	*Set icon stretching to '''Normal'''.		*Set icon stretching to '''Normal'''.

>Burrito Justice: typo

2022-06-08T19:55:44Z

typo

← Предыдущая версия		Версия от 22:55, 8 июня 2022
Строка 76:		Строка 76:
	If what you're trying to write about can't be conveyed with sprites alone then you may need to resort to taking screenshots. Screenshots are most applicable for when you're trying to describe the setup of a room, if you need a picture of a player wearing clothes, or if you need to take a picture of a UI window popup. If the image you're trying to get isn't strictly about or from the game then the standards here are a bit more lax. Lastly you should try to compile the code and host it yourself to obtain the sprites without the usual round-to-round interference, among other reasons. Nonetheless, here are some standards you should follow if you are trying to obtain pictures from your BYOND client:		If what you're trying to write about can't be conveyed with sprites alone then you may need to resort to taking screenshots. Screenshots are most applicable for when you're trying to describe the setup of a room, if you need a picture of a player wearing clothes, or if you need to take a picture of a UI window popup. If the image you're trying to get isn't strictly about or from the game then the standards here are a bit more lax. Lastly you should try to compile the code and host it yourself to obtain the sprites without the usual round-to-round interference, among other reasons. Nonetheless, here are some standards you should follow if you are trying to obtain pictures from your BYOND client:
	*Set your icon scale to '''32x32''' (see picture).		*Set your icon scale to '''32x32''' (see picture).
	*Set icon stretching to to '''Normal'''.		*Set icon stretching to '''Normal'''.
	*Click File and press '''Quick Screenshot''' (or press F2).		*Click File and press '''Quick Screenshot''' (or press F2).
	**Quick screenshots go to your document folder's BYOND directory.		**Quick screenshots go to your document folder's BYOND directory.

>Burrito Justice: caption syntax

2021-12-31T23:43:59Z

caption syntax

← Предыдущая версия		Версия от 02:43, 1 января 2022
Строка 51:		Строка 51:
	**link=Some Page - will take you to a page named Some Page when clicked.		**link=Some Page - will take you to a page named Some Page when clicked.
	**link= - will take you nowhere if you click on the image.		**link= - will take you nowhere if you click on the image.
			*'''Caption''' is another option type that doesn't actually require anything special to initiate, just type whatever you want after a vertical bar and it'll appear one way or another.

	==Formatting==		==Formatting==

>Burrito Justice: almost done here

2021-12-31T20:32:44Z

almost done here

← Предыдущая версия		Версия от 23:32, 31 декабря 2021
Строка 72:		Строка 72:

	==From Screenshots==		==From Screenshots==
	~~PLEASE GOD~~ 32x32		[[File:DSIcons_setting.png\|right\|frame\|You can find these options in the top left of your screen.]]
			If what you're trying to write about can't be conveyed with sprites alone then you may need to resort to taking screenshots. Screenshots are most applicable for when you're trying to describe the setup of a room, if you need a picture of a player wearing clothes, or if you need to take a picture of a UI window popup. If the image you're trying to get isn't strictly about or from the game then the standards here are a bit more lax. Lastly you should try to compile the code and host it yourself to obtain the sprites without the usual round-to-round interference, among other reasons. Nonetheless, here are some standards you should follow if you are trying to obtain pictures from your BYOND client:
			*Set your icon scale to '''32x32''' (see picture).
			*Set icon stretching to to '''Normal'''.
			*Click File and press '''Quick Screenshot''' (or press F2).
			**Quick screenshots go to your document folder's BYOND directory.
			This method will make your playable window very small and, as a result, give you a screenshot in its truest dimensions; 32x32 sprites will occupy 32x32 dimensions in the screenshot exactly. The following section will explain some standards to adhere to while cropping the image down to be suitable for the wiki.

	===Image Editing===		===Image Editing===
			Before we begin editing your screenshot, you should first get a capable image editing program. MS Paint is not suitable unless you enjoy agony, so you should get either [https://www.dotpdn.com/downloads/pdn.html Paint.NET] or [https://www.gimp.org/downloads/ GIMP] to save yourself the trouble if you somehow don't have either of them already. From there, you should try to edit the image down to only what is relevant. Here are some standards:
			*Pictures of mobs should be of the mobs only: manually remove any other sprites like the floor yourself.
			*Unless relevant to what you're writing about, the screenshot should be taken with lighting/shadow effects removed (no darkness).
			**This is accomplished by using the <code>Toggle-Darkness</code> verb as a ghost.
			*The final image should have dimensions that are multiples of 32x32.

	=See Also=		=See Also=
	[[Special:ListFiles\|The File List]]		[[Special:ListFiles\|The File List]]

>Burrito Justice: more work

2021-12-30T18:10:26Z

more work

← Предыдущая версия		Версия от 21:10, 30 декабря 2021
Строка 57:		Строка 57:

	=How to Obtain Media=		=How to Obtain Media=
			Ensure you've read [[#Licensing and Use\|the license blurb towards the top of this page]] before grabbing any relevant media you wish to use. If you are getting sprites from the server's files or taking screenshots of the game yourself then you can mostly ignore that bit. With that out of the way, this section mostly details grabbing relevant media from the game itself, whether it be sprites or screenshots, not necessarily about getting images from the internet that are compatible with the wiki's license for a lore page.

	==From the Files==		==From the Files==
			If you're looking for a single sprite to upload to the wiki then you can [https://github.com/Aurorastation/Aurora.3 retrieve it from the game's files] yourself by downloading the code and extracting it from the relevant Dream Maker Image files (DMI). In practice this is done by opening the Dream Maker Environment file (DME) and navigating to the DMI that holds the sprites you want. For any sprites that only have one state (no animation, no directions) you can just right click it and tell it to export as a PNG. For sprites that have multiple states (animations or directions) then you'll need to be a bit more careful:
			*'''Directions, no animation''' - In this case, you should be safe just right click exporting like normal since all sprites will be rendered facing south by default. Just make sure you don't export as a GIF, otherwise it'll do funny things.
			*'''Animation, no directions''' - This can also be exported with the same normal method, you just need to export it in a format that is allowed to animate, namely GIF. Technically PNGs can animate but BYOND cannot export animations to that format.
			*'''Animation and directions''' - This is the case you have to look out for. You'll have to double click the sprite to enable editing, then right click the direction preview states in the top left and export them as GIFs that way. If you try to use the normal method then BYOND will try to export every frame of animation in every possible direction in sequence, which looks very strange and is probably what you don't want to happen.
			If the export went well then the sprite should look exactly how it looks in game, and also very small at 32x32 resolution (or whatever the sprite's original dimensions are; there are exceptions!). Unless it already exists on the wiki, you can probably just upload it as is with the same filename.

			'''Notice:''' The DMI editor in the current version of Dream Maker is broken for NVIDIA graphics cards because of an error in its hardware acceleration features. This shouldn't meaningfully impact extracting sprites, but this info may be pertinent to know if sprites appear blank in some places. The only workarounds for this - if it truly matters to you - is to either use an older version of BYOND or get Dream Maker to use your iGPU, assuming you have one.

			===Searching for the Right Sprite===
			Given that DMIs are functionally sprite atlases you aren't going to find an image easily unless you already know what DMI it belongs to. Thankfully it's easy to find out assuming you already know the exact name of the object in game: GitHub's search feature is robust enough that looking up the full name of an object will usually lead you to its defining entry, which hopefully includes what DMI it belongs to and what the sprite's actual name is, so if the <code>icon</code> variable points to <code>'icons/obj/tools.dmi'</code> then that's the directory you would navigate to in order to get the sprite you want.

	==From Screenshots==		==From Screenshots==

>Burrito Justice: E X P A N D

2021-12-29T19:10:15Z

E X P A N D

@@ Строка 2: / Строка 2: @@
 {{Tutorial navigation}}
 THIS IS ALL PLACEHOLDER OH GOD PLEASE LOOK AWAY IT'S NOT READY YET!!!
 =Images=
 =How to Upload=
 ==What to Upload==
 ===Licensing and Use===
-Please only upload media that's from SS13. Any other media must either be authored by you or you must obtain written permission from the original author for use on the wiki (barring licensing compatibilities). Any media that does not follow this is infringement and must be removed.
+Please only upload media that's from '''Space Station 13''', '''Aurora Station''', or '''relevant to Aurora's lore''' and that it is '''your work''', is '''compatible with our license''', or you have '''permission''' to use the work from the author. Any media that does not follow this is infringement and must be removed. There's no way around this, no matter how cool some random art you found on the internet looks and how it would serve the page you're writing about.
 ===The 520 Error===
 Basically means you aren't allowed to upload a picture to the wiki. Ask a maintainer to review the media to be uploaded and they'll do it for you.
 =How to Obtain Media=
@@ Строка 23: / Строка 64: @@
 ===Image Editing===

>Burrito Justice: Sooner or later I'll expand on this

2021-12-29T05:29:36Z

Sooner or later I'll expand on this

← Предыдущая версия		Версия от 08:29, 29 декабря 2021
Строка 5:		Строка 5:
	=Images=		=Images=

	==How to Upload==		=How to Upload=

	==What to Upload==		==What to Upload==

	===Licensing and Use===		===Licensing and Use===
			Please only upload media that's from SS13. Any other media must either be authored by you or you must obtain written permission from the original author for use on the wiki (barring licensing compatibilities). Any media that does not follow this is infringement and must be removed.

			===The 520 Error===
			Basically means you aren't allowed to upload a picture to the wiki. Ask a maintainer to review the media to be uploaded and they'll do it for you.

	=How to Obtain Media=		=How to Obtain Media=
Строка 16:		Строка 20:

	==From Screenshots==		==From Screenshots==
			PLEASE GOD 32x32

	===Image Editing===		===Image Editing===