Fixed images, little README update

Author: HunterBarclay

tutorials/.gitignore

@@ -1,2 +1,2 @@
-FusionExporterCodelab/
-CodeSimulationCodelab/
+out/
+

tutorials/ConfigMode.md

@@ -13,7 +13,11 @@ feedback link: https://github.com/Autodesk/synthesis/issues
 
 Configure Mode allows you to change and fine tune aspects of your robot to better test and simulate its behavior on the field. Configure Mode is available in both Practice and Match Modes and is accessible via the side panel.
 
+<<<<<<< Updated upstream
 [<img src="img/synthesis/config-mode.png" alt="image" width="50%" height="50%"/>](img/synthesis/config-mode.png)
+=======
+![image_caption](img/synthesis/config-mode.png)
+>>>>>>> Stashed changes
 
 In each configuration panel, you will be able to cancel and save your modifications. You will also be given the option to `Session Save`, saving your changes until you quit the session. If you want the changes you make to that robot to be saved permanently, hit the `Save` button on the far right.
 
@@ -33,7 +37,7 @@ Similarly to pickup configuration, you’re able to move your ejection path in t
 
 Motor configuration allows you to modify the motors on your robot. Using the slide bars assigned to each motor, you can adjust the target velocity accordingly.
 
-[<img src="img/synthesis/motor-config.png" alt="image" width="50%" height="50%"/>](img/synthesis/motor-config.png)
+![image_caption](img/synthesis/motor-config.png)
 
 <sub>Pictured here are the motors on Team 2471's 2018 robot.</sub>
 
@@ -44,7 +48,7 @@ Motor configuration allows you to modify the motors on your robot. Using the sli
 
 In drivetrain configuration, you can change the drivetrain your robot uses, which can then be adjusted in motor configuration and controls.
 
-[<img src="img/synthesis/change-drivetrain-panel.png" alt="image" width="50%" height="50%"/>](img/synthesis/change-drivetrain-panel.png)
+![image_caption](img/synthesis/change-drivetrain-panel.png)
 
 The drivetrains available on Synthesis are as the following:
 

tutorials/FusionExporter.md

