add player guide
authorhgn <hgodden00@gmail.com>
Thu, 13 Jul 2023 20:38:20 +0000 (21:38 +0100)
committerhgn <hgodden00@gmail.com>
Thu, 13 Jul 2023 20:38:20 +0000 (21:38 +0100)
web/files/custom_player.zip [new file with mode: 0644]
web/frag/workshop_player.html [new file with mode: 0644]
web/index.php

diff --git a/web/files/custom_player.zip b/web/files/custom_player.zip
new file mode 100644 (file)
index 0000000..937ccbe
Binary files /dev/null and b/web/files/custom_player.zip differ
diff --git a/web/frag/workshop_player.html b/web/frag/workshop_player.html
new file mode 100644 (file)
index 0000000..cb6d8a3
--- /dev/null
@@ -0,0 +1,72 @@
+<div class="subcontent" style="background-color:var(--k_ui_bg4)">
+ <center><h1>Workshop Guide - Custom avatars</h1></center>
+ <p>This guide covers creating a custom avatar using blender. <b>Due to the 
+ nature of character models being an expert level task, this guide does not
+ cover all steps and significant Blender knowledge is required for anything more
+ complicated than changing colours.</b></p>
+</div>
+<div class="subcontent">
+ <h2>0. Things you need</h2>
+ <p>- Skaterift content is made using Blender. You can get the latest version 
+ of <a href="https://store.steampowered.com/app/365670/Blender/">
+    Blender from steam</a><br>
+ - <a href="https://www.gimp.org/">GNU Gimp</a> or similar image editor.<br>
+ - Download the <a href="files/custom_player.zip">custom_player.zip</a><br>
+ - An installed copy of Skaterift of course.</p>
+</div>
+<div class="subcontent">
+ <h2>1. Installing exporter addon</h2>
+ <p>Skip this step if you've already done it before. 
+ <a href="index.php?page=addon">Guide on how to install the exporter addon for 
+ Blender</a>
+ </p>
+</div>
+<div class="subcontent">
+ <h2>2. Configuring the template</h2>
+ <p>Firstly, Open the .blend file from the custom_player zip.<br>
+ <br>
+ Open the side panel in the 3D Viewport, and find the Skaterift tab, and in 
+ that menu, the <b>Export tab</b><br>
+ <br>
+ <b>Export Dir</b> must be set to the game folder, which ends in 
+ <i>/steamapps/common/skaterift<b>/</b></i><br>
+ <b style="color:var(--k_ui_red1)">NOTE</b>:<i style="color:var(--k_ui_fg4)">
+ the path must have a <b>/</b> at the end, else things will break.</i></p>
+</div>
+<div class="subcontent">
+ <h2>3. Make your edits</h2>
+ <p>This step is completely left to you.</p>
+</div>
+<div class="subcontent">
+ <h2>4. Compile the model</h2>
+ <p>In the <b>Outliner</b> panel in the top right, rename the collection name, 
+ called <i>playermodels/template/ch_template</i>.<br>
+ The collection name is the path it will export the model, relative to the 
+ directory we set earlier.<br>
+ <br>
+ Now in the Skaterift Export tab, press Compile This collection.
+ <br>
+ <b style="color:var(--k_ui_red1)">NOTE</b>:<i style="color:var(--k_ui_fg4)">
+ Blender will freeze for a second or so, since the export script has to 
+ compress the texture file.</i><br>
+ </p>
+</div>
+<div class="subcontent">
+ <h2>5. Test it out in-game</h2>
+ <p>If everything is good, you should be able to visit the board shop and it
+ will be loaded in there. If not, try reopen it. If still not not, then
+ something broke, and there is no contingency plan here, sorry.<br>
+ </p>
+</div>
+<div class="subcontent">
+ <h2>6. Upload via the Workshop tool</h2>
+ <p>From the menu of Skaterift, you can open the
+ workshop tool. From here, fill in the folder name which houses the avatar. This
+ is relative to the game folder just like the export tool. You will know its
+ correct when you see your character after pressing the load button.<br>
+ <img src="img/guide3.jpg" width="100%"/>
+ <br>
+ From here, just fill in the information like the title and description, and
+ press submit.
+ </p>
+</div>
index 907e022f56ad8cccc4292c22c84cc4dbb8b1496f..4070e217bdfb8a51b9c1660f7b68984b520fea7a 100755 (executable)
      srpage( "workshop_content", "Content" );
      srpage( "workshop_board", "Custom board guide" );
      srpage( "workshop_world", "World guide" );
+     srpage( "workshop_player", "Avatar guide" );
     ?>
    </div>
   </div>