Develop Your First Vuforia Studio Experience

  Download Success Path IMPORTANT: When saving the file, in the Print window please do the following:
Destination or Printer: select Save as PDF
More Settings: In the Options, be sure the boxes Headers and footers and Background graphics are selected.
Recommended Steps
Overview: Develop Your First Vuforia Studio Experience

Develop Structural Components

Guided by your preliminary design, start developing your augmented reality experience in Vuforia Studio.

01. Lay out static user interface

In this phase of the project, you’ll use Vuforia Studio to lay out the assets that make up your AR experience. Guided by your user interface design, arrange the components you created for each screen. Adjust the padding, alignment, and justification so they’re properly oriented on the screen. A developer who understands JavaScript or Angular JavaScript and CSS can help. This knowledge is not required to use Vuforia Studio. But developers often write code to integrate with other systems and create the functionality and styling for the AR experience.

For example, if the screen features three buttons, an icon, and a 3D model; place those assets in the proper position. You may align the buttons to the left side of the screen, place the icon in the upper right, and then center the 3D model.

As you build the user interface, test and verify it looks good on AR devices. If your organization uses tablets and eyewear devices to view AR experiences, try it on both. If possible, test it in a real environment with the physical object. If the interface does not appear correctly, make adjustments.

For now, focus on arranging the assets for each screen. The assets will not work just yet—buttons are not clickable, for example. In upcoming steps, you’ll program the assets to function appropriately. Finally, you’ll use CSS to add styling that improves the visual appearance of the AR experience.

Recommended Resources

Did you find this helpful?


Previous Step

Execute Your Design

Next Step

Develop Behavioral Components

ADDITIONAL RESOURCES

Product Documentation Find detailed technical documentation on Creo+ in our Help Center
Ask the Community Visit PTC's Creo Community to get support Peer-to-Peer, from our product management and assistance teams. Share ideas, give feedback and browse the wealth of information on using Creo+
Technical Support Need help from our support team? Log a case with eSupport using our Case Logger or find an answer using our new Creo Admin Troubleshooter tool. 

Contact Us

Have a question? Submit your contact information and we’ll reach out within 1 business day. You’re never obligated to purchase or commit.
Get in Touch
Cancel
Confirm
  • English
  • 中文 (简体)
  • 中文 (繁體)
  • Français
  • Deutsch
  • Italiano
  • 日本語
  • 한국어