Augmented Reality Tutorial No. 32: User Interface for Augmented Reality using Unity3D and Vuforia (Incorporating Different Scenes)

posted in: Augmented Reality | 26

Little by little we’re moving to https://www.ourtechart.com/augmented-reality/augmented-reality-user-interface-unity3d/

In this Augmented Reality Tutorial a simple User Interface was created using buttons. Different scenes were incorporated in one app. In each scene it is possible to load next or previous scene with different 3D Character.

Download # Unity3D (download and install it, if you don’t have it already) (*.exe file)

Unity3D is also available to download from here

Download # Download and Import Unity3D Extension v5.0.5 (*.unitypackage file)

Unity3D extension is also available to download from here (there might be even be newer version)

Download # Print Euforia of Beauty Logo to Augment Different Scenes and Create the Tracker  (*.jpg file)

Download # You Can Use Already Created Tracker Based on Euforia of Beauty Logo  (*.unitypackage file)

Download # Download the Script for Buttons to Change the Scale, Position and Rotation of 3D Model Character (*.cs file)

Download # Download Whole User Interface for Augmented Reality Tutorial Project Files (the result to test it)  (*.rar file)

Follow me:

26 Responses

  1. herllycules

    hello, i tried to make rotation button on adroid
    but its always looping
    the only way to stop it, is hold the button
    but if i release the button, its looping again

    • Most likely you did something differently than I showed in tutorial.

  2. hello..
    how can i make the button when click on it, the model will duplicate/added and another button that will remove the model..
    tq…

    • Hello, this is easily done, but I won’t start coding for you here. I suggest you google Unity3d C# code on that.

  3. Hello,
    Is it possible to turn the buttons into virtual ones that can be pressed with your hand like you demonstrated in a another tutorial (No. 19)? I don’t succeed when I try to merge the code UI from this tutorial and the one of Virtual(Vuforia) buttons…

    • You already answered to your question.

      • I thought it’s just because I’m a lame coder… Is there a way to extend interactions with virtual buttons (Vuforia-Unity)? For instance, jumping to a next scene or playing a video?
        Btw, thanks for all your tutorials, they are very helpful.

        • Yes, there is a way. The same way I switch models in this tutorial (http://www.himix.lt/augmented-reality/augmented-reality-virtual-buttons/) you can add different functions – load another scene and so on. Just dive in the code “VirtualButtonEventHandler.cs” (starts from case “btnLeft”: and case “btnRight”:)

          • orkan

            I will try until I make it, thank you very much!
            There’s one more issue no one could answer at vuforia’s forum: is it possible to trigger a whole environments in which the viewer can dive?
            Should I use extended tracking (the triggered image would be much bigger than the marker) and keep the image target active even when tracking is lost (can I just disable this function to keep it on even if I turn the device/camera in other direction)?
            I’ve read about different plug-ins like Unified Coordinate System that could help building augmented environments… Could you point a direction I should go?
            Cheers!

          • admin

            It is possible, but I haven’t done this in Unity. Basically what you need I did it here with MARG sensor (http://www.himix.lt/arduino/arduino-and-virtual-room-using-mpu-9150-marg/), just with pictures and without tracking any image target. Same stuff applies to smartphones and tablets. I haven’t heard anything about the plugin you mentioned.

  4. Saniah

    May I ask, what if there is two model in 1 scene? Because your tutorial only have 1 model in 1 scene. Then, what happened to the tag? Can I tag both of my model as Model?

    • Sure, why not, if you want to apply the same function.

      • Saniah

        I have tried set both character same tag name as Model, but it does not work.

        What happen is only 1 character that scale up and scale down when I click the button, the other one did not happen anything.

        I’m creating a scene that has two character, one person performing CPR and the other person is the patient. I need both character to scale up and scale down at the same time when the button is clicked.

        • Firstly try it out on 2 simple cubes (tag it), try to scale it and tell me the result.

  5. I tried your Money augmented tutorial no:28!! that was amazing!!

    How can i use user interface in android app?

  6. Hi, I did the same way as u did and everything worked. Just that the UI buttons will be on screen even when the image is not tracked. The UI Buttons would just stay at the last place it was tracked. I wanted to do when the image is tracked the buttons appear where the should and when is not tracked it would disappear. Please help. Thanks in advance.

    • Hello. Put your Canvas (with buttons) inside Image Target.

      • Hi first thank you for your job ! sure i have the same problem i did everything but the UI buttons are on the screen doesnt matter, if canvas are in or out ImageTarget the result has same the ui button are always on screen.
        Please help. Thanks you.

  7. Hey could you suggest any tutorials for using real world marker input instead of virtual buttons? The plan is to make an application which reads the position of a real world marker and responds based on it’s hovering over a real world button which is printed on the paper page instead of virtual buttons.

    • I don’t have such tutorial in my list. But I would know how to code it.

  8. I got same problem with Nqb, and i already put the canvas with buttons inside image target, but the result still same, the button still popped out when the marker is lost

  9. coquin

    sir can u change the tracker with user defined?

  10. Muhammad Catubig

    I tried this tutorial and successfully implemented but when I moved away the camera the UI stays on my screen.

Leave a Reply to herllycules Cancel reply