Custom Sign Images - Revision history

StalEF at 17:01, 10 December 2024

2024-12-10T17:01:16Z

← Older revision		Revision as of 19:01, 10 December 2024
Line 11:		Line 11:
	From here you assign your scene tag and publish the Modkit bundle as normal.		From here you assign your scene tag and publish the Modkit bundle as normal.
	== Using the Custom Image ==		== Using the Custom Image ==
	To use your new image in game use the ecoicon tag with the name attribute containing the name of your new image GameObject. In our case that is <syntaxhighlight lang="~~text~~"><ecoicon name="LogoPlanet"></syntaxhighlight>The image will then try and automatically fill the available space. Note our example image is low resolution. You can use high resolution images for better quality.		To use your new image in game use the ecoicon tag with the name attribute containing the name of your new image GameObject. In our case that is <syntaxhighlight lang="HTML"><ecoicon name="LogoPlanet"></syntaxhighlight>The image will then try and automatically fill the available space. Note our example image is low resolution. You can use high resolution images for better quality.
	[[File:SignExample-SignTutorial.png\|none\|thumb]]		[[File:SignExample-SignTutorial.png\|none\|thumb]]

	[[Category:Modding]]		[[Category:Modding]]

StalEF at 16:35, 10 December 2024

2024-12-10T16:35:16Z

← Older revision		Revision as of 18:35, 10 December 2024
Line 11:		Line 11:
	From here you assign your scene tag and publish the Modkit bundle as normal.		From here you assign your scene tag and publish the Modkit bundle as normal.
	== Using the Custom Image ==		== Using the Custom Image ==
	To use your new image in game use the ecoicon tag with the name attribute containing the name of your new image GameObject. In our case that is <syntaxhighlight lang="~~HTML~~">		To use your new image in game use the ecoicon tag with the name attribute containing the name of your new image GameObject. In our case that is <syntaxhighlight lang="text"><ecoicon name="LogoPlanet"></syntaxhighlight>The image will then try and automatically fill the available space. Note our example image is low resolution. You can use high resolution images for better quality.
	<ecoicon name="LogoPlanet">
	</syntaxhighlight>The image will then try and automatically fill the available space. Note our example image is low resolution. You can use high resolution images for better quality.
	[[File:SignExample-SignTutorial.png\|none\|thumb]]		[[File:SignExample-SignTutorial.png\|none\|thumb]]

	[[Category:Modding]]		[[Category:Modding]]

StalEF at 16:34, 10 December 2024

2024-12-10T16:34:47Z

← Older revision		Revision as of 18:34, 10 December 2024
Line 11:		Line 11:
	From here you assign your scene tag and publish the Modkit bundle as normal.		From here you assign your scene tag and publish the Modkit bundle as normal.
	== Using the Custom Image ==		== Using the Custom Image ==
	To use your new image in game use the ecoicon tag with the name attribute containing the name of your new image GameObject. In our case that is <syntaxhighlight lang="~~html~~">		To use your new image in game use the ecoicon tag with the name attribute containing the name of your new image GameObject. In our case that is <syntaxhighlight lang="HTML">
	<ecoicon name="LogoPlanet">		<ecoicon name="LogoPlanet">
	</syntaxhighlight>The image will then try and automatically fill the available space. Note our example image is low resolution. You can use high resolution images for better quality.		</syntaxhighlight>The image will then try and automatically fill the available space. Note our example image is low resolution. You can use high resolution images for better quality.

172.70.178.53: Sorry, trying to undo my mistake

2022-10-25T20:13:58Z

Sorry, trying to undo my mistake

@@ Line 15: / Line 15: @@
 </syntaxhighlight>The image will then try and automatically fill the available space. Note our example image is low resolution. You can use high resolution images for better quality.
 [[File:SignExample-SignTutorial.png|none|thumb]]
 [[Category:Modding]]

172.70.178.53: Skid Steer

2022-10-25T20:11:55Z

Skid Steer

@@ Line 15: / Line 15: @@
 </syntaxhighlight>The image will then try and automatically fill the available space. Note our example image is low resolution. You can use high resolution images for better quality.
 [[File:SignExample-SignTutorial.png|none|thumb]]
