IMAGE REDUCTION PNG TO JPEG, RESIZED REPO FOR GITBOOK.COM

01_Introduction/1-1_what_is_visual_programming.md

@@ -5,7 +5,7 @@ Designing frequently involves establishing visual, systemic, or geometric relati
 ###Algorithms in Hand
 While offering some powerful opportunities, the term **Algorithm** can carry some misconceptions with it. Algorithms can generate unexpected, wild, or cool things, but they are not magic. In fact, they are pretty plain, in and of themselves. Let's use a tangible example like an origami crane. We start with a square piece of paper (input), follow a series of folding steps (processing actions), and result in a crane (output).
 
-![Origami Crane](images/1-1/00-OrigamiCrane.png)
+![Origami Crane](images/1-1/00-OrigamiCrane.jpg)
 
 So where is the Algorithm? It is the abstract set of steps, which we can represent in a couple of ways - either textually or graphically.
 
@@ -27,7 +27,7 @@ paper, coloured side up. Fold in half and open. Then fold in half the other way.
 
 **Graphical Instructions:**
 
-![Needs Update- Origami Crane](images/1-1/01-OrigamiCraneInstructions.png)
+![Needs Update- Origami Crane](images/1-1/01-OrigamiCraneInstructions.jpg)
 
 ###Programming Defined
 Using either of these sets of instructions should result in a crane, and if you followed along yourself, you've applied an algorithm. The only difference is the way in which we read the formalization of that set of instructions and that leads us to **Programming**. Programming, frequently shortened from *Computer Programming*, is the act of formalizing the processing of a series of actions into an executable program. If we turned the above instructions for a creating crane into a format our computer can read and execute, we are Programming.
@@ -43,7 +43,7 @@ If your answer contained graphics, then **Visual Programming** is definitely for
 
 **Visual Program:**
 
-![Basic Visual Program ](images/1-1/03-BasicVisualProgram.png)
+![Basic Visual Program ](images/1-1/03-BasicVisualProgram.jpg)
 
 **Textual Program:**
 ```
@@ -56,7 +56,7 @@ myCircle = Circle.ByCenterPointRadius(myPoint,dist);
 ```
 The results of our algorithm:
 
-![Circle Through Point ](images/1-1/04-CircleThroughPoint.png)
+![Circle Through Point ](images/1-1/04-CircleThroughPoint.jpg)
 
 The visual characteristic to programming in such a way lowers the barrier to entry and frequently speaks to designers. Dynamo falls in the Visual Programming paradigm, but as we will see later, we can still use textual programming in the application as well.
 

01_Introduction/1-2_what_is_dynamo.md

@@ -5,25 +5,25 @@ Dynamo is, quite literally, what you make it. Working with Dynamo may include us
 Dynamo, the application, is a software that can be downloaded and run in either stand-alone "Sandbox" mode or as a plug-in for other software like Revit or Maya. It is described as:
 > A visual programming tool that aims to be accessible to both non-programmers and programmers alike. It gives users the ability to visually script behavior, define custom pieces of logic, and script using various textual programming languages.
 
-![Dyanmo website-update number](images/1-2/00-DynamoHomepage.png)
+![Dyanmo website-update number](images/1-2/00-DynamoHomepage.jpg)
 > 1. See Dynamo in action with Revit
 2. Download the installer
 
 ###The Process
 Once we've installed the application, Dynamo will enable us to work within a Visual Programming process wherein we connect elements together to define the relationships and the sequences of actions that compose custom algorithms. We can use our algorithms for a wide array of applications - from processing data to generating geometry - all in realtime and without writing a lick of ```code```.
 
-![A Visual Program](images/1-2/01-ProgramFlow.png)
+![A Visual Program](images/1-2/01-ProgramFlow.jpg)
 > Add elements, connect, and we are off and running with creating Visual Programs.
 
 ###The Community
 Dynamo wouldn't be what it is without a strong group of avid users and active contributors. Engage the community by following the Blog, adding your work to the Gallery, or discussing Dynamo in the Forum.
 
-![The Forum](images/1-2/02-Community.png)
+![The Forum](images/1-2/02-Community.jpg)
 
 ###The Platform
 Dynamo is envisioned as a visual programming tool for designers, allowing us to make tools that make use of external libraries or any Autodesk product that has an API. With Dynamo Studio we can can develop programs in a "Sandbox" style application - but the Dynamo ecosystem continues to grow.
 
 The source code for the project is open-source, enabling us to extend its functionality to our hearts content. Check out the project on Github and browse the Works in Progress of users customizing Dynamo.
 
-![The Repo](images/1-2/03-TheRepo.png)
+![The Repo](images/1-2/03-TheRepo.jpg)
 > Browse, Fork, and start extending Dynamo for your needs

01_Introduction/1_introduction.md

@@ -2,4 +2,4 @@
 
 From its origins as an add-on for Building Information Modeling in Revit, Dynamo has matured to become many things. Above all else it is a platform, enabling designers to explore visual programming, solve problems, and make their own tools. Let's start our journey with Dynamo by setting some context - what is it and how do I approach using it?
 
-![Dynamo Ecosystem](images/1/1-cover.png)
+![Dynamo Ecosystem](images/1/1-cover.jpg)

02_Hello-Dynamo/2-1_launching_dynamo.md

@@ -6,14 +6,14 @@ Dynamo is an active open-source development project with downloadable installers
 
 To download the official released version of Dynamo, visit the [Dynamo website](http://dynamobim.com/). Start the download immediately by clicking from the homepage or browse to the dedicated download page.
 
-![website homepage](images/2-1/01-DynamoHomepage.png)
+![website homepage](images/2-1/01-DynamoHomepage.jpg)
 
 > 1. Watch a video on Computational Design with Dynamo for Architecture
 > 2. Or browse to the download page
 
 Here you can download the "bleeding edge" development versions or go to the [Dynamo Github](https://github.com/DynamoDS/Dynamo) project.
 
-![website downloads page](images/2-1/02-DynamoDownload.png)
+![website downloads page](images/2-1/02-DynamoDownload.jpg)
 
 > 1. Download the official release installer
 > 2. Download the daily build installers
@@ -23,7 +23,7 @@ Here you can download the "bleeding edge" development versions or go to the [Dyn
 
 Browse to the directory of the downloaded installer and run the executable file. During the installation process, the setup allows you to customize the components that will be installed.
 
-![Setup Window](images/2-1/03-InstallSetup.png)
+![Setup Window](images/2-1/03-InstallSetup.jpg)
 
 > 1. Select the Components you want to install
 
@@ -33,7 +33,7 @@ Here we need to decide if we want to include the components that connect Dynamo
 
 To launch Dynamo, browse to the Windows Start Menu > Dynamo > **Dynamo**. This will open the stand-alone version and present Dynamo's _Start Page_. On this page, we see the standard menus and toolbar as well as a collection of shortcuts that allow us to access file functionality or access additional resources.
 
-![NEEDS UPDATE - labels Dynamo start page](images/2-1/04-DynamoStartpage.png)
+![NEEDS UPDATE - labels Dynamo start page](images/2-1/04-DynamoStartpage.jpg)
 
 > 1. Files - Start a new file or open an existing one
 > 2. Recent - Scroll through your recent files
@@ -44,7 +44,7 @@ To launch Dynamo, browse to the Windows Start Menu > Dynamo > **Dynamo**. This w
 
 Open the first sample file to open your first workspace and confirm Dynamo is working correctly. Click Samples > Basics > **Basics\_Basic01.dyn**.
 
-![NEEDS UPDATE - Basics_Basic01](images/2-1/05-Basics_Basic01.png)
+![NEEDS UPDATE - Basics_Basic01](images/2-1/05-Basics_Basic01.jpg)
 
 > 1. Confirm that the Execution Bar says "Automatic" or click Run
 > 2. Follow the instructions and connect the **Number** Node to the **+** Node

02_Hello-Dynamo/2-2_the_dynamo_ui.md

@@ -2,7 +2,7 @@
 
 The User Interface (UI) for Dynamo is organized into five main regions, the largest of which is the workspace where we compose our visual programs.
 
-![User Interface Regions](images/2-2/01-UI-Regions.png)
+![User Interface Regions](images/2-2/01-UI-Regions.jpg)
 
 >1. Menus
 2. Toolbar
@@ -16,7 +16,7 @@ Let's dive deeper into the UI and explore the functionality of each region.
 
 The Dropdown Menus are a great place to find some of the basic functionality of the Dynamo application. Like most Windows software, actions related to managing files and operations for selection and content editing are found in the first two menus. The remaining menus are more specific to Dynamo.
 
-![Dropdown Menus](images/2-2/02-Menus.png)
+![Dropdown Menus](images/2-2/02-Menus.jpg)
 > 1. File
 2. Edit
 3. View
@@ -28,7 +28,7 @@ The Dropdown Menus are a great place to find some of the basic functionality of
 
 Dynamo's Toolbar contains a series of buttons for quick access to working with files as well as Undo [Ctrl + Z] and Redo [Ctrl + Y] commands. On the far right is another button that will export a snapshot of the workspace, which is extremely useful for documentation and sharing.
 
-![Needs Update-split location Toolbar](images/2-2/03-Toolbar.png)
+![Needs Update-split location Toolbar](images/2-2/03-Toolbar.jpg)
 
 > 1. New - Create a new .dyn file
 2. Open - Open an existing .dyn (workspace) or .dyf (custom node) file
@@ -45,7 +45,7 @@ By default, the **Library** will contain eight categories of Nodes. **Core** and
 
 > We will focus on the default collection of Nodes now, but note that we will extend this Library with Custom Nodes, additional libraries, and the Package Manager later.
 
-![NEEDS UPDATE-full width - Library Categories](images/2-2/04-LibraryCategories.png)
+![NEEDS UPDATE-full width - Library Categories](images/2-2/04-LibraryCategories.jpg)
 >1. Analyze
 2. Built-in Functions
 3. Core
@@ -56,7 +56,7 @@ By default, the **Library** will contain eight categories of Nodes. **Core** and
 
 Browse the Library by clicking through the menus. Click the Geometry > Circle. Note the new portion of the menu that is revealed and specifically the **Create** and **Query** Labels.
 
-![NEEDS UPDATE-use full width - Browsing the Library](images/2-2/05-LibraryBrowsing.png)
+![NEEDS UPDATE-use full width - Browsing the Library](images/2-2/05-LibraryBrowsing.jpg)
 >1. Library
 2. Category
 3. Subcategory: Create/Actions/Query
@@ -65,7 +65,7 @@ Browse the Library by clicking through the menus. Click the Geometry > Circle. N
 
 From the same Circle menu, hover your mouse over **ByCenterPointRadius**. The window reveals more detailed information about the Node beyond its name and icon. This offers us a quick way to understand what the Node does, what it will require for inputs, and what it will give as an output.
 
-![Node Pop Up Window](images/2-2/06-NodePopup.png)
+![Node Pop Up Window](images/2-2/06-NodePopup.jpg)
 >1. Description - plain language description of the Node
 2. Icon - larger version of the icon in the Library Menu
 3. Input(s) - name,  data type, and data structure
@@ -74,7 +74,7 @@ From the same Circle menu, hover your mouse over **ByCenterPointRadius**. The wi
 #####Searching
 If you know with relative specificity which Node you want to add to your Workspace, the **Search** field is your best friend. When you are not editing settings or specifying values in the Workspace, the cursor is always present in this field. If you start typing, the Dynamo Library will reveal a selected best fit match (with breadcrumbs for where it can be found in the Node categories) and a list of alternate matches to the search. When you hit Enter, or click on the item in the truncated browser, the highlighted Node is added to the center of the Workspace.
 
-![Searching the Library](images/2-2/07-LibrarySearching.png)
+![Searching the Library](images/2-2/07-LibrarySearching.jpg)
 >1. Search Field
 2. Best Fit Result / Selected
 3. Alternate Matches
@@ -84,7 +84,7 @@ From geometric to user settings, these options can be found in the **Settings**
 
 > Note: Remember that Dynamo's units are generic.
 
-![show menu](images/2-2/08-Settings.png)
+![show menu](images/2-2/08-Settings.jpg)
 
 >1. Enabling Reporting - Options for sharing user data to improve Dynamo.
 2. Number Format Options - Change the document settings for decimals.
@@ -97,7 +97,7 @@ From geometric to user settings, these options can be found in the **Settings**
 ###Help
 If you're stuck, check out the **Help** Menu. Here you can find the sample files that come with your installation as well as access one of the Dynamo reference websites through your internet browser. If you need to, check the version of Dynamo installed and whether it is up to date through the **About** option.
 
-![show menu](images/2-2/09-Help.png)
+![show menu](images/2-2/09-Help.jpg)
 
 >1. Getting Started - A brief introduction to using Dynamo.
 2. Samples - Reference example files.

02_Hello-Dynamo/2-3_the_workspace.md

@@ -4,7 +4,7 @@ The Dynamo **Workspace** is where we develop our visual programs, but it's also
 
 > Note: Nodes and geometry have a draw order so you may have objects rendered on top of each other. This can be confusing when adding multiple nodes in sequence as they may be rendered in the same position in the Workspace.
 
-![Workspace Regions](images/2-3/01-WorkspaceRegions.png)
+![Workspace Regions](images/2-3/01-WorkspaceRegions.jpg)
 
 >1. Tabs
 2. Zoom/Pan Buttons
@@ -14,14 +14,14 @@ The Dynamo **Workspace** is where we develop our visual programs, but it's also
 ###Tabs
 The active Workspace tab allows you to navigate and edit your program. When you open a new file, by default you are opening a new **Home** Workspace. You may also open a new **Custom Node** Workspace from the File Menu or by the *New Node by Selection* right click option when Nodes are selected (more eon this functionality later).
 
-![Tabs](images/2-3/02-Tabs.png)
+![Tabs](images/2-3/02-Tabs.jpg)
 
 > Note: You may have only one Home Workspace open at a time; however, you may have multiple Custom Node Workspaces open in additional tabs.
 
 ###Graph versus 3D Preview Navigation
 In Dynamo, the Graph and the 3D results of the Graph (if we are creating geometry) are both rendered in the Workspace. By default the Graph is the active preview, so using the Navigation buttons or middle mouse button to pan and zoom will move us through the Graph. Toggling between active previews can be achieved three ways:
 
-![Navigation](images/2-3/03-PreviewNavigations.png)
+![Navigation](images/2-3/03-PreviewNavigations.jpg)
 
 > 1. Preview Toggle Buttons in the Workspace
 2. Right clicking in the Workspace and selecting *Switch to ... View*
@@ -44,7 +44,7 @@ The 3D Preview Navigation mode also gives us the ability for **Direct Manipulati
 
 Based on which Preview mode is active, your mouse buttons will act differently. In general, the left mouse click selects and specifies inputs, the right mouse click gives access to options, and the middle mouse click allows you to navigate the Workspace. The right mouse click will present us with options based on the context of where we are clicking.
 
-![Hello Mouse](images/2-3/04-HelloMouse.png)
+![Hello Mouse](images/2-3/04-HelloMouse.jpg)
 
 >1. Right Click on the Workspace.
 2. Right Click on a Node.
@@ -64,7 +64,7 @@ Double Click | Create Code Block | N/A
 
 Using the "In-Canvas Search" will add some serious speed to your Dynamo work-flow by providing you access to node descriptions and tool-tips without taking you away from your place on the graph! By just right-clicking, you can access all the useful functionality of the "Library Search" from wherever you happen to be working on the canvas.
 
-![In Canvas Search](images/2-3/05-InCanvasSearch.png)
+![In Canvas Search](images/2-3/05-InCanvasSearch.jpg)
 
 >1. Right click anywhere on the canvas to bring up the search feature. While the search bar is empty, the drop-down will be a preview menu.
 2. As you type into the search bar, the drop-down menu will continuously update to show the most relevant search results.
@@ -73,10 +73,10 @@ Using the "In-Canvas Search" will add some serious speed to your Dynamo work-flo
 ##Clean Up Node Layout
 Keeping your Dynamo canvas organized becomes increasingly important as your files build in complexity. Although we have the **Align Selection** tool to work with small amounts of selected Nodes, Dynamo also features the **Cleanup Node Layout** tool to help with overall file cleanup. 
 ####Before Node Cleanup
-![Cleanup Node Layout](images/2-3/06-CleanupNodeLayout.png)
+![Cleanup Node Layout](images/2-3/06-CleanupNodeLayout.jpg)
 >1.	Select the Nodes to be automatically organized, or leave all unselected to clean up all nodes in the file. 
 2.	The Cleanup Node Layout feature is located under the Edit tab.
 ####After Node Cleanup 
-![Clean Layout Example](images/2-3/07-CleanupNodeLayout.png)
+![Clean Layout Example](images/2-3/07-CleanupNodeLayout.jpg)
 >1.	The nodes will be automatically re-distributed and aligned, cleaning up any staggered or overlapping nodes and aligning them with neighboring nodes.