Merge branch 'icon-tutorial' into 'develop'

Icon tutorial

See merge request !25

ICONS.md

-# Icons for CreatureChat
+# Icon Tutorial for CreatureChat
 
 <img src="src/main/resources/assets/creaturechat/screenshots/custom-player-icon1.png" width="100%" style="image-rendering: pixelated;">
 
-Customize entity and player icons in **CreatureChat** by following this step-by-step guide.
+### Customize entity and player icons in **CreatureChat** by following this step-by-step guide.
 
 ---
 
 ## **Custom Entity Icons**
-<img src="src/main/resources/assets/creaturechat/textures/entity/pig/pig.png" width="512" style="image-rendering: pixelated;">
+<img src="src/main/resources/assets/creaturechat/screenshots/big-pig.png" width="440" style="image-rendering: pixelated;">
 
 ### Folder Structure:
 To add custom icons for entities, place the icon files in the following path:
@@ -29,6 +29,7 @@ To add custom icons for entities, place the icon files in the following path:
 
 ### Step 1: Draw your character on top of the rainbow template
 Player icons should be `24x24` pixels, and PNG format.
+- Download [rainbow-icon-template.png](src/main/resources/assets/creaturechat/screenshots/rainbow-icon-template.png)
 
 <img src="src/main/resources/assets/creaturechat/screenshots/example-player-icon1.png" width="256" style="image-rendering: pixelated;">
 &nbsp; <img src="src/main/resources/assets/creaturechat/screenshots/example-player-icon2.png" width="256" style="image-rendering: pixelated;">
@@ -36,17 +37,18 @@ Player icons should be `24x24` pixels, and PNG format.
 
 
 ### Step 2: Position your icon on your skin
+- Download [skin-template.png](src/main/resources/assets/creaturechat/screenshots/skin-template.png)
+
 <img src="src/main/resources/assets/creaturechat/screenshots/example-player-skin1.png" width="256" style="image-rendering: pixelated;">
 &nbsp; <img src="src/main/resources/assets/creaturechat/screenshots/example-player-skin2.png" width="256" style="image-rendering: pixelated;">
-&nbsp; <img src="src/main/resources/assets/creaturechat/screenshots/example-player-skin3.png" width="256" style="image-rendering: pixelated;">
 &nbsp; <img src="src/main/resources/assets/creaturechat/screenshots/example-player-skin4.png" width="256" style="image-rendering: pixelated;">
 
 ### Step 3: Toggle Icon Visibility
 To activate a custom player icon, include a **black and white key** in your skin:
 
-<img src="src/main/resources/assets/creaturechat/screenshots/example-skin1.png" width="360" style="image-rendering: pixelated;">
-&nbsp; <img src="src/main/resources/assets/creaturechat/screenshots/example-skin2.png" width="360" style="image-rendering: pixelated;">
-&nbsp; <img src="src/main/resources/assets/creaturechat/screenshots/example-player-skin4.png" width="360" style="image-rendering: pixelated;">
+<img src="src/main/resources/assets/creaturechat/screenshots/example-skin1.png" width="256" style="image-rendering: pixelated;">
+&nbsp; <img src="src/main/resources/assets/creaturechat/screenshots/example-skin2.png" width="256" style="image-rendering: pixelated;">
+&nbsp; <img src="src/main/resources/assets/creaturechat/screenshots/example-player-skin4.png" width="256" style="image-rendering: pixelated;">
 
 1. Add a **black square** at: `(28, 48)`
 2. Add a **white square** at: `(32, 48)`

README.md

@@ -115,6 +115,7 @@ Supports CreatureChat by purchasing tokens from the developers:
 
 - [Join us on Discord](https://discord.gg/m9dvPFmN3e)
 - [Build Instructions](INSTALL.md) ([Source Code](http://gitlab.openshot.org/minecraft/creature-chat))
+- [Player & Entity Icon Tutorial](ICONS.md)
 - Download from [Modrinth](https://modrinth.com/project/creaturechat)
 - Follow Us: [YouTube](https://www.youtube.com/@CreatureChat/featured) | 
 [Twitter](https://twitter.com/TheCreatureChat) |