{"id":5650,"date":"2025-05-19T16:01:31","date_gmt":"2025-05-19T05:01:31","guid":{"rendered":"https:\/\/www.leapaust.com.au\/blog\/?p=5650"},"modified":"2025-05-20T11:51:21","modified_gmt":"2025-05-20T00:51:21","slug":"getting-started-with-vuforia-studio-to-author-augmented-reality-experiences-part-2","status":"publish","type":"post","link":"https:\/\/www.leapaust.com.au\/blog\/dx\/getting-started-with-vuforia-studio-to-author-augmented-reality-experiences-part-2\/","title":{"rendered":"Getting Started with Vuforia Studio to author Augmented Reality experiences – Part 2"},"content":{"rendered":"
<\/div>\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Today, we will continue with a newly added set of essential video tutorials that walk you through the process of authoring AR experiences and how to implement particular AR techniques and UI elements using Vuforia Studio.<\/span> In part one we delved into the basics of Vuforia<\/a><\/span>, exploring its capabilities and setting the foundation for creating engaging augmented reality experiences. Today, we will continue our journey with a summary of essential video tutorials that walk you through the process of authoring AR experiences using Vuforia Studio.<\/p>

This first tutorial covers how to more easily create animations of your 3D models and seamlessly bring them in to your augmented reality experiences, using Creo Illustrate combined with Vuforia Studio. The video covers several key topics, including importing your 3D models into Creo Illustrate, creating animation steps and sequences and incorporating basic animations such as flashing and moving. Additionally, we will explore the process of exporting these animations to PVZ format and then importing them into Vuforia Studio, where we will demonstrate how to play a basic sequence using drag and drop bindings.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

The next tutorial explains how to effectively create and navigate a 2D canvas for augmented reality experiences in Vuforia Studio. The video guides you through the process of opening the 2D canvas, using containers to compose and add structure to your 2D user interface and styling elements with CSS for a polished look. Additionally, we we demonstrate how to bind buttons and images to animated models, enhancing interactivity within your AR projects.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

The next tutorial covers how to craft precise exploded view animations in Creo Illustrate that can be imported into Vuforia Studio. The video demonstrates how to manually animate exploded views by recording transformations of individual parts and how to reverse animation steps for added flexibility. Additionally, we share valuable tips and tricks for effectively implementing your exploded animations in Vuforia Studio, ensuring a seamless and engaging experience for users.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Bindings in Vuforia Studio can be controlled using JavaScript to enhance the smoothness and seamlessness of augmented reality experiences. The next tutorial guides you through navigating to the JavaScript editor, binding JavaScript functions to widgets such as buttons and understanding application parameters, including how to create them. We demonstrate how to control these application parameters using JavaScript and provide tips on finding widget properties. Additionally, the tutorial includes example use cases for advanced bindings, illustrating their potential to elevate your AR projects.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Integrating Internet of Things (IoT) data from Thingworx into Vuforia Studio enables digital twin connectivity that bridges your augmented reality experiences with the real world. The next tutorial explains how to utilise the data panel to manage external data from Thingworx, demonstrating how to bind ‘Things’ from Thingworx to various widgets to connect them seamlessly with IoT data. The tutorial also covers the use of filters with bindings to format your data, ensuring it aligns perfectly with your desired AR experience.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

In AR, occlusion refers to the technique used to simulate depth and realism by blocking or hiding virtual objects behind real-world objects. This effect enhances the viewer’s perception of spatial relationships, making the virtual content appear as if it is genuinely interacting with the physical environment.<\/p>

The final tutorial in this second instalment of the series explores the concept of occlusion, discussing its relevance and importance in enriching augmented reality experiences. We provide insights on how to effectively configure your models to utilise occlusion, ensuring that virtual objects interact realistically with the physical environment. We also share helpful tips for achieving optimal occlusion performance and highlight examples of what to look for when testing occlusion using Vuforia View, enabling you to enhance the immersive quality of your AR projects.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

This wraps up part two of our series on getting started with Vuforia Studio. Stay tuned for more videos in our series, as we dive deeper into Vuforia Studio and learn even more advanced techniques that aim to help elevate your AR experiences further. You can also find all of LEAP\u2019s Vuforia Studio videos in the playlist below:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tView all videos in playlist<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

Part 2 of our Getting Started with Vuforia Studio blog series introduces a new set of essential video tutorials that walk you through the process of authoring AR experiences and how to implement particular AR techniques and UI elements using Vuforia Studio. Topics include navigating the 2D canvas, animating and creating exploded views with Creo Illustrate, using occlusion and more.<\/p>\n","protected":false},"author":4,"featured_media":5683,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","neve_meta_reading_time":"","footnotes":""},"categories":[3],"tags":[16,18,104,105],"class_list":["post-5650","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dx","tag-ar","tag-augmented-reality","tag-vuforia","tag-vuforia-studio"],"_links":{"self":[{"href":"https:\/\/www.leapaust.com.au\/blog\/wp-json\/wp\/v2\/posts\/5650","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.leapaust.com.au\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.leapaust.com.au\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.leapaust.com.au\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.leapaust.com.au\/blog\/wp-json\/wp\/v2\/comments?post=5650"}],"version-history":[{"count":26,"href":"https:\/\/www.leapaust.com.au\/blog\/wp-json\/wp\/v2\/posts\/5650\/revisions"}],"predecessor-version":[{"id":5685,"href":"https:\/\/www.leapaust.com.au\/blog\/wp-json\/wp\/v2\/posts\/5650\/revisions\/5685"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.leapaust.com.au\/blog\/wp-json\/wp\/v2\/media\/5683"}],"wp:attachment":[{"href":"https:\/\/www.leapaust.com.au\/blog\/wp-json\/wp\/v2\/media?parent=5650"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.leapaust.com.au\/blog\/wp-json\/wp\/v2\/categories?post=5650"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.leapaust.com.au\/blog\/wp-json\/wp\/v2\/tags?post=5650"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}