RainingChain Wikia
Tag: Visual edit
No edit summary
Line 1: Line 1:
 
== Required Files ==
 
== Required Files ==
 
*[https://code.visualstudio.com/ Visual Studio Code]
 
*[https://code.visualstudio.com/ Visual Studio Code]
*[http://www.mediafire.com/file/7ys965wvv663bay/rce-0.0.1.vsix Raining Chain Editor] (rce-0.0.1.vsix)
+
*[https://www.mediafire.com/file/f5mf4qs9e528yab/rce-1.0.2.vsix/file Raining Chain Editor] (rce-1.0.2.vsix)
*[http://www.mediafire.com/file/9uyu472y00jn297/rainingchain-1.0.0.zip Raining Chain Game] (rainingchain-1.0.0.zip)
 
 
*[http://www.mapeditor.org/ Map Editor]
 
*[http://www.mapeditor.org/ Map Editor]
*[https://nodejs.org/en/download/releases/ Node.js] (Version v6.10.0)
+
*[https://nodejs.org/en/download/releases/ Node.js]
   
 
== Steps ==
 
== Steps ==
<br clear="all" />
 
[[File:How to Install the Raining Chain Editor|thumb|left|335 px]]
 
 
<br clear="all" />
 
<br clear="all" />
 
#Download all the required files.
 
#Download all the required files.
 
#Install Visual Studio Code, the map editor Tiled and Node.js.
 
#Install Visual Studio Code, the map editor Tiled and Node.js.
#Open Visual Studio Code and install the Raining Chain Editor extension (rce-X.X.X.vsix) via "Install from VSIX...".<br clear="all" />[[File:RCE_InstallExtensionOffline.png|left|thumb]]<br clear="all" />
+
#Open Visual Studio Code and install the Raining Chain Editor extension (rce-X.X.X.vsix) via "Install from VSIX...".<br clear="all" />[[File:RCE_InstallExtensionOffline_v2.png|left|thumb]]<br clear="all" /> 
 
#Restart Visual Studio Code.
 
#Restart Visual Studio Code.
#Unzip Raining Chain Game (rainingchain-X.X.X.zip)
+
#Open the Raining Chain Editor Dashboard
  +
<br clear="all" />[[File:RCE_OpenDashboard.png|left|thumb]]<br clear="all" />
#In the unzipped folder, open the file package.json. Replace the line "uws": "^0.14.1", with the line "uws": "^10.148.1",
 
  +
<br clear="all" />[[File:RCE_Dashboard.png|left|thumb]]<br clear="all" />
#In Visual Studio Code, File->Open Folder and select the Raining Chain Game folder.
 
  +
#Create a new map/side quest/quest or copy an existing one.
#Restart Visual Studio Code. A message should ask to install the node modules. Accept.
 
  +
#Try it out by pressing the Test button at the top of the project file.
#*Alternatively, open a terminal and type "npm install".
 
  +
<br clear="all" />[[File:RCE_TestMap.png|left|thumb]]<br clear="all" />
#*Note: "UNMET PEER DEPENDENCY stream-browserify" error is normal. Ignore it.
 
  +
  +
  +
== Video Tutorial (Sightly Outdated) ==
 
<br clear="all" />
 
[[File:How to Install the Raining Chain Editor|thumb|left|335 px]]
  +
   
== Testing ==
 
To verify if the installation worked:
 
#Start the server by opening the command list (Ctrl+Shift+P) and selecting "RCE: Start Server".
 
#Open Google Chrome and go to localhost:3000/game. The game login screen should appear.
 
#Create a new account and signs in.
 
#To close the server, press CTRL+C in the Visual Studio Code shell.
 
   
 
== Troubleshooting ==
 
== Troubleshooting ==

Revision as of 21:23, 23 December 2018

Required Files

Steps


  1. Download all the required files.
  2. Install Visual Studio Code, the map editor Tiled and Node.js.
  3. Open Visual Studio Code and install the Raining Chain Editor extension (rce-X.X.X.vsix) via "Install from VSIX...".
    RCE InstallExtensionOffline v2

     
  4. Restart Visual Studio Code.
  5. Open the Raining Chain Editor Dashboard


RCE OpenDashboard



RCE Dashboard


  1. Create a new map/side quest/quest or copy an existing one.
  2. Try it out by pressing the Test button at the top of the project file.


RCE TestMap



Video Tutorial (Sightly Outdated)


How_to_Install_the_Raining_Chain_Editor

How to Install the Raining Chain Editor


Troubleshooting

If you have problems installing the Raining Chain Editor, come get help on the Discord channel.

What's Next?

Check the Quest Creation page for guides about using the Raining Chain Editor.