Mod Creation/Enabling DevTools for the Steam and Epic Clients: Difference between revisions

wording change, console instructions
m (→‎FAQ: formatting)
(wording change, console instructions)
Line 16: Line 16:
You only have to do this once.
You only have to do this once.
<ol>
<ol>
<li>Download Melvor Idle on Steam, and find the installation directory. e.g. <code>[...]/steamapps/common/Melvor Idle</code></li>
<li>Download Melvor Idle on Steam, and find the installation folder. e.g. <code>[...]/steamapps/common/Melvor Idle</code></li>
<li>Download the 0.54.0 version of NW.js SDK. The version might change in the future, but you need the specific one listed.</li>
<li>Download the 0.54.0 version of NW.js SDK. The version might change in the future, but you need the specific one listed.</li>
<ul>
<ul>
Line 34: Line 34:
</ul>
</ul>
<li>Extract all zipped files.</li>
<li>Extract all zipped files.</li>
<li>Place the '''contents''' of the <code>nwjs-sdk*</code> directory in the Melvor Idle installation directory, overwriting around 122 existing files.</li>
<li>Place the '''contents''' of the <code>nwjs-sdk*</code> folder in the Melvor Idle installation folder.</li>
<li>Place the <code>icons</code>, <code>styles</code>, and source (i.e. <code>scripts</code> or <code>sources</code>) directories of the extracted extensions in the Melvor Idle installation directory.</li>
<ul>
<li>The current contents of the <code>nwjs-sdk-v0.54.0-win-x64</code> folder has 22 total items. Moving this to the Melvor Idle folder will overwrite over 100 existing files.</li>
</ul>
<li>Place the <code>icons</code>, <code>styles</code>, and source (i.e. <code>scripts</code> or <code>sources</code>) directories of the extracted extensions in the Melvor Idle installation folder.</li>
</ol>
</ol>


Line 42: Line 45:
<ol>
<ol>
<li>Open the game and load a character.</li>
<li>Open the game and load a character.</li>
<li>Open the dev tools console (F12).</li>
<li>Open the dev tools console by pressing F12.</li>
<ul>
<li>You can also open the console by right clicking in the game and selecting <code>Inspect</code>. You may need to switch from <code>Element</code> to <code>Console</code>.</li>
</ul>
<li>Set the context of the console to <code>game</code>.</li>
<li>Set the context of the console to <code>game</code>.</li>
<ul>
<ul>
<li>The top left of the console has a dropdown: change it from <code>top</code> to <code>game (steam.melvoridle.com)</code>. After doing this, you can use the console.</li>
<li>The top left of the console has a dropdown: change it from <code>top</code> to <code>game (steam.melvoridle.com)</code>. After doing this, you can use the console.</li>
</ul>
</ul>
<li>Load the scripts and extensions you placed in the installation directory before.</li>
<li>Load the scripts and extensions you placed in the installation folder before.</li>
<ul>
<ul>
<li>You can load SEMI like this:</li>
<li>You can load SEMI like this:</li>
Line 65: Line 71:
Do all the normal steps 1-5 of the Setup section then follow the below instructions.
Do all the normal steps 1-5 of the Setup section then follow the below instructions.
<ol>
<ol>
<li>Create a directory <code>Extensions</code> in the Melvor Idle installation directory.</li>
<li>Create a folder <code>Extensions</code> in the Melvor Idle installation folder.</li>
<li>Make new directories for the extensions and scripts. e.g.</li>
<li>Make new directories for the extensions and scripts. e.g.</li>
<pre>
<pre>
Line 85: Line 91:
     styles/
     styles/
</pre>
</pre>
<li>Place the <code>icons</code>, <code>styles</code>, and source (i.e. <code>scripts</code> or <code>sources</code>) directories of the extracted extensions in the Melvor Idle installation directory.</li>
<li>Place the <code>icons</code>, <code>styles</code>, and source (i.e. <code>scripts</code> or <code>sources</code>) directories of the extracted extensions in the Melvor Idle installation folder.</li>
<li>If you are using extensions, edit the main extension script so all source files and icons can be found.</li>
<li>If you are using extensions, edit the main extension script so all source files and icons can be found.</li>
<ul>
<ul>
Line 104: Line 110:
<ol>
<ol>
<li>Open the game and load a character.</li>
<li>Open the game and load a character.</li>
<li>Open the dev tools console (F12).</li>
<li>Open the dev tools console by pressing F12</li>
<ul>
<li>You can also open the console by right clicking in the game and selecting <code>Inspect</code>. You may need to switch from <code>Element</code> to <code>Console</code>.</li>
</ul>
<li>Set the context of the console to <code>game</code>.</li>
<li>Set the context of the console to <code>game</code>.</li>
<ul>
<ul>
<li>The top left of the console has a dropdown: change it from <code>top</code> to <code>game (steam.melvoridle.com)</code>. After doing this, you can use the console.</li>
<li>The top left of the console has a dropdown: change it from <code>top</code> to <code>game (steam.melvoridle.com)</code>. After doing this, you can use the console.</li>
</ul>
</ul>
<li>Load the scripts and extensions you placed in the installation directory before.</li>
<li>Load the scripts and extensions you placed in the installation folder before.</li>
<pre>
<pre>
[
[
Line 137: Line 146:
<ol>
<ol>
<li>Follow the [[Scripting_and_Extensions_Instructions#Setup|setup instructions]].</li>
<li>Follow the [[Scripting_and_Extensions_Instructions#Setup|setup instructions]].</li>
<li>Create a .js file in the Melvor Idle directory.</li>
<li>Create a <code>filename.js</code> file in the Melvor Idle folder.</li>
<li>Set the contents of the .js file</li>
<li>Set the contents of the <code>filename.js</code> file</li>
<ul>
<ul>
<li>The 15000 is just to give the game 15 seconds to get up and running, it doesn't seem to matter if it fires on the character screen or once you load a character.</li>
<li>The 15000 is just to give the game 15 seconds to get up and running, it doesn't seem to matter if it fires on the character screen or once you load a character.</li>
Line 156: Line 165:


'''Q:''' The console won't open when I hit F12.<br>
'''Q:''' The console won't open when I hit F12.<br>
'''A:''' If you followed the proper nwjs installation instructions and the console still does not open, you may have to change your Steam screenshot button. Alternatively, you can open the console by Right clicking the game and clicking <code>Inspect</code>.
'''A:''' If you followed the proper nwjs installation instructions and the console still does not open when you press F12, you may have to change your Steam screenshot button. Alternatively, you can open the console by right-clicking the game and clicking <code>Inspect</code>.


'''Q:''' I installed nwjs but nothing works.<br>
'''Q:''' I installed nwjs but nothing works.<br>
454

edits