-== Tips for usability ==
+== Skid Steer ==
-This section outlines some easy to follow steps to make your custom images easy to use.
-=== Easy to type names ===
+== [   ] 4 Gearboxes ==
-If the images are intended to be used by everyone on the server try and come up with easy to remember and short names. No one enjoys typing out lengthy HTML code in their signs. Keeping it short makes it easier for people to remember their favorite images without having to constantly look it up.
-=== Reference Page ===
+== [   ] 16 Steel Plates ==
-To make sure your server knows what images are available for easy public use consider adding a custom Ecopedia page with all the available images and possibly a sample tag for displaying them on signs. This can be achieved by following the documentation available [[Ecopedia Modding|here]] about custom Ecopedia pages.
 [[Category:Modding]]

Thetestgame: Added warning about long names

2022-01-13T02:20:17Z

Added warning about long names

← Older revision		Revision as of 04:20, 13 January 2022
Line 5:		Line 5:


	Inside this GameObject you should have an Image component that contains your prepared sprite Image you'd like to add. In our case this contains the Eco planet logo.		Inside this GameObject you should have an Image component that contains your prepared sprite Image you'd like to add. In our case this contains the Eco planet logo. For best results try and keep your image file names short and ideally matching the name of the GameObject. A name that is too long may fail to load and show as plain text instead of the intended image.
	[[File:ExampleImage-SignTutorial.png\|none\|thumb]]		[[File:ExampleImage-SignTutorial.png\|none\|thumb]]

Dennis: Changed version

2022-01-10T09:51:02Z

Changed version

← Older revision		Revision as of 11:51, 10 January 2022
Line 1:		Line 1:
	Starting with Eco 9.5 it is now possible to add image assets to Eco without the use of code for use on Signs or other text inputs that accept the '''<ecoicon>''' tag.		Starting with Eco 9.4.5 it is now possible to add image assets to Eco without the use of code for use on Signs or other text inputs that accept the '''<ecoicon>''' tag.

	== Adding a Custom Image ==		== Adding a Custom Image ==
	To add a custom image to Eco. Create a blank new client Modkit project and open the default modkit scene template. Create a new GameObject under the Items root GameObject. Similar to items there are naming rules that must be followed when creating this object. It should match "[YourUsageName]Image" In this example we are going to add LogoPlanetImage which will appear in game under "LogoPlanet".		To add a custom image to Eco. Create a blank new client Modkit project and open the default modkit scene template. Create a new GameObject under the Items root GameObject. Similar to items there are naming rules that must be followed when creating this object. It should match "[YourUsageName]Image" In this example we are going to add LogoPlanetImage which will appear in game under "LogoPlanet".
Line 11:		Line 10:

	From here you assign your scene tag and publish the Modkit bundle as normal.		From here you assign your scene tag and publish the Modkit bundle as normal.

	== Using the Custom Image ==		== Using the Custom Image ==
	To use your new image in game use the ecoicon tag with the name attribute containing the name of your new image GameObject. In our case that is <syntaxhighlight lang="html">		To use your new image in game use the ecoicon tag with the name attribute containing the name of your new image GameObject. In our case that is <syntaxhighlight lang="html">
Line 17:		Line 15:
	</syntaxhighlight>The image will then try and automatically fill the available space. Note our example image is low resolution. You can use high resolution images for better quality.		</syntaxhighlight>The image will then try and automatically fill the available space. Note our example image is low resolution. You can use high resolution images for better quality.
	[[File:SignExample-SignTutorial.png\|none\|thumb]]		[[File:SignExample-SignTutorial.png\|none\|thumb]]

	== Tips for usability ==		== Tips for usability ==
	This section outlines some easy to follow steps to make your custom images easy to use.		This section outlines some easy to follow steps to make your custom images easy to use.

	=== Easy to type names ===		=== Easy to type names ===
	If the images are intended to be used by everyone on the server try and come up with easy to remember and short names. No one enjoys typing out lengthy HTML code in their signs. Keeping it short makes it easier for people to remember their favorite images without having to constantly look it up.		If the images are intended to be used by everyone on the server try and come up with easy to remember and short names. No one enjoys typing out lengthy HTML code in their signs. Keeping it short makes it easier for people to remember their favorite images without having to constantly look it up.

	=== Reference Page ===		=== Reference Page ===
	To make sure your server knows what images are available for easy public use consider adding a custom Ecopedia page with all the available images and possibly a sample tag for displaying them on signs. This can be achieved by following the documentation available [[Ecopedia Modding\|here]] about custom Ecopedia pages.		To make sure your server knows what images are available for easy public use consider adding a custom Ecopedia page with all the available images and possibly a sample tag for displaying them on signs. This can be achieved by following the documentation available [[Ecopedia Modding\|here]] about custom Ecopedia pages.
	[[Category:Modding]]		[[Category:Modding]]

