This path must be placed in the VuMark-Contour layer. Once you have placed your Border and Clear Space parts into their corresponding layers, you must use the Pen tool in Illustrator to draw a closed path along the invisible line that is formed where these two parts touches. This layer shall only contain one closed path with 4-20 straight edges. See section Advanced Topics for more details. When creating a rotational symmetric Contour, this layer can be used to add Asymmetry Markers that prevent from accidental wrong ID readout. This layer is empty at first, but after you run the Verify script, it will be populated with feedback presented on top of your VuMark design to help you verify that it meets the design requirements. The Exporter script uses the information contained in this layer and that is why it is locked by default to prevent accidental deletion. This layer contains the details of your VuMark such as the Name, Type, Length and number of required Elements. INFORMATIONAL, LOCKED DO NOT ATTEMPT TO MODIFY THIS LAYER
From this layer, you can begin separating the various parts of your VuMark design by moving them to the corresponding layers. It is not required that you use this layer, but we have found it helpful to have a workspace layer where you can paste your VuMark design.
By using this method, you can build a UI that is agnostic to the actual shape of the VuMark. The blue line is a path we added to the VuMark-UserData layer. The VuMark native public sample shows an example of a detection highlight graphic displayed over the VuMark. Also ensure Bright and Dark Elements layers are always visible in your design and not covered by other graphics. During the design process you may change the order of the layers, but make sure other layers do not hide the Border and Clear Space graphics. If you choose Byte type, the ID Length is the number of bytes that your value will have.Īfter running the Setup script, you will have a new Illustrator file containing the layers that are designated to hold the various parts of a VuMark, as well as several additional layers that are also used in the design process. For example, if you want a VuMark that supports numeric values from 0 to 20,000 you would enter 20,000 in the Maximum ID field. If you choose Numeric type, you have to enter the maximum numeric value that your VuMark will encode. Use this if an ID will only use numeric digits 0 - 9. If you choose String type, ID Length is the number of characters that your value will have. Use this if an ID will consist of printable ASCII characters. Given these inputs, the script will configure your template accordingly. The Type and ID Length fields are used to choose what type of data that you want to encode in your VuMark, and this determines how many Elements that your VuMark template must have. When you run the Setup script, a dialog will appear that asks you to enter in a Name, Type and ID Length for your VuMark. Setup a VuMark File in Adobe Illustrator Using the Setup script To help you with an effortless VuMark creation process, we have made a tutorial that covers the design process step-by-step and the design principles in detail.
You will upload this SVG file into the Vuforia Engine Developer Portal Target Manager to create the dataset that will be used within your iOS, Android, Unity, or Windows 10 application.
Once your design has been run through the Verify script and it is determined to be ready for export, this script will export your VuMark template as a Scalable Vector Graphics (SVG) file. You will typically run this script multiple times during the design process as you make changes to correct any failed conditions. This script helps you test your VuMark design by providing a list of design requirements, Pass/Fail results for each requirement and suggestions for resolving any issues that may have been found. It automatically creates the layers that you will place various parts of your VuMark design into. This script creates a new Illustrator file for your VuMark, which we refer to as the VuMark template. There are three custom scripts for use with Adobe Illustrator that will help you create, verify and export your VuMark design.
This article will show you how to set up Illustrator to use the VuMark Designer scripts and it will walk you through the steps needed to define your VuMark's Code Elements and their corresponding layers.īe sure to have first read the VuMark Design Guide to understand the role and significance of a VuMark's design principles, See: VuMark Design Guide You can use Adobe Illustrator to design your own VuMark template and export the resulting SVG file, which will be used to generate VuMark instances in the Target Manager.