Help:Images - Revision history

CatsinHD: /* Licensing and Use */

2025-06-13T02:43:27Z

Licensing and Use

← Older revision		Revision as of 02:43, 13 June 2025
Line 32:		Line 32:

	===Licensing and Use===		===Licensing and Use===
	Please only upload media that's from '''Space Station 13''', '''Aurora Station''', or '''relevant to Aurora's lore''' or that it is '''your work''', is '''compatible with our license''', or you have '''permission''' to use the work from the author. Media that does not follow this is infringement 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.		Please only upload media that's from '''Space Station 13''', '''Aurora Station''', or '''relevant to Aurora's lore''' or that it is '''your work''', is '''compatible with our license''', or you have '''permission''' to use the work from the author. Media that does not follow this is infringement 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. '''No AI generated''' media is permitted on the wiki.

	===The 520 Error===		===The 520 Error===

CatsinHD at 18:53, 18 June 2024

2024-06-18T18:53:57Z

← Older revision		Revision as of 18:53, 18 June 2024
Line 1:		Line 1:
	~~{{Wip}}~~
	{{Tutorial navigation}}		{{Tutorial navigation}}
	Welcome to the help section about Images. Most of the content here assumes you've already read the [[Help:Basic_Editing_Guide#Images\|basic rundown on images in the starter guide]].		Welcome to the help section about Images. Most of the content here assumes you've already read the [[Help:Basic_Editing_Guide#Images\|basic rundown on images in the starter guide]].

CatsinHD: /* Image Editing */

2024-06-18T18:53:47Z

Image Editing

← Older revision		Revision as of 18:53, 18 June 2024
Line 159:		Line 159:

	===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:		Before we begin editing your screenshot, you should first get a capable image editing program. MS Paint is not suitable, so you should get either [https://www.dotpdn.com/downloads/pdn.html Paint.NET] or [https://www.gimp.org/downloads/ GIMP] if you 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~~.		*Pictures of mobs should be of the mobs only: manually remove any other sprites, such as the floor.
	*Unless relevant to what you're writing about, the screenshot should be taken with lighting/shadow effects removed (no darkness).		*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.		**This is accomplished by using the <code>Toggle-Darkness</code> verb as a ghost.

CatsinHD: /* From the Files */

2024-06-18T18:50:31Z

From the Files

CatsinHD: /* Wiki Usage */

2024-06-18T18:35:48Z

Wiki Usage

← Older revision		Revision as of 18:35, 18 June 2024
Line 39:		Line 39:

	=Wiki Usage=		=Wiki Usage=
	Putting an image on the wiki is as simple as typing <code><nowiki>[[File:Yourfilenamehere.FileType]]</nowiki></code>, and your image will appear where you typed it! Obviously it~~'ll~~ look a bit strange or even out of place, but we can use the methods below to get it looking right!		Putting an image on the wiki is as simple as typing <code><nowiki>[[File:Yourfilenamehere.FileType]]</nowiki></code>, and your image will appear where you typed it! Obviously it will look a bit strange or even out of place, but we can use the methods below to get it looking right!

	==Syntax==		==Syntax==
Line 45:		Line 45:
	<pre>[[File:Yourfilenamehere.ext\|option\|option\|option\|Your caption here]]</pre>		<pre>[[File:Yourfilenamehere.ext\|option\|option\|option\|Your caption here]]</pre>
	Options/captions aren't always necessary but can help expand the function of your media, and are always separated by [[wikipedia:Vertical Bar\|vertical bars]]. Ideally all options are kept lower case (except the caption):		Options/captions aren't always necessary but can help expand the function of your media, and are always separated by [[wikipedia:Vertical Bar\|vertical bars]]. Ideally all options are kept lower case (except the caption):
			===Formatting===
	*'''Format''' can be any of the following to help render the media a certain way on the page:		*'''Format''' can be any of the following to help render the media a certain way on the page:
	**border - adds a small gray border around the image.		**border - adds a small gray border around the image.
Line 52:		Line 53:
	*'''Resizing''' is useful for scaling images on the wiki instead of uploading larger/smaller versions of your pictures, especially for scaling sprites up.		*'''Resizing''' is useful for scaling images on the wiki instead of uploading larger/smaller versions of your pictures, especially for scaling sprites up.
	**(width)px - typing in a number where (width) is will scale the image by its width, while keeping the vertical dimension unlocked.		**(width)px - typing in a number where (width) is will scale the image by its width, while keeping the vertical dimension unlocked.
	***For sprites that are 32x32 in resolution, using ~~<code>~~64px~~</code> will scale them up to 64x64~~, ~~doubling its resolution~~.		***For sprites that are 32x32 in resolution, scale the image using 32px as the base (ex. 64px, 96px, etc.).
	**x(height)px - similar to the first option, but it scales off of height instead of width. Width is still unlocked.		**x(height)px - similar to the first option, but it scales off of height instead of width. Width is still unlocked.
	**(width)x(height)px - this is used to fine tune the dimensions of an image, regardless of aspect ratio.		**(width)x(height)px - this is used to fine tune the dimensions of an image, regardless of aspect ratio.
	***You can make an image look like spaghetti this way if you set one of the dimensions to 1. Don't do that though.
	**upright - attempts to resize an image to something reasonable, according to user preferences (which no one uses and you shouldn't change otherwise things might break).		**upright - attempts to resize an image to something reasonable, according to user preferences (which no one uses and you shouldn't change otherwise things might break).
	*'''Horizontal Alignment''' is for when you want to dictate which side of the page you want the image to render, based on where it's typed.		*'''Horizontal Alignment''' is for when you want to dictate which side of the page you want the image to render, based on where it's typed.
	**left, right, center, and none are your options. Text will try to wrap around the image at all times.		**left, right, center, and none are your options. Text will try to wrap around the image at all times.
			*'''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.
			===Linking===
	*'''Link''' is where you want the image to take the reader if they click on it. By default clicking on an image will take you to the image's file page. You have two options:		*'''Link''' is where you want the image to take the reader if they click on it. By default clicking on an image will take you to the image's file page. You have two options:
	**link=Some Page - will take you to a page named Some Page when clicked.		**<code>link=Some Page</code> will take you to a page named Some Page when clicked.
	**link= - ~~will take you nowhere if you click on the~~ image.		**<code>link=</code> is useful for creating a non-intrusive 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==~~

	~~==Linking==~~

	=How to Obtain Media=		=How to Obtain Media=

CatsinHD: /* Wiki Usage */

2024-06-18T18:31:23Z

Wiki Usage

← Older revision		Revision as of 18:31, 18 June 2024
Line 39:		Line 39:

	=Wiki Usage=		=Wiki Usage=
	Putting an image on the wiki is as simple as typing <code><nowiki>[[File:Yourfilenamehere.~~png~~]]</nowiki></code>, and your image will appear where you typed it! Obviously it'll look a bit strange or even out of place, but we can use the methods below to get it looking right!		Putting an image on the wiki is as simple as typing <code><nowiki>[[File:Yourfilenamehere.FileType]]</nowiki></code>, and your image will appear where you typed it! Obviously it'll look a bit strange or even out of place, but we can use the methods below to get it looking right!

	==Syntax==		==Syntax==

CatsinHD: /* How to Upload */

2024-06-18T18:31:00Z

How to Upload

← Older revision		Revision as of 18:31, 18 June 2024
Line 12:		Line 12:

	=How to Upload=		=How to Upload=
	~~There is only one way to upload to~~ the ~~wiki~~, ~~but there are two methods to~~ reaching the ~~means to do so~~:		Uploading files uses the same page, however reaching this page can be done the following ways:
	#Click [[Special:Upload\|Upload file]] on the left side of the screen.		#Click [[Special:Upload\|Upload file]] on the left side of the screen.
	#Click a <span style="color:#ba0000">red link</span> (also known as a [[Help:Links#Broken Links\|broken link]]). This has the added benefit of filling out the filename for you.		#Click a <span style="color:#ba0000">red link</span> (also known as a [[Help:Links#Broken Links\|broken link]]). This has the added benefit of filling out the filename for you.
	~~Once you're on~~ the ~~upload page, hit~~ the '''Browse''' button to select the file you want to upload~~, in this case an image that~~ is [[#Supported File Types\|~~hopefully~~ supported]]. ~~Afterwards just set~~ the filename to something relevant to the image (ex. uploading a picture of ~~a toolbox sprite~~, you'd just name it <code>~~toolbox~~</code> ~~or maybe even <code>btoolbox</code> if~~ the ~~toolbox is blue)~~. If the ~~image you're uploading~~ is a sprite then the ~~sprite probably already has a~~ name~~, and those are probably fine to leave alone~~. ~~After that give~~ it a summary describing ~~it if you want~~ (makes it easier to look up if we need to find it)~~, then hit~~ '''Upload file''' at the bottom. [[#The 520 Error\|Assuming you didn't get an error]] then congratulations, that image is on the wiki and hopefully won't sink us due to licensing! Lastly, you should always try to make an effort to make sure the image/sprite - or an older/outdated version of it - doesn't already exist on the wiki. If it does then you should overwrite the existing one, unless it's exactly the same (the wiki will tell you this).		Here are the following steps for uploading a file:
			#Hit the '''Browse''' button to select the file you want to upload
			##Make sure it is a [[#Supported File Types\|supported file type]].
			#Set the filename to something relevant to the image (ex. uploading a picture of the sensors program, you'd just name it <code>Sensors program</code>).
			##The name will autofill to the file name. If the file being uploaded is a sprite, then do not change the file name.
			#Optionally: Give it a summary describing (makes it easier to look up if we need to find it).
			#Click '''Upload file''' at the bottom.
			#[[#The 520 Error\|Assuming you didn't get an error]] then congratulations, that image is on the wiki.

	~~==What to Upload==~~		Lastly, you should always try to make an effort to make sure the image/sprite - or an older/outdated version of it - doesn't already exist on the wiki. If it does then you should overwrite the existing one, unless it's exactly the same (the wiki will tell you this). The process for replacing an image is as follows:
	~~[[#top\|As stated above]]~~, you should ~~only be uploading content that is relevant~~ to ~~what you~~'~~re writing about~~. If ~~you're writing about a compendium of items~~ then you'~~d probably be uploading their respective sprites, but if~~ you ~~plan to upload every single sprite in~~ the ~~game to add next to every mention~~ of ~~those respective items on every wiki page then that's something you can save your breath on; we'd rather you not~~. ~~If you're uploading sprites, [[~~#~~How to Obtain Media\|please make sure they are~~ the ~~original sprites]] in their original resolution~~. ~~For lore articles, art, diagrams, and infographics do wonders to help sell~~ to the ~~reader what you're writing about and~~ to ~~put things into context~~. ~~Now, onto the big disclaimer:~~
			#Click the image.
			#Click "Upload a new version of this file".
			#Follow the same steps as above.

			It will take up to 24 hours for the image to update, so do not worry if it does not immediately update.

	===Licensing and Use===		===Licensing and Use===
	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.		Please only upload media that's from '''Space Station 13''', '''Aurora Station''', or '''relevant to Aurora's lore''' or that it is '''your work''', is '''compatible with our license''', or you have '''permission''' to use the work from the author. Media that does not follow this is infringement 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===		===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.		Basically means you are not allowed to upload a picture to the wiki. Ask a maintainer to review the media to be uploaded and they will do it for you.

	=Wiki Usage=		=Wiki Usage=

CatsinHD: /* Images */

2024-06-18T18:18:30Z

Images

← Older revision		Revision as of 18:18, 18 June 2024
Line 4:		Line 4:

	=Images=		=Images=
	~~You probably already know what an image is, in fact you've probably seen plenty of those on the way to this guide. In regards to~~ the wiki ~~images serve to both provide~~ visual ~~context to~~ information ~~and~~ to ~~help break up~~ that ~~information~~ into ~~something more meaningfully digestible and readable~~. ~~Obviously the media you upload~~ and ~~use~~ should be ~~both relevant to what you're writing about~~ and ~~overall useful to the reader. It should also follow some standards to make sure it remains consistent with the rest of the~~ images ~~on the wiki~~.		Images are used across the wiki for two primary purposes: Adding visual information to text or as a Lore resource. Most images that are under the purview of Wiki Maintenance fall into the first purpose. To ensure consistency and clarity, there are some general guidelines that should be observed when uploading, using, and changing images.

	==Supported File Types==		==Supported File Types==
	*'''.png''' - The standard and ~~usually~~ preferred image format for most ~~stuff like sprites~~.		*'''.png''' - The standard and preferred image format for most images.
	*'''.jpg''' - A comparatively ~~lossy format that reduces~~ file size compared to png. Ideally these are used for large screenshots, photographs, or art.		*'''.jpg''' - A comparatively smaller file size compared to png. Ideally these are used for large screenshots, photographs, or art. Where possible, use a white background.
	*'''.gif''' - ~~This filetype is mostly used~~ for media ~~that's animated~~, like sprites that animate over time. [[#From the Files\|See below]] to make sure you get the best possible quality out of this format.		*'''.gif''' - Used for animated media, like sprites that animate over time. [[#From the Files\|See below]] to make sure you get the best possible quality out of this format.

	=How to Upload=		=How to Upload=

CatsinHD: This was a stupid introduction. We have WIP for a reason

2024-06-18T18:14:41Z

This was a stupid introduction. We have WIP for a reason

← Older revision		Revision as of 18:14, 18 June 2024
Line 1:		Line 1:
	{{Wip}}		{{Wip}}
	{{Tutorial navigation}}		{{Tutorial navigation}}
	~~THIS IS ALL PLACEHOLDER OH GOD PLEASE LOOK AWAY IT'S NOT READY YET!!!~~
	Welcome to the help section about Images. Most of the content here assumes you've already read the [[Help:Basic_Editing_Guide#Images\|basic rundown on images in the starter guide]].		Welcome to the help section about Images. Most of the content here assumes you've already read the [[Help:Basic_Editing_Guide#Images\|basic rundown on images in the starter guide]].

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

2023-01-26T16:21:42Z

Importing animated images from game to wiki

@@ Line 129: / Line 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.''

← Older revision		Revision as of 18:50, 18 June 2024
Line 69:		Line 69:

	==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).<br>		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>
	In practice this is done by opening the Dream Maker Environment file (DME) and navigating to the DMI that holds the sprites you want.		In practice, this is done by opening the Dream Maker Environment file (DME) within DreamMaker and navigating to the DMI that holds the sprites you want. This may be a tricky process due to the labyrinthine nature of the sprite files. If you need help navigating to the correct DMI file, contact a Developer.

	===Importing images from game to wiki===		===Importing images from game to wiki===
Line 83:		Line 83:
	'''1. In the files, search for the .dmi that contains your sprite.'''		'''1. In the files, search for the .dmi that contains your 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.<br>		''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.<br>
	Thankfully it's easy to find out assuming you already know the exact name of the object in game:<br>		Thankfully it's easy to find out assuming you already know the exact name of the object in game:<br>
	GitHub's search feature is robust enough that looking up the full name of an object will usually lead you to its defining entry. It will hopefully include what DMI it belongs to and what the sprite's actual name is.<br>		GitHub's search feature is robust enough that looking up the full name of an object will usually lead you to its defining entry. It will hopefully include what DMI it belongs to and what the sprite's actual name is.<br>
Line 94:		Line 94:
	*'''No directions, no animation''' - There shouldn't be any problems, just export as normal.		*'''No directions, no animation''' - There shouldn't be any problems, just export as normal.
	*'''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.		*'''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.
	*'''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.		*'''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 not be acceptable. 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.
	*'''Disassembled''' - Sometimes, sprites are split apart for arcane reasons, likely to take advantage of overlays and coloring. You ~~likely shouldn’t face problems here, but reading through code will help~~. ~~Mimicking the in-game sprite is also acceptable. Feel free~~ to assemble the sprite ~~in any way you like; in Dream Maker~~ or ~~otherwise, however~~ the ~~former does not have layers to work with!~~		*'''Disassembled''' - Sometimes, sprites are split apart for arcane reasons, likely to take advantage of overlays and coloring. You can use Paint.NET's layering to assemble the separate sprites into a single assembled sprite, or copy and paste the sprites together in DreamMaker
	*'''Transparency''' - This one you'll have to keep an eye out for. You can easily check this in ~~Dream Maker~~ using the eyedropper tool - the Alpha value on the left will be below 255! Make sure that the .png exported has the transparency transferred ~~proeprly~~ - you can check this by opening the image in Paint.NET.		*'''Transparency''' - This one you'll have to keep an eye out for. You can easily check this in DreamMaker using the eyedropper tool - the Alpha value on the left will be below 255! Make sure that the .png exported has the transparency transferred properly - you can check this by opening the image in Paint.NET.

	===Importing animated images from game to wiki===		===Importing animated images from game to wiki===
	Getting animated images and sprites from the game files to the wiki follows ~~the same~~ process as normal images~~, mostly~~.<br>		Getting animated images and sprites from the game files to the wiki follows a similar process to normal images.<br>
	If the animation contains everything needed, then the process is the same as above except the DMI needs to be saved/exported as a .gif instead of a .png.<br>		If the animation contains everything needed, then the process is the same as above except the DMI needs to be saved/exported as a .gif instead of a .png.<br>
	~~The~~ additional item needed ~~for this is just~~ the Agif extension for Paint.NET.		However, if the animation does not contain everything, for example a disassembled sprite, an additional item is needed: the Agif extension for Paint.NET.

	'''1. Export the animated DMI sprite as a .gif.'''		'''1. Export the animated DMI sprite as a .gif.'''

	''Be sure to export as a .gif! ~~If not, you can always rename the file extension.~~		''Be sure to export as a .gif!

	Depending on the sprite you are exporting, you may have to take some things into consideration.''		Depending on the sprite you are exporting, you may have to take some things into consideration.''

	*'''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, 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.
	*'''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.		*'''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.
	*'''Overlays and Transparency''' - For sprites with an animated overlay/underlay and/or with transparency, extra steps are needed.		*'''Overlays and Transparency''' - For sprites with an animated overlay/underlay and/or with transparency, extra steps are needed.