Choose Settings from the File menu and configure the highlighted settings. As a guide, here are some example settings:
| VASSAL installation: | |
| VASL module: | |
| VASL extensions: | |
| VASL boards: | |
| VASSAL installation: | |
| VASL module: | |
| VASL extensions: | |
| VASL boards: | |
| Java: | Leave this field blank to use the Java that comes with VASSAL (Windows only), or on your PATH.
- |
| Web driver: | |
| Web driver: | |
- geckodriver (you must have Firefox installed)
- Make sure to download the correct version (32- or 64-bit) for your browser (check the About box).+Make sure to get the correct version and type (32- or 64-bit) for your browser (check the About box).
- chromedriver (you must have Chrome installed)
Make sure to download the version that corresponds to the version of Chrome you are running.
Setting up a scenario
-We'll set up The Streets Of Stalingrad, and the scenario card tells us that this is played on Board 1, so fire up VASL, add this board, then save the scenario somewhere (e.g. streets-of-stalingrad.vsav).
+As an example, we'll set up The Streets Of Stalingrad. The scenario card tells us that this is played on Board 1, so fire up VASL, add this board, then save the scenario somewhere (e.g. streets-of-stalingrad.vsav).
-In VASL Templates, open the save file for this scenario (The Streets Of Stalingrad (Scenario C).json; you'll find it in the examples/ directory).
+In VASL Templates, open the save file for this scenario (The Streets Of Stalingrad (Scenario C).json) in the examples/ directory.
Browse through the tabs, and you'll see all the scenario details e.g. Victory Conditions, SSR's, setup instructions.
Click on the info icon in the top-right corner of the Scenario panel to get more detailed information about the scenario.
-We now want to create labels in the VASL scenario for all this information. Choose Update VASL scenario from the menu, and select the VASL scenario file you created earlier (e.g. streets-of-stalingrad.vsav). The program will now launch VASSAL to do the work, so be patient since it may take a minute or two, and you may see VASSAL momentarily appear on-screen.
+We now want to create labels in the VASL scenario for all this information. Choose Update VASL scenario from the menu, and select the VASL scenario file you created earlier (e.g. streets-of-stalingrad.vsav). The program will now launch VASSAL to do the work - be patient, since it may take a minute or two, and you may see VASSAL momentarily appear on-screen.
Once it's done, save the updated .vsav file somewhere. Go back to VASSAL, open the updated .vsav file, and you will see all the labels with the scenario information:
In particular, note the data tables for the vehicles, which contain useful information that you can refer to during your game.
@@ -204,18 +208,18 @@ In particular, note the data tables for the vehicles, which contain useful infor
Adding the scenario details
-We start by entering the basic scenario details, such as its name, location and date. The easiest way to do this is by searching the ASL Scenario Archive.
+We start by entering the basic scenario details, such as its name, location and date. The easiest way to do this is by finding the scenario in the ASL Scenario Archive and loading the information from there.
Click on the search button, enter the name of the scenario, and once you've found the correct one, click on Import to transfer the details into VASL Templates.
If the Downloads button is enabled, this means that somebody has contributed the entire scenario setup and/or VASL save file, and these are available for download.
-Once the scenario details are in, click on one of the Snippet buttons, and the program will generate an HTML snippet and put it into your clipboard, which you can then copy into a VASL label.
+Once the scenario details are in, click on one of the Snippet buttons (
), and the program will generate an HTML snippet and put it into your clipboard, which you can then copy into a VASL label.
To create a label in VASL, open the Draggable Overlays window, and drag a label onto the main window.
Labels come in two parts, which are accessible via the right-click menu, or press Ctrl-L and Ctrl-2 to access each one. I always just use the first line, so I delete everything in line 2. -
The thick black box indicates that the label is selected. If you click elsewhere on the main window, it goes away, and the label will remain in place even if you click on it, or try to drag it. To select it again, Shift-click somewhere in the box, and you will be able to move it around, or edit it. This can sometimes be difficult to find, since it's not visible on-screen, but it will be in the middle (vertically and horizontally) of the label. +
The thick black box indicates that the label is selected. If you click elsewhere on the main window, it goes away, and the label will remain in place even if you click on it, or try to drag it. To select it again, Shift-Click somewhere in the box, and you will be able to move it around, or edit it. This can sometimes be difficult to find, since it's not visible on-screen, but it will be in the middle (vertically and horizontally) of the label.
@@ -224,7 +228,7 @@ Once you have a label in VASL, copy the HTML snippet generated above into it.
-
Automatically adding labels to the VASL scenario
+Automatically adding labels to the VASL scenario
Once you've got the hang of adding labels to your VASL scenario, you can get VASL Templates to do it automatically for you. After entering all the scenario details, choose Update VASL scenario from the menu, select the .vsav file you want to update, and all the labels will be inserted into the scenario (or updated, if they're already there).
Adding victory conditions and SSR's
-Adding the scenario's victory conditions is straight-forward. We're generating HTML snippets, so we can type in things like ≥ to get ≥ in the VASL label.
-
-
-
Note that we explicitly set a width for the snippet (240px), which caused the text to wrap onto a new line. You could also do this by manually inserting <br> tags where you want line-breaks. +Adding the scenario's victory conditions is straight-forward. The content is HTML, but the WYSIWYG editor lets you format things without having to worry about that, or you can click on the angled brackets icon to edit the raw HTML. +
The content in the screenshot on the left will produce a snippet that looks this:
+
+
Note that we explicitly set a width for the snippet (240px), which caused the text to wrap onto a new line. You could also do this by manually inserting <br> tags where you want line-breaks (or press Shift-Enter, if you're in WYSIWYG mode).
@@ -253,32 +257,34 @@ Once they're all in, click on the Snippet button to get a nicely format
Adding each player's OB
-Adding each vehicle and ordnance for each player is just a matter of selecting them from a list, and the generated HTML snippet will produce a table of information for each one (see right). Very handy if you have a menagerie of armor and you're, say, looking for something that can fire Smoke.
-
The scenario date is taken into account when generating these tables e.g. APCR for the Pz IVH is A52, but since the program knows the scenario is set in 1944, it just shows A5. Had the scenario been set in 1941, it wouldn't be shown at all. +Adding the vehicles and ordnance for each player is just a matter of selecting them from a list, and the generated HTML snippet will produce a table of information for each one (see right). Very handy if you have a menagerie of armor and you're, say, looking for something that can fire Smoke. +
The scenario date is taken into account when generating these tables e.g. APCR for the Pz IVH is A524334, but since the program knows the scenario is set in 1944, it just shows A3. Had the scenario been set in 1941, it wouldn't be shown at all.
-Double-click on an entry to make changes to it e.g. because an SSR changes its capabilities, or you'd like to add a note.
+Double-click on an entry to edit it e.g. because an SSR changes its capabilities, or you'd like to add a note.
We can also add ad-hoc notes describing where and how units should setup.
-
Click on the icon in each note to generate its snippet, or Shift-click on it. +
Click on the icon in each note to generate its snippet, or Shift-Click on it.
Finally, if special support weapons such as PF and BAZ are in play, snippets are available with information for them. As with vehicles/ordnance, they are date-aware and update themselves accordingly.
+
-
Analyzing a VASL scenario
+Analyzing a VASL scenario
-If you have already set up the VASL scenario, you can choose Analyze VASL scenario from the menu, and the program will scan the .vsav file for vehicles and ordnance, and automatically create entries for each one. Only counters from the two configured nationalities will be imported, so make sure you set these first. +
If you have already set up the VASL scenario, you can choose Analyze VASL scenario from the menu, and the program will scan the .vsav file for vehicles and ordnance, and automatically create entries for each one. +
so make sure you set these first.
Extra templates
-
Extra templates are also available to generate other kinds of snippets e.g. to keep track of how many PF shots you have left, or to generate a shaded box that can be inserted behind the Turn Track to indicate an LV Hindrance. +
Extra templates are also available to generate other kinds of snippets e.g. to keep track of how many PF shots you have left, or to generate boxes that you can use to hold off-board counters.
Including your own images
@@ -307,9 +313,9 @@ or a width and/or height parameter to explicitly set the image
- Set up the VASL scenario, with the boards and counters. -
- In VASL Templates, search the ASL Scenario Archive, and use it to get your scenario configuration started. +
- In VASL Templates, find the scenario in the ASL Scenario Archive, and use it to get your scenario configuration started.
- Enter the other scenario details e.g. Victory Conditions, SSR's and setup instructions. -
- Analyze the VASL scenario, to automatically create entries for vehicles and ordnance. +
- Analyze your VASL scenario, to automatically create entries for vehicles and ordnance.
- Update the VASL scenario, to automatically create labels for all the scenario details and vehicles/ordnance.
As an added bonus, VASL Templates can also analyze VASL log files, to generate a report on how the game went. Choose Analyze log files from the menu, and add one or more VASL log files.
-
You will be shown a report showing distribution graphs for the dice, and how the dice went over time. You can filter by the type of dice roll (e.g. only Morale Checks or To Kill rolls), as well as change the window size for moving averages. You can even download the data as a CSV, for further analysis! +
You will be shown a report showing distribution graphs for the dice, and how the dice went over time. You can filter by the type of dice roll (e.g. only Morale Checks or To Kill rolls), as well as change the window size for moving averages. You can even download the data as a CSV, for further analysis.
Click on the flaming dice to see how many 2's and 12's each player rolled, as well as Sniper Activations.
-
And if there is more than one log file, you can also drill down into each individual session:
+
If there is more than one log file, you can also drill down into each individual session:
The report also calculates "hotness", which is a measure of how hot your dice were. The more low rolls you make, the higher your hotness score, while rolling high makes it go down.
@@ -341,29 +347,30 @@ The report also calculates "hotness", which is a measure of how hot you
VASL user name
-Configure your VASL user name here, to have it always shown first when analyzing VASL log files. +Configure your VASL user name here, to have it always shown first when analyzing VASL log files.
HTML snippet font
-This setting lets you change the font, and its size, used in VASL labels. +This setting lets you change the font, and its size, used in VASL labels.
Hide unavailable multi-applicable notes
-Turn this on to completely omit vehicle/ordnance multi-applicable notes that haven't been set up (instead of showing them as "unavailable"). +Turn this on to completely omit vehicle/ordnance multi-applicable notes that haven't been set up (instead of showing them as "unavailable").
Confirm settings before updating scenarios
- Turn this on to show the User Settings dialog before updating a VASL scenario. This is useful if you are often creating VASL setups with different settings, and gives you a chance to make sure they are correct.
+Turn this on to show the User Settings dialog before updating a VASL scenario. This is useful if you are often creating VASL setups with different settings, and gives you a chance to make sure they are correct.
Images in scenarios
-Images cannot be stored in a VASL scenario file, so they must stored elsewhere, which means that VASL needs to be told where to get them from: +Images cannot be stored in a VASL scenario file, and so must be stored elsewhere. This means that VASL needs to be told where to get them from:
- From this program: the VASL Templates program must be running before you open the scenario in VASSAL. If you are playing with someone online, they must have the program running as well.
- From the internet: you must have a working internet connection when you open the scenario in VASSAL. There will be a short delay when opening the scenario, as VASSAL downloads the images.
VASSAL can be slow downloading images (which causes the main window to blank out and hang when opening scenarios), so options are provided to disable them.
Show Chapter H vehicle/ordnance notes as images
-If you have set up the Chapter H vehicle/ordnance notes as HTML, it may not be possible to get the layout you want, since VASSAL's HTML engine is very old and doesn't support many HTML/CSS features. To work around this, this option tells VASL Templates to render the HTML itself (using a modern browser) and send it as an image to VASSAL, which is slower but gives better results. -
To optimize this process, the generated images are cached, and if you want to keep these cached images between sessions, configure VO_NOTES_IMAGE_CACHE_DIR in your site.cfg file. To pre-load this cache with all the available images, open http://localhost:5010/load-vo-notes-image-cache in a browser. +If you have set up the Chapter H vehicle/ordnance notes as HTML, it may not be possible to get the layout you want, since VASSAL's HTML engine is very old and doesn't support many HTML/CSS features. To work around this, this option tells VASL Templates to render the HTML itself (using a modern browser) and send it as an image to VASSAL, which is slower but gives better results. +
To optimize this process, the generated images are cached. If you want to pre-load this cache with all the available images, open http://localhost:5010/load-vo-notes-image-cache in a browser. @@ -371,7 +378,7 @@ The report also calculates "hotness", which is a measure of how hot you
It is possible to include Chapter H notes in your VASL scenarios, but since this is copyrighted material, the data files are not included in releases, and you will need to set them up yourself. +
VASL Templates can be configured to include Chapter H notes in your VASL scenarios, but since this is copyrighted material, the data files are not included in releases, and you will need to set them up yourself.
Setting up the Chapter H data files
@@ -386,11 +393,11 @@ The report also calculates "hotness", which is a measure of how hot you 
The vehicle and ordnance notes themselves are stored as image files, so you need to scan your Chapter H pages, and crop each individual note. For example, an image for the German PSW 234/1 can be seen to the left. Right-click on it, download it, and save it on top of german/vehicles/74.png (because it's note #74).
+
The vehicle and ordnance notes themselves are stored as image files, so you need to scan your Chapter H pages, and crop each individual note. For example, an image for the German PSW 234/1 can be seen to the left - download and save it on top of german/vehicles/74.png (because it's note #74).
Note that the HTML engine used by VASSAL is ancient and doesn't support floating images, which is needed to format this content in the same way as the ASLRB. To work around this, an option is provided (in the User Settings) to show these vehicle/ordnance notes as images. If this is enabled, the vehicle/ordnance notes will be rendered by the VASL Templates program (using a modern browser), and sent to VASSAL as an image, which is slower but gives the expected layout. If you don't use images in your HTML, you can leave this option disabled, and the raw HTML will be inserted into the VASL scenario, where it will be displayed much more quickly by VASSAL. +
Unfortunately, the HTML engine used by VASSAL is ancient and doesn't support floating images, which is needed to format this content in the same way as the ASLRB. To work around this, an option is provided (in the User Settings) to show these vehicle/ordnance notes as images. If this is enabled, the vehicle/ordnance notes will be rendered by the VASL Templates program (using a modern browser), and sent to VASSAL as an image, which is slower but gives the expected layout. If you don't use images in your HTML, you can leave this option disabled, and the raw HTML will be inserted into the VASL scenario, where it will be displayed much more quickly by VASSAL.
Creating a scenario reference sheet
-If you Shift-click on the Snippet buttons, an image of the snippet will be copied to the clipboard, instead of the raw HTML snippet. You can then copy these into Microsoft Word (or any other editor that can accept images), and print it out, to get a reference sheet with all the Chapter H notes for a scenario. Very handy, even if you're not using VASL! -
If you Shift-Click on the Snippet buttons, an image of the snippet will be copied to the clipboard, instead of the raw HTML snippet. You can then copy these into Microsoft Word (or any other editor that can accept images), and print it out, to get a reference sheet with all the Chapter H notes for a scenario. Very handy, even if you're not using VASL! +
Template packs
-If you want to customize how the HTML snippets are generated, you could just edit the files directly, but the down-side of doing this is that if you install a new version of the program, you will lose your changes. +
If you want to customize how the HTML snippets are generated, you could just edit the template files directly, but the down-side of doing this is that if you install a new version of the program, you will lose your changes.
A better way is to create your own set of template files, ZIP them up and load it as a template pack.
If you're running the desktop application, you can specify the template pack to start with, so that you don't have to manually upload it each time i.e. @@ -525,6 +532,8 @@ vasl-template.exe --template-pack my-template-pack.zip You can specify a ZIP file, or the directory containing the files (probably easier). +
+
When you're writing a new template file, it would be painful to have to ZIP up and upload a new template pack every time you made a change, so you can edit templates directly within the program (see screenshot).
Changes you make are live i.e. they will take effect immediately, but note that there is no way to save your changes, so once you're happy with how the template is working, you need to copy it out and save it somewhere. @@ -557,25 +566,25 @@ pytest --webdriver chrome --headless
Running the test suite
The test suite communicates with the web server being tested using gRPC, which runs over a socket. To configure this port, rename the provided debug.cfg.example file to debug.cfg, and configure it there (or use -1 to have one automatically assigned.). -
You should also provide at least one installation of VASSAL, and at least one VASL .vmod file. If there are multiple installations of VASSAL and/or VASL, the tests will be run against each combination thereof. +
You should also provide at least one installation of VASSAL, and at least one VASL .vmod file. If there are multiple installations of either, the tests will be run against each combination thereof.
Compiling the VASSAL shim
The program uses VASSAL to update VASL scenarios (.vsav files), and since this is written in Java, a helper program has been written in Java to do this. -
To compile the program, go to the $/vassal-shim directory and type: +
To compile the program, go to the $/vassal-shim directory and run the following command:
Since this program doesn't change very often, the resulting artifact (vassal-shim.jar) is checked into source control, so that it can be used without needing to install a JDK and compiling it first. +where VASSAL_DIR points to VASSAL's lib/ directory (because the program needs Vengine.jar). +
Since this program doesn't change very often, the resulting artifact (vassal-shim.jar) is checked into source control, so that it can be used directly, without needing to install a JDK and compiling it first.
Code lint'ing
Python code is checked using pylint (installed during the pip install above), which should be run from the root directory of the repo. -
Javascript is checked using jshint, run using Rhino, both of which need to be installed manually. Then, set the JSHINT_RHINO environment variable to point to the script that will run jshint using Rhino e.g. +
Javascript is checked using jshint, run using Rhino, both of which need to be installed manually. Set the JSHINT_RHINO environment variable to point to the script that will run jshint using Rhino e.g.