@@ -19,15 +19,15 @@ For information regarding the manual install process visit the [Synthesis Fusion
 
 After installing Synthesis, the exporter addin should automatically start up when you open Fusion 360 (given that it was selected during the Synthesis install process). Navigate to the Utilities tab and you should see a Synthesis button.
 
-[<img src="img/fusion/exporter-button.png" alt="image" width="50%" height="50%"/>](img/fusion/exporter-button.png)
+![image_caption](img/fusion/exporter-button.png)
 
 After clicking the button, a panel will open up. This is the exporter. In this panel, you can provide us with most of the extra data we need to properly simulate your robot or field in Synthesis.
 
-[<img src="img/fusion/exporter-panel.png" alt="image" width="50%" height="50%"/>](img/fusion/exporter-panel.png)
+![image_caption](img/fusion/exporter-panel.png)
 
 ### General Tab
 
-[<img src="img/fusion/exporter-general.png" alt="image" width="50%" height="50%"/>](img/fusion/exporter-general.png)
+![image_caption](img/fusion/exporter-general.png)
 
 This is where you will do most of your configuring. Here is a basic overview of the options you will find in the general tab.
 
@@ -50,7 +50,7 @@ Notes:
 
 ### Advanced Tab
 
-[<img src="img/fusion/exporter-advanced.png" alt="image" width="50%" height="50%"/>](img/fusion/exporter-advanced.png)
+![image_caption](img/fusion/exporter-advanced.png)
 
 The advanced tab has some optional toggles for disabling / enabling some more advanced features. If your not confident in your ability with the Synthesis exporter, it is recommended that you leave these options alone.
 

tutorials/Makefile

@@ -2,26 +2,28 @@
 
 all: FusionExporter CodeSimulation ConfigMode PracticeMode MatchMode ReplayMode RobotBuilder Utilities
 
+OUTPUT_DIRECTORY := ./out/
+
 FusionExporter:
-	claat export -o ./ FusionExporter.md
+	claat export -o $(OUTPUT_DIRECTORY) FusionExporter.md
 
 CodeSimulation:
-	claat export -o ./ CodeSimulation.md
+	claat export -o $(OUTPUT_DIRECTORY) CodeSimulation.md
 
 ConfigMode:
-	claat export -o ./ ConfigMode.md
+	claat export -o $(OUTPUT_DIRECTORY) ConfigMode.md
 
 MatchMode:
-	claat export -o ./ MatchMode.md
+	claat export -o $(OUTPUT_DIRECTORY) MatchMode.md
 
 PracticeMode:
-	claat export -o ./ PracticeMode.md
+	claat export -o $(OUTPUT_DIRECTORY) PracticeMode.md
 
 ReplayMode:
-	claat export -o ./ ReplayMode.md
+	claat export -o $(OUTPUT_DIRECTORY) ReplayMode.md
 
 RobotBuilder:
-	claat export -o ./ RobotBuilder.md
+	claat export -o $(OUTPUT_DIRECTORY) RobotBuilder.md
 
 Utilities:
-	claat export -o ./ Utilities.md
+	claat export -o $(OUTPUT_DIRECTORY) Utilities.md

tutorials/MatchMode.md

@@ -17,15 +17,15 @@ Match Mode is a new mode in Synthesis that allows you to simulate a FIRST match
 
 After opening Synthesis, select Single Player. There, you should be able to choose between Practice Mode and Match Mode.
 
-<img src="img/synthesis/choose-mode-modal.png" alt="image" width="50%" height="50%"/>
+![image_caption](img/synthesis/choose-mode-modal.png)
 
 ### Preparing a Match
 
 Once Match Mode is selected, you will be able to choose your robots for each alliance, as well as a field. 
 
 Next, you will be able to view your selected field and set the spawn locations for each robot. You can spawn your robots anywhere within the field by selecting each robot and clicking on the location.
 
-<img src="img/synthesis/match-mode-setup.png" alt="image" width="50%" height="50%"/>
+![image_caption](img/synthesis/match-mode-setup.png)
 
 ## Scoring Zones
 
@@ -40,15 +40,15 @@ After setting your robot’s spawning locations, you can place down scoring zone
 * Persistent Points:
   * Points earned remain even when the game piece leaves the scoring zone.
 
-<img src="img/synthesis/match-mode-scoring.png" alt="image" width="50%" height="50%"/>
+![image_caption](img/synthesis/match-mode-scoring.png)
 
 ### Beginning a Match
 
 Once you have set your scoring zones, the match will begin. There is a 15 second phase meant to mirror autonomous mode, followed by the 135 second tele-op period. Each phase is marked with FRC field audio.
 
 At the end of the match, you will get a panel showing the points earned. Here, you have the option to exit out of match mode, restart the match, or reconfigure the match with different bots or a different field.
 
-<img src="img/synthesis/match-mode-results.png" alt="image" width="50%" height="50%"/>
+![image_caption](img/synthesis/match-mode-results.png)
 
 ## Need More Help?
 

tutorials/PracticeMode.md

@@ -25,7 +25,7 @@ View refers to your camera view. In Synthesis, there are four types for you to c
 - **Overview**: Overview is a static camera pointed down at the field. Use scroll to zoom in and out.
 - **Driver Station**: A camera view meant to mimic a driver’s view from the Driver station. Use right click and WASD to position the camera, and scroll to zoom. This view is similar to Freecam, but always points towards your robot.
 
-[<img src="img/synthesis/view-panel.png" alt="image" width="50%" height="50%"/>](img/synthesis/view-panel.png)
+![image_caption](img/synthesis/view-panel.png)
 
 ## Configure
 
@@ -37,7 +37,7 @@ To download preloaded robots and fields, open Download Assets and select which m
 
 If this is the first time you are running Synthesis, you won’t be able to spawn anything without downloading the models first.
 
-[<img src="img/synthesis/asset-downloader.png" alt="image" width="50%" height="50%"/>](img/synthesis/asset-downloader.png)
+![image_caption](img/synthesis/asset-downloader.png)
 
 ## Scoring Zones
 

tutorials/README.md

@@ -20,7 +20,11 @@ or
 
 or
 
-`make TUTORIAL` 
+`make [tutorial]`
+
+#### Make Script
+
+Using the make script will dump all the resulting codelabs into an `out/` directory.
 
 ## Usage
 

tutorials/ReplayMode.md

@@ -13,7 +13,7 @@ Replay Mode is a feature that allows you to rewind the **last 5 seconds of game
 
 By hitting `Tab` on your keyboard, a slider will show up on the bottom of your screen.  You can pull the slider in either direction to replay your simulation. Hit `Tab` again to close out of Replay Mode.
 
-[<img src="img/synthesis/replay-mode.png" alt="image" width="50%" height="50%"/>](img/synthesis/replay-mode.png)
+![image_caption](img/synthesis/replay-mode.png)
 
 ## Need More Help?
 

tutorials/RobotBuilder.md

@@ -13,7 +13,7 @@ feedback link: https://github.com/Autodesk/synthesis/issues
 
 Robot Builder is a new feature in Synthesis that lets you import parts to put together a custom robot, without having to CAD and export a full model from an external software.
 
-[<img src="img/synthesis/robot-builder.png" alt="image" width="50%" height="50%"/>](img/synthesis/robot-builder.png)
+![image_caption](img/synthesis/robot-builder.png)
 
 ## Part Editor
 
@@ -25,7 +25,7 @@ In Download Assets, you can download preloaded part files to use in Part Editor.
 
 Once you enter Part Editor, a panel will open up. In this panel, you can add and remove connection points. These will act as the joint for your part.
 
-[<img src="img/synthesis/robot-editor-1.png" alt="image" width="50%" height="50%"/>](img/synthesis/robot-editor-1.png)
+![image_caption](img/synthesis/robot-editor-1.png)
 
 When the connection point is selected on the panel, you’ll be able to move and place the connection point as you see fit as well as orient the way an attached part will face by rotating the point. 
 
@@ -35,7 +35,7 @@ The large arrow is an indicator of which way the attached part will face.
 
 In Robot Editor, you’re able to use the parts created in Part Editor to put together a robot. Just press Add and select the part you want to use.
 
-[<img src="img/synthesis/robot-editor-2.png" alt="image" width="50%" height="50%"/>](img/synthesis/robot-editor-2.png)
+![image_caption](img/synthesis/robot-editor-2.png)
 
 Once you have the parts loaded in, use the panel to select a part you want to join. If a part has multiple connection points, you can choose which one to attach your second part to by moving your cursor over the point.
 

tutorials/Utilities.md

@@ -18,17 +18,15 @@ Multibot is a feature that allows you to switch between different robots that yo
 have on the field. It also allows you to load in additional bots, or remove
 unwanted ones.
 
-[<img src="img/synthesis/multibot.png" alt="image" width="50%" height="50%"/>](img/synthesis/multibot.png)
+![image_caption](img/synthesis/multibot.png)
 
 ## God Mode
 
 When you open up the control panel, there is a keybind for something called `God Mode`. 
 When `G` is held (or whichever key you choose) you have the ability to pick up and drag any dynamic / movable object, including the robot.  
 
-<p align="center">
-    <a>[<img src="img/synthesis/settings-panel.png" alt="image" width="49.5%" height="50%"/>](img/synthesis/settings-panel.png)</a>
-    <a>[<img src="img/synthesis/god-mode-dragging.png" alt="image" width="49.5%" height="50%"/>](img/synthesis/god-mode-dragging.png)</a>
-</p>
+![image_caption](img/synthesis/god-mode-dragging.png)
+![image_caption](img/synthesis/settings-panel.png)
 
 <sub>Pictured here is a robot being dragged while in *God Mode*.</sub>
 
@@ -46,7 +44,7 @@ Synthesis’ settings panel lets you calibrate your screen size, image quality,
 
 Theme Editor is a new feature that allows you to choose between preset themes, as well as create your own custom ones.
 
-[<img src="img/synthesis/theme-editor.png" alt="image" width="50%" height="50%"/>](img/synthesis/theme-editor.png)
+![image_caption](img/synthesis/theme-editor.png)
 
 ## Need More Help?