update helpers/location to 'frosted' ui
[carveJwlIkooP6JGAAIwe30JlM.git] / web / frag / workshop_player.html
1 <div class="subcontent" style="background-color:var(--k_ui_bg4)">
2 <center><h1>Workshop Guide - Custom avatars</h1></center>
3 <p>This guide covers creating a custom avatar using blender. <b>Due to the
4 nature of character models being an expert level task, this guide does not
5 cover all steps and significant Blender knowledge is required for anything more
6 complicated than changing colours.</b></p>
7 </div>
8 <div class="subcontent">
9 <h2>0. Things you need</h2>
10 <p>- Skaterift content is made using Blender. You can get the latest version
11 of <a href="https://store.steampowered.com/app/365670/Blender/">
12 Blender from steam</a><br>
13 - <a href="https://www.gimp.org/">GNU Gimp</a> or similar image editor.<br>
14 - Download the <a href="files/custom_player.zip">custom_player.zip</a><br>
15 - An installed copy of Skaterift of course.</p>
16 </div>
17 <div class="subcontent">
18 <h2>1. Installing exporter addon</h2>
19 <p>Skip this step if you've already done it before.
20 <a href="index.php?page=addon">Guide on how to install the exporter addon for
21 Blender</a>
22 </p>
23 </div>
24 <div class="subcontent">
25 <h2>2. Configuring the template</h2>
26 <p>Firstly, Open the .blend file from the custom_player zip.<br>
27 <br>
28 Open the side panel in the 3D Viewport, and find the Skaterift tab, and in
29 that menu, the <b>Export tab</b><br>
30 <br>
31 <b>Export Dir</b> must be set to the game folder, which ends in
32 <i>/steamapps/common/skaterift<b>/</b></i><br>
33 <b style="color:var(--k_ui_red1)">NOTE</b>:<i style="color:var(--k_ui_fg4)">
34 the path must have a <b>/</b> at the end, else things will break.</i></p>
35 </div>
36 <div class="subcontent">
37 <h2>3. Make your edits</h2>
38 <p>This step is completely left to you.</p>
39 </div>
40 <div class="subcontent">
41 <h2>4. Compile the model</h2>
42 <p>In the <b>Outliner</b> panel in the top right, rename the collection name,
43 called <i>playermodels/template/ch_template</i>.<br>
44 The collection name is the path it will export the model, relative to the
45 directory we set earlier.<br>
46 <br>
47 Now in the Skaterift Export tab, press Compile This collection.
48 <br>
49 <b style="color:var(--k_ui_red1)">NOTE</b>:<i style="color:var(--k_ui_fg4)">
50 Blender will freeze for a second or so, since the export script has to
51 compress the texture file.</i><br>
52 </p>
53 </div>
54 <div class="subcontent">
55 <h2>5. Test it out in-game</h2>
56 <p>If everything is good, you should be able to visit the board shop and it
57 will be loaded in there. If not, try reopen it. If still not not, then
58 something broke, and there is no contingency plan here, sorry.<br>
59 </p>
60 </div>
61 <div class="subcontent">
62 <h2>6. Upload via the Workshop tool</h2>
63 <p>From the menu of Skaterift, you can open the
64 workshop tool. From here, fill in the folder name which houses the avatar. This
65 is relative to the game folder just like the export tool. You will know its
66 correct when you see your character after pressing the load button.<br>
67 <img src="img/guide3.jpg" width="100%"/>
68 <br>
69 From here, just fill in the information like the title and description, and
70 press submit.
71 </p>
72 </div>