StormVue GEN-3 manual setup (from scratch)

👉 NOTE! For a more beginner friendly setup option, try the Setup Wizard instead.


1. Download and install StormVue version 3.

2. In Windows Start menu, Astrogenic Systems shortcut group, find and click StormVue V3 Web Files shortcut.

3. Upload the entire stormvue folder to your website or web server.

4. Using an FTP client or file manager, create two new subdirectories in stormvue directory: data/ and maps/. 


The stormvue directory contents on your website should now look like this:



5. Creating background maps is easy to do in NexStorm if you have the CVM vector map option installed. Please refer to NexStorm user manual page 16 and the Map snapshot feature for details. Export the map images as PNG and select the appropriate image size for your StormVue GEN-3 installation. StormVue GEN-3 supports any image size so the criteria should be that the map size fits your web page design boundaries.


For demonstration purposes the included index.html page is used which has a width and height of 500x400 pixels. In this case the NexStorm Map snapshot image size should be set to 500.


👉 NOTE! While background map images must be square shaped (all sides are equal length) in order for StormVue GEN-3 to be able to correctly compute map boundary coordinates, the app does support asymmetric viewports.  For example, if a map image size is 500x500 pixels, StormVue GEN-3 viewport can via HTML parameters be configured to e.g. 500x400 pixels, making the viewport width 100 pixels greater than the height. The excess 100 pixels in height are automatically cropped by the app. StormVue GEN-3 viewport width and height are configured in HTML by modifying the following tag:


      <canvas id="stormvue-window" width="500" height="400"></canvas>


6. Upload your maps to stormvue/maps/ directory.


7. Edit config.json and enter your custom settings. See here for how to setup config.json from scratch, or here if  you are migrating from the StormVue NXG Flash applet.


Once done editing, save and upload config.json to the stormvue/cfg/ subdirectory on your website or web server.


8. In StormVue Data Server version 3, change FTP Settings->Target directory to point to your new stormvue/data/ subdirectory. Click Stop then Start button to allow the change to take effect.


9. Open index.html page on your website in a web browser and enjoy!



If the app doesn't load make sure your computer has a GPU (graphics card that supports OpenGL hardware accelerated graphics) and that you are using a modern web browser such as Microsoft Edge, Chrome or FireFox.


🔥 TIP! Press F12 key while in your web browser and look under Console output for errors or other clues on what might have gone wrong. If you need assistance visit our support forum and start a new topic. Describe your problem and always include a link to your web page plus any relevant info from the Console output.


👽 Please observe that our support does not cover teaching HTML, generic web site configuration subjects or design issues. There are numerous online resources available that can help you learn HTML, JSON and other relevant topics.