StalEF at 23:35, 7 January 2022

2022-01-07T23:35:41Z

← Older revision		Revision as of 01:35, 8 January 2022
Line 25:		Line 25:

	=== Reference Page ===		=== Reference Page ===
	To make sure your server knows what images are available for easy public use consider adding a custom Ecopedia page with all the available images and possibly a sample tag for displaying them on signs. This can be achieved by following the documentation available [[Ecopedia ~~modding~~\|here]] about custom Ecopedia pages.		To make sure your server knows what images are available for easy public use consider adding a custom Ecopedia page with all the available images and possibly a sample tag for displaying them on signs. This can be achieved by following the documentation available [[Ecopedia Modding\|here]] about custom Ecopedia pages.
	[[Category:Modding]]		[[Category:Modding]]

Thetestgame at 18:03, 6 August 2021

2021-08-06T18:03:48Z

← Older revision		Revision as of 20:03, 6 August 2021
Line 19:		Line 19:

	== Tips for usability ==		== Tips for usability ==
	This section outlines some easy to follow steps to make your custom images easy to use~~. Taking from personal findings from a modder that has implemented custom sign images prior to this change~~.		This section outlines some easy to follow steps to make your custom images easy to use.

	=== Easy to type names ===		=== Easy to type names ===

Thetestgame: Created page with "Starting with Eco 9.5 it is now possible to add image assets to Eco without the use of code for use on Signs or other text inputs that accept the '''''' tag. == Add..."

2021-08-05T20:41:57Z

Created page with "Starting with Eco 9.5 it is now possible to add image assets to Eco without the use of code for use on Signs or other text inputs that accept the '''<ecoicon>''' tag. == Add..."

New page

Starting with Eco 9.5 it is now possible to add image assets to Eco without the use of code for use on Signs or other text inputs that accept the '''<ecoicon>''' tag.

== Adding a Custom Image ==
To add a custom image to Eco. Create a blank new client Modkit project and open the default modkit scene template. Create a new GameObject under the Items root GameObject. Similar to items there are naming rules that must be followed when creating this object. It should match "[YourUsageName]Image" In this example we are going to add LogoPlanetImage which will appear in game under "LogoPlanet".
[[File:LogoPlanetImage-SignTutorial.png|none|thumb]]

Inside this GameObject you should have an Image component that contains your prepared sprite Image you'd like to add. In our case this contains the Eco planet logo.
[[File:ExampleImage-SignTutorial.png|none|thumb]]

From here you assign your scene tag and publish the Modkit bundle as normal.

== Using the Custom Image ==
To use your new image in game use the ecoicon tag with the name attribute containing the name of your new image GameObject. In our case that is <syntaxhighlight lang="html">
<ecoicon name="LogoPlanet">
</syntaxhighlight>The image will then try and automatically fill the available space. Note our example image is low resolution. You can use high resolution images for better quality.
[[File:SignExample-SignTutorial.png|none|thumb]]

== Tips for usability ==
This section outlines some easy to follow steps to make your custom images easy to use. Taking from personal findings from a modder that has implemented custom sign images prior to this change.

=== Easy to type names ===
If the images are intended to be used by everyone on the server try and come up with easy to remember and short names. No one enjoys typing out lengthy HTML code in their signs. Keeping it short makes it easier for people to remember their favorite images without having to constantly look it up.

=== Reference Page ===
To make sure your server knows what images are available for easy public use consider adding a custom Ecopedia page with all the available images and possibly a sample tag for displaying them on signs. This can be achieved by following the documentation available [[Ecopedia modding|here]] about custom Ecopedia pages.
[[Category:Modding]]