Success Path
Everything you need to get started with augmented reality

Develop Structural Components

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

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?

How PTC can help

In addition to the recommended resources named above, PTC offers Success Services that fit seamlessly into your Success Path, making it even easier to reach your desired business outcome.

Success Service
Principles of Vuforia Studio JavaScript
Learn best practices for using JavaScript in Vuforia Studio experiences and spend time with a PTC Expert to discuss your own implementation

ADDITIONAL RESOURCES

Technical Support

Log a case with eSupport using your Service Contract Number. Don’t have it? Ask the Community.

Product Documentation

Find step-by-step instructions and information about using Vuforia Studio and Vuforia View in the Help Center.

Ask the Community

Visit the PTC Community to get product assistance, share ideas, and browse information about using Vuforia Studio.

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.