Question 1

How Do I get started with Connect the Dots (Text Version)

Accepted Answer

Puzzle Maker Pro – Connect the Dots is an interactive playground to create Connect the Dots puzzles. There are three different versions: The Lite Edition, the Manual Edition and the SVG Edition.

The Manual Edition has tools and options to add, insert, move and delete dots, change the style of the dots, the style of the lines and the style of the tags (numbers or text), for multiple paths (lines). These paths can be grouped together for easier overview.
The Lite Edition has all the features and options of the Manual Edition, but is limited to only one path.
The SVG Edition adds options to import SVG files and optimize the number of dots resulting from an SVG import.

In this tutorial we’ll focus on the basics – the window layout, and the tools and options to create a very simple Connect the Dots puzzle. This tutorial assumes some knowledge of Puzzle Maker Pro – Settings for output path, file size and format are explained elsewhere.

How to get Started with Puzzle Maker Pro – Connect the Dots

After choosing Connect the Dots in the Puzzle Type menu, you’ll see a window like the one below. (Details may differ slightly, because we’re continuously improving the software)

Creating a Connect the Dots puzzle consists of two steps:

Create the dots and paths for the puzzle
Change the styling and options

Lite Edition

The next image is the default display for the Lite version of Connect the Dots.

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/dGEhcGHh9L/PMP%20-%20Connect-the-Dots-101-Start-Here-1.png (PMP - Connect-the-Dots-101-Start-Here-1.png)

The properties for the current path, such as line color and dot type. We’ll explain this after creating our first path.
The preview panel contains brief instructions for Connect the Dots, telling you to Open the Path Editor (3)

Click the “Open Path Editor” button (3) to get started.

Manual Edition and SVG Edition

The Manual Edition and SVG Edition open the window with the Navigation menu visible. When starting a new puzzle, there will only be one single path shown: "New Path".

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/YTBlcfghFd/PMP%20-%20Connect-the-Dots-101-Start-Here-2-1.png (PMP - Connect-the-Dots-101-Start-Here-2-1.png)

Click the “Open Path Editor” button (3) to get started.

How to Use the Path Editor for Connect the Dots

The Path Editor contains tools and options to create the different paths for your puzzle.

Some Connect the Dots puzzles only use one single path, that is: a single chain of dots numbered from 1, where the puzzler has to connect all the dots with consecutive numbers. 1 to 2, 2 to 3, and so on.

More complex Connect the Dots puzzles may have multiple paths. Puzzle Maker Pro – Connect the Dots – Manual Edition and SVG Edition support the use of multiple paths.

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/yGMV6mJDvg/PMP%20-%20Connect-the-Dots-101-Path%20Editor.png (PMP - Connect-the-Dots-101-Path Editor.png)

With the Path Editor you can:

Click to add dots (1). Just click on the preview panel, that contains the tutorial text. As soon as you place your first dot, the text will disappear.
Clear all (2): If you make mistakes, or you want to continue with a blank slate, click the “New Image” button
You can select an image on your computer to use as an overlay (3). That way you can add dots along the outline (or outlines) of your image. The filename of your overlay file will be shown as well (5)
With the SVG Edition you can also open the SVG Editor (4). This is a separate window that will display your SVG image and has options to change the number of dots.
At the left you can see the path settings panel (6). You can change all the path settings here, such as the name, colors, dot type, and more.

How to Add Dots to create a puzzle

By left-clicking the mouse on the panel at the right (that initially shows the tutorial text), you can add dots. The software will keep track of the order of the dots, and display lines between the dots (the path).

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/xwHaNtzTma/Connect-the-Dots-101-Path-Options.png (Connect-the-Dots-101-Path-Options.png)

In this example we’ve created a simple path with 5 dots in the shape of a house.

After you change the settings for any of the styling options, click “Preview” (bottom left) to update the preview.

The next screenshot shows the same image with totally different styling options:

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/a5T7aISQwi/Connect-the-Dots-101-Path-Options-2.png (Connect-the-Dots-101-Path-Options-2.png)

How to Edit the Current Dot position

Puzzle Maker Pro - Connect the Dots is the only puzzle app where you can edit (move or delete) the individual dots in a path.

How to use the Path Data (tab)

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/iNC8uP2T6X/Connect-the-Dots-101-Path-Data.png (Connect-the-Dots-101-Path-Data.png)

An additional way to see all the points, is the “Path Data” tab. This will show you co-ordinates for all the dots. The current dot is shown with a blue bar. You can use buttons to “Clear All” dots from the path, or to “Delete” the current dot. Usually you won’t need to use this information. You can also click other points in this list, and you’ll see a different dot getting selected in the image.

The option “Closed Path” will allow you to automatically add a line between the last and first dot in the path. In the puzzle this will result in a combined number for the first dot, shown as “1/73”

How to use the additional path settings

All the path settings are available in all Connect the Dots editions, however some path settings only make sense when you use multiple paths.

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/gKq1Sdk0HV/PMP%20-%20Connect%20the%20Dots%20-%20Additional%20Settings.png (PMP - Connect the Dots - Additional Settings.png)

How to use Multiple Paths in Connect the Dots

You can create Connect the Dots puzzles with one or more paths if you have the Manual Edition or the SVG Edition. On the Navigation tab you can see a hierarchically ordered list of all the paths.

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/ufpMrOGdAp/PMP%20-%20Connect-the-Dots-101-Multiple-Paths.png (PMP - Connect-the-Dots-101-Multiple-Paths.png)

By right-clicking on the navigation panel, you’ll see a popup menu with different options:

Question 2

How to use your own images with Connect the Dots

Accepted Answer

This video tutorial demonstrates how you can import your own JPG and PNG images to create Connect the Dots puzzles

Question 3

How to use SVG files in Connect the Dots

Accepted Answer

This tutorial demonstrates the use of SVG files in Puzzle Maker Pro - Connect the Dots

Question 4

How to create your own SVG files with Adobe Illustrator (for use in Connect the Dots)

Accepted Answer

This video tutorial will show you the general workflow and some tricks to use Adobe Illustrator's tracing function. This will create SVG files from bitmap files (JPG, PNG). The SVG files can be imported into Puzzle Maker Pro - Connect the Dots.

Question 5

How to use different Tag types in Connect the Dots

Accepted Answer

This video tutorial demonstrates the use of different Tag types in Puzzle Maker Pro - Connect the Dots

Question 6

How to use Shortcut Keys with Connect the Dots

Accepted Answer

This video tutorial demonstrates the use of Shortcut Keys for Puzzle Maker Pro - Connect the Dots

Question 7

Getting started with Puzzle Maker Pro - Connect the Dots

Accepted Answer

This video tutorial demonstrates the first steps to learn Puzzle Maker Pro - Connect the Dots