{"id":2034,"date":"2024-12-17T10:26:25","date_gmt":"2024-12-17T10:26:25","guid":{"rendered":"https:\/\/ghafari.co.uk\/?p=2034"},"modified":"2024-12-17T10:28:40","modified_gmt":"2024-12-17T10:28:40","slug":"vr-cardboard-app","status":"publish","type":"post","link":"https:\/\/ghafari.co.uk\/index.php\/2024\/12\/17\/vr-cardboard-app\/","title":{"rendered":"VR Cardboard App"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
<\/div>\t\t<\/div>\n\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

Creating a 360 VR Cardboard App with Unity3D for Immersive Navigation<\/strong><\/h2>

As part of my ongoing work in 3D computer graphics and real-time technologies, I developed a 360 VR application<\/strong> using Unity3D<\/strong> and Google Cardboard back in 2017<\/strong>. The project focuses on creating an immersive virtual reality experience<\/strong> that showcases a complete development\u2014including all facilities, types of units, and rooms\u2014where users can navigate seamlessly using gaze input<\/strong>.<\/p>

<\/div>

The Concept<\/strong><\/h3>

The idea was simple yet powerful:<\/p>

  • Provide users with a virtual tour<\/strong> of a property development.<\/p><\/li>

  • Offer a smooth and intuitive way to explore different rooms, unit types, and facilities without physical movement.<\/p><\/li>

  • Use the power of VR and gaze-based interaction to create an experience that anyone with a Google Cardboard could enjoy.<\/p><\/li><\/ul>

    This was not just a digital walkthrough but an interactive and immersive experience<\/strong> where users could explore at their own pace. Whether it was a spacious living room, a cozy studio apartment, or shared amenities like gyms and pools, everything was integrated seamlessly.<\/p>

    <\/div>

    The Tools<\/strong><\/h3>

    To bring this vision to life, I relied on the following tools and technologies:<\/p>

    • Unity3D<\/strong>: For creating the VR environment and handling interactivity.<\/p><\/li>

    • Google Cardboard SDK<\/strong>: To enable mobile VR capabilities and gaze-based input.<\/p><\/li>

    • 3D Modeling Tools<\/strong>: Blender and Maya were used to create high-quality models of rooms, units, and facilities.<\/p><\/li>

    • C# Scripting<\/strong>: Custom scripts were developed to manage navigation, gaze triggers, and seamless transitions.<\/p><\/li><\/ul>

      <\/div>

      Key Features<\/strong><\/h3>

      1. 360-Degree Virtual Tour<\/strong><\/p>

        • Users are placed in a fully immersive 360-degree environment.<\/p><\/li>

        • The entire development\u2014including all types of units, rooms, and facilities\u2014is accessible.<\/p><\/li><\/ul><\/li>

        • Gaze-Based Navigation<\/strong><\/p>

          • Navigation through the app is as simple as looking<\/strong> at a hotspot for a few seconds.<\/p><\/li>

          • When a user gazes at an object or doorway, a smooth transition<\/strong> takes them to the next area.<\/p><\/li><\/ul><\/li>

          • Detailed 3D Visuals<\/strong><\/p>

            • High-quality 3D models ensure that every room, texture, and detail feels realistic.<\/p><\/li>

            • Different unit types (e.g., studios, apartments, villas) are showcased to reflect real-world properties.<\/p><\/li><\/ul><\/li>

            • Interactive Facilities<\/strong><\/p>

              • Users can explore shared spaces like gyms, lounges, swimming pools, and parks.<\/p><\/li>

              • Each facility is designed to give users a feel for the space.<\/p><\/li><\/ul><\/li>

              • Optimized for Mobile VR<\/strong><\/p>

                • Designed specifically for Google Cardboard, the app runs efficiently on most smartphones, providing a high-quality VR experience<\/strong>.<\/p><\/li><\/ul><\/li><\/ol>

                  <\/div>

                  The Development Process<\/strong><\/h3>

                  The project began with a clear plan:<\/p>

                  1. Design & Modeling<\/strong>: Using Blender and Maya, I created detailed 3D models of all units, rooms, and facilities.<\/p><\/li>

                  2. Scene Integration<\/strong>: These models were imported into Unity3D, where I set up the lighting, materials, and skyboxes to enhance realism.<\/p><\/li>

                  3. Gaze Input<\/strong>: I implemented gaze-based navigation using the Google Cardboard SDK.<\/p>

                    • A reticle<\/strong> appears in the center of the screen to indicate the user’s focus.<\/p><\/li>

                    • Gaze triggers were added to hotspots (doors, pathways) to allow seamless transitions.<\/p><\/li><\/ul><\/li>

                    • Testing & Optimization<\/strong>: The app was tested on multiple devices to ensure smooth performance and an immersive experience.<\/p><\/li><\/ol>

                      <\/div>

                      Why Gaze-Based Navigation?<\/strong><\/h3>

                      Gaze-based input is a perfect solution for mobile VR. By simply looking at objects, users can interact without needing a controller. This approach:<\/p>

                      • Reduces complexity for first-time VR users.<\/p><\/li>

                      • Enhances accessibility for a wider audience.<\/p><\/li>

                      • Provides an intuitive, hands-free experience that feels natural.<\/p><\/li><\/ul>

                        <\/div>

                        The Experience<\/strong><\/h3>

                        Once the app is launched in Google Cardboard, users are transported to the virtual development. They can explore:<\/p>

                        • Different types of units<\/strong>: From compact studios to luxurious villas.<\/p><\/li>

                        • Rooms<\/strong>: Living areas, bedrooms, kitchens, and bathrooms are fully visualized.<\/p><\/li>

                        • Facilities<\/strong>: Gyms, pools, parks, and lounges offer a glimpse into community spaces.<\/p><\/li><\/ul>

                          Users navigate effortlessly by gazing at hotspots<\/strong>, which smoothly transition them from one location to another.<\/p>

                          <\/div>

                          The Impact<\/strong><\/h3>

                          This project has proven that VR can transform the way we showcase and experience real estate developments. By leveraging Unity3D and gaze-based navigation:<\/p>

                          • Potential buyers can explore properties remotely<\/strong> with just a smartphone and a VR headset.<\/p><\/li>

                          • Real estate developers can offer cost-effective virtual tours<\/strong> to showcase units and facilities.<\/p><\/li>

                          • Users get an interactive and immersive experience<\/strong> that static images or videos simply can\u2019t deliver.<\/p><\/li><\/ul>

                            <\/div>

                            Conclusion<\/strong><\/h3>

                            Developing this 360 VR app with Unity3D and Google Cardboard in 2017<\/strong> was both a challenging and rewarding experience. It combines my passion for real-time technologies, 3D visualization, and interactive design into a single solution that offers real-world applications.<\/p>

                            I look forward to expanding on this concept, integrating new features like interactive UI overlays<\/strong>, real-time customization<\/strong>, and even multi-user VR tours<\/strong> in the future.<\/p>

                            If you\u2019re interested in seeing the project or learning more about the development process, feel free to get in touch!<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

                            https:\/\/www.youtube.com\/watch?v=XUnarBJVUok Creating a 360 VR Cardboard App with Unity3D for Immersive Navigation As part of my ongoing work in 3D computer graphics and real-time technologies, I developed a 360 VR application using…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[31],"tags":[],"class_list":["post-2034","post","type-post","status-publish","format-standard","hentry","category-xr-immersive"],"_links":{"self":[{"href":"https:\/\/ghafari.co.uk\/index.php\/wp-json\/wp\/v2\/posts\/2034","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ghafari.co.uk\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ghafari.co.uk\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ghafari.co.uk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ghafari.co.uk\/index.php\/wp-json\/wp\/v2\/comments?post=2034"}],"version-history":[{"count":4,"href":"https:\/\/ghafari.co.uk\/index.php\/wp-json\/wp\/v2\/posts\/2034\/revisions"}],"predecessor-version":[{"id":2038,"href":"https:\/\/ghafari.co.uk\/index.php\/wp-json\/wp\/v2\/posts\/2034\/revisions\/2038"}],"wp:attachment":[{"href":"https:\/\/ghafari.co.uk\/index.php\/wp-json\/wp\/v2\/media?parent=2034"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ghafari.co.uk\/index.php\/wp-json\/wp\/v2\/categories?post=2034"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ghafari.co.uk\/index.php\/wp-json\/wp\/v2\/tags?post=2034"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}