https://indify.co/widgets/live/quotes/hwP6ajJchIIalfbKo0LZ

<aside> <img src="/icons/chat-user_gray.svg" alt="/icons/chat-user_gray.svg" width="40px" />

User Experience (UX)

Arduino 101

</aside>

ABSTRACT:

We have developed an AR Mario card game wherein players can unlock different Mario characters and backgrounds by scanning a physical card with their phone. Our design process involved the use of Vuforia and 3D computer graphics software Blender. The available Mario variations in the game include Giant Mario, Fire Mario, and Super Mario. Players can effortlessly unveil different character variations by scanning various card combinations using their phones. This family-friendly game is easy to use and enjoyable for all.

INTRODUCTION

This chapter delineates the assortment of tools employed in the development of the Super Mario AR card interactive game, specifically focusing on the game engine Unity, the augmented reality development toolkit Vuforia, and the 3D computer graphics software Blender. An elaboration on each tool is presented forthwith.

Unity

Unity, a cross-platform game engine, was unveiled by Unity Technologies in the year 2005. Its primary focus lies in the facilitation of both 2D and 3D game development alongside interactive content. Presently, Unity extends support to over twenty distinct deployment platforms, with its predominance manifesting on PC, Android, and iOS systems. The engine is distinguished by its user-centric interface, incorporation of the PhysX physics engine, a robust particle system, and network multiplayer connection capabilities. Remarkably, Unity mitigates the necessity for mastering complex programming languages, thereby significantly lowering the barriers to game development.

Unity Features

Unity’s game engine is replete with a comprehensive array of functionalities utilized across numerous domains. The following enumerates the routinely employed features:

Vuforia

Vuforia, an augmented reality software development kit (SDK) for mobile devices, harnesses computer vision technology to recognize and track planar images and 3D objects in real-time. This mechanism enables developers to precisely position and orient virtual objects relative to real-world entities as perceived through a mobile device's camera lens, seamlessly integrating the virtual objects into the real-world setting.

Vuforia Features

Utilization of Vuforia may involve engagement with one or more of the following augmented reality capabilities:

Blender

Blender, an open-source 3D creation suite, supports the entire 3D pipeline encompassing modeling, rigging, animation, simulation, rendering, compositing, motion tracking, video editing, and game creation.

Blender feature

Blender is imbued with the following distinctive features:

Methods

Design Procedure

Blender

Figure 1 3D Animation steps in Blender 

Figure 1 3D Animation steps in Blender

In order to create an interactive AR product, several supporting processes are required, including 3D modeling, element processing, and visualizing the digital concept in real AR scenarios. These processes support each other hierarchically and must be considered as step-by-step work.

Our group is considering the idea of creating AR products that incorporate the concept of gamification. This led us to the idea of developing a game titled "Super Mario Bros. with Utilizing the Concept of Card Combination."

Initially, we will focus on creating a basic 3D model with animation based on the provided graph. The process begins with gathering 3D models in.OBJ format to make it easier for group members to process during the animation stage. We started by searching for the best Mario Bros. model, along with related elements. Afterward, we filtered the 3D models to match the animation software we use, which is Blender 3.1. We chose this software because it is open-source and has strong community support, making it easier to solve any problems we may encounter during production.

In the end, we created a basic Mario model with three skins representing his three skills, as well as three other elements - Flower, Mushroom, and Star - to serve as a medium for transforming the Mario character into other forms.

Table.1 3D Model Elements 

Table.1 3D Model Elements

The third stage involves rigging the model for animation. The process begins by enabling Blender's Riggify feature and then clicking on Add > Armature > Human (Meta Rig). Starting from version 2.8, Blender includes an automatic human rig with a more detailed bone rig that can be adjusted. Next, we place the rigging bone inside the 3D model, switch to viewport shading view for easy inspection and adjustment, switch the mode to edit mode, and position the model at the center of the x-axis.

Figure 2 Rigging Process 

Figure 2 Rigging Process

After completing the rigging process, we switched the workspace to animation in order to adjust the keyframes for creating the animation and modify the character's skin to match the desired skill in the specific scenario. We encountered an issue with integrating the entire rigging bone, so we attempted to manually frame the animation. Our animation adjustments were based on two processes: static modeling and moving modeling. The static model represented the interaction of immovable objects as the default motion, while the moving model represented the interaction of movable objects for continuous motion after setting up the digital button on Unity. **

Figure 3 Animating Process

Figure 3 Animating Process

The last step was to export the file in .fbx format. Additionally, the texture skin should be organized into a specific folder to ensure that the model will have the desired skin after being imported into Unity.

Vuforia

Then, you need to add the Device Database to the current project and access the License Manager on the web page. You can use the Development license for free, but a Vuforia watermark will appear on the screen.

Untitled

To create an AR Target, also known as an "AR Card," you can upload pictures using the Target Manager on the Vuforia developer website. Simply go to the Target Manager tab at the top of the web page and click on the Add Database button located on the right side of the web page to create a new database.

Untitled

Press the "Add Target" button to create a new target. We have included three background images. Then, download the entire database. Finally, select the Unity Editor.

Untitled

Untitled

Unity

Open Unity and add an AR camera.

Untitled

Add image target

Untitled

When our camera scans the picture that we set, the virtual object will appear.

Untitled

Setting the image is what we need to scan. Put the virtual object we want to display into the image target then the primary setting is complete.

Untitled

  1. Game props & rules: The prop card used in the game contains three game backgrounds and 1 Mario card, and the three props are mushrooms, flowers, and stars. Scanning different card combinations can get three types of Mario. They have been divided into Giant Mario, Flame Mario, and Invincible Mario. Mario's Mushroom's formula becomes Giant Mario, and Mario Flower becomes Flame Mario, Mario Star becomes invincible Mario.
  2. Procedure: The player selects the background first and scans the picture. Then, scan the Mario card and select the props to scan. You will have different actions according to different props. , the description is shown in the figure below.

Untitled

Mario has different Types of displays.

Untitled

Discussion

The Mario AR interactive card game is easy to play. By scanning different props, players can get different types of Mario cards. This game's implementation principle could also be used in educational materials for children and students in the future. Using games to present information can help increase students' interest. As science and technology advances, the application of augmented reality (AR) has become more extensive, moving beyond games and towards solutions in various industries.


<aside> <img src="https://super-static-assets.s3.amazonaws.com/bb40d70c-1d06-4a05-8516-78a1cd5352cc/images/5ad7c2b4-49b3-4b55-bcf1-7be445ca0a1f.png" alt="https://super-static-assets.s3.amazonaws.com/bb40d70c-1d06-4a05-8516-78a1cd5352cc/images/5ad7c2b4-49b3-4b55-bcf1-7be445ca0a1f.png" width="40px" /> Categories

</aside>

<aside> <img src="https://super-static-assets.s3.amazonaws.com/bb40d70c-1d06-4a05-8516-78a1cd5352cc/images/5ad7c2b4-49b3-4b55-bcf1-7be445ca0a1f.png" alt="https://super-static-assets.s3.amazonaws.com/bb40d70c-1d06-4a05-8516-78a1cd5352cc/images/5ad7c2b4-49b3-4b55-bcf1-7be445ca0a1f.png" width="40px" /> Articles

</aside>