Recently, as part of our consultation project, the requirements are to vizualise sound wave reflection off a wall. It is required that the AR does not use markers so we used ground plane tracking. This is the outcome. By using the mic on mobile devices, students can record their own voice, the voice will be transmitted to the wall and reflected back. The students then can hear the echos of their own voices.
Tag: Augmented reality
Publishing Your Android App to Play Store – XZIMG Augmented Vision Tutorial 7 of 7
Final Roll-out
Click App releases
Under Production track, click Edit Release
Release to production window appears, scroll down and click Review
Confirm roll-out to production window appears. Click start roll-out to production
A confirmation window will appear, click Confirm
That’s it!, we are done! Click on your app menu, it will show that our app is now Pending Publication. Once it is approved, it will be on the Play Store
That is the end of our tutorial series on how to publish app to Play Store.
Thank you for following my tutorial everybody!
Publishing Your Android App to Play Store – XZIMG Augmented Vision Tutorial 6 of 7
Filling Up Store Listing Information
The Store Listing window appears. Firstly fill in your app’s short description and long description
Next, scroll down the page. Add the icon and screenshot
Scroll down a little more, and add the Feature Graphic
Scroll down a little more, under Categorisation, select your Application type and Category. The selection depends on whether you are building an AR App for education, games or etc. Select the apropriate settings for your app
Adding Tags to your app to make search easier
Click on Manage Tags
The Tags window will appear. Search for the appropriate tags suitable for your app. In this example, my AR is an Entertainment. Press Add to add tag
Confirmation window appears, press Add
Once you have added the relevant tag or tags, press the back arrow to go back to Store Listing
Scroll down all the way down to Contact details, fill in your email. On privacy policy, fill in the url to your privacy policy. Then, click Save Draft
We are done with this part. A green checkbox will appear beside Store Listing
A green checkbox will also appear beside App releases
In the next tutorial we will do our final push to the finish line
Vuforia Basics + Creating a multiple image target Android AR 2/2
Setting up Vuforia in Unity
In the File menu, click Build Settings
The Build Settings window appears. Click Player Settings
Player Settings window appears. Under XR Settings, select Vuforia Augmented Reality
Right Click on the Hierarchy window. Under Vuforia Engine click AR Camera
A Import Vuforia Engine Assets appears. Click Import
AR Camera will be added to Hieararchy
While AR Camera is selected, in the Inspector window select Open Vuforia Engine configuration
Vuforia Configuration appears
Login to your Vuforia Developer Portal. Under License Manager, click on the app we created in the previous tutorial
Click the license key to copy it
Paste the copied license key to the License Key slot in Vuforia Configuration
Importing our downloaded Database
Double click the database we downloaded
Import Unity Package window appears. Click Import
———————- Repeat for each Image Target start here ———————–
Creating our Image Target
Adding an Image Target
Right Click on the Hierarchy window. Under Vuforia Engine click Image
The Image Target and its preview appears
Select the image for the Image Target
Next, we will learn to select image for the Image Target. Click the ImageTarget
With the Image Target selected, in the Inspector window, click the Image Target and choose your wanted image.
Adding a Cube so that we can test the target
With the Image Target still selected, Right Click on the Image Target, Under 3D Object click Cube
Resize and Move the Cube so that it is on top of the Image Target’s preview. It should look something like this now
Select your Image Target, and Move your Image Target to the side a little bit. This will help later when we have more Image Target, so that it does not overlap each other. You will see later on when you have multiple Image Targets.
Test the Image Target
Press Play and show your image to the camera. It should work now and you will see your cube appears on top of your image.
Repeat this for all your image targets
———————- Repeat for each Image Target ends here ———————–
How it looks like once done
You will now have something like this
Enabling multiple Image Target tracking simultaneously
Select AR Camera
While AR Camera is selected, in the Inspector window select Open Vuforia Engine configuration ‘
In Vuforia Configuration, change the Max Simultaneous Tracked Images to whatever number you need. For an example, I changed it to 3
Final Test – Lets allow see them all together
Press Play and you will see that multiple Image Targets work now.
Thanks for following my tutorial. Do follow my blog and comment below if you have anything to ask or add.
Publishing Your Android App to Play Store – XZIMG Augmented Vision Tutorial 5 of 7
Filling in App Content settings
Click on App Content
App Content window appears. Click Start
The first question is Target Age. Select your Target Age Group and click Next
The next question is whether the app could unintentionally appeal to children. you may select Yes or No. If Yes a ‘Not designed for children’ label may be shown next to your app on Google Play. In this example, I chose No.
Select your answer and click Next
A summary will appear, read it and if it is correct, click Submit
Success. Now a green checkmark appears beside App Content
Publishing Your Android App to Play Store – XZIMG Augmented Vision Tutorial 3 of 7
Setting the Content Rating
Click Content Rating
The content rating window appears, click Continue
The content rating Questionaire appears. Firstly, lets fill in our email address and confirm it.
Next we will select our app category. Based on your app type, you will have to answer different set of questionaire. In this example, I will click Reference but yours maybe different.
You will be asked a lot of Yes and No questions, answer all of them and press Save Questionnaire
If there are no errors, the Calculate Rating button will become blue. Click Calculate Rating
Yeay! we now have generated the Content Ratings. Click Apply Rating
Our ratings are now applied. You will see a green checkmark at Content Rating. Next, we will set Pricing and Distribution
See you in the next tutorial
Publishing Your Android App to Play Store – XZIMG Augmented Vision Tutorial 2 of 7
Registering For A Google Play Developer Account
Note: You would need to pay a 25$ registration fee in the payment step
Go to https://play.google.com/apps/publish/signup/ and sign in with your Google Account. If you don’t have Google Account, you need to create a new one.
An Agreement Page appears. Agree with the agreement and click Continue To Payment
A payment window appears. Complete the details and press Buy
Finally, after the payment, fill in the Developer Profile form and click Complete Registration
You will then be able to access the Google Play Console. This means your registration is now complete. You would notice though that there will not any app registered unlike my account.
Publishing our app to Google Play Console
Click Create Application
A window appears. Fill in the title of your application and press Create
Uploading the App Bundle (.aab)
Click App Releases
For the purpose of simplicity we will skip beta testing and assume that our program is already the Production version of things. Wooooow. Under Production Track, click Manage
Click Create Release
You will be asked to let Google manage and protect your app signing key, press Continue
Click Browse Files
A file window opens, select our .aab and click Open
Once upload is done, the Android App Bundle will be shown together with its version code and size.
Scroll down to What’s new in this release? Then type a simple description of the changes you made to the app. Since this is the initial release, lets type in “This is the initial release of the application” and press Save
We are not done yet, don’t click Review. Next, we will set a Content Rating
See you in the next part of the tutorial
Publishing Your Android App to Play Store – XZIMG Augmented Vision Tutorial 1 of 7
Introduction
In the previous tutorial post, I have taught you how to publish a test app to Android. In this tutorial we will cover the topic that is a must for developer creating apps for Android, which is Publishing your Android App to Play Store.
- This tutorial will be broken down to 7 parts. They are:
- 1 : Getting your app ready and publishing it as Android App Bundle (.aab)
- 2: Registering Google Play Console account and uploading the aab
- 3: Setting the Content Rating
- 4: Setting the Pricing and Distribution
- 5: Setting App Content description
- 6: Setting Store Listing
- 7: Final Steps and Publish!
Prerequisite
You need a few things in order to put your app to the Play Store. If you are not a graphics guy, you would need to ask a friend with such knowledge to help with the graphics part.
- A privacy policy for your app. You can get one from https://www.websitepolicies.com/. Websitepolicies.com will provide you a public link to your policy. This is what you will need later.
- Graphics for Play Store
- 2 Screenshot of your application (Don’t know how to screenshot? Learn Here)
- JPEG or 24-bit PNG (no alpha)
- Minimum dimension: 320 px
- Maximum dimension: 3840 px
- 1 High Resolution Icon for your apps
- 32-bit PNG (with alpha)
- Dimensions: 512 px by 512 px
- Maximum file size: 1024 KB
- 1 Feature Image
- JPEG or 24-bit PNG (no alpha)
- Dimensions: 1024px by 500px
- 2 Screenshot of your application (Don’t know how to screenshot? Learn Here)
- Descriptions for your App
- 1 Title (The name of your app)
- 1 short description of your app (80 characters max)
- 1 long description of your app
- Note: All your descriptions must not contain:
- User testimonials
- Excessive details
- OK : “This is an AR app on cats, for cat lovers”
- Don’t: “this is an AR app on cats, brown cats, blue cats, silver cats, cat food , cat drinks, cats getting drunk in a bar and starting a fight, and many other cats”
- Misleading references to other apps or products
- Repetitive, excessive, irrelevant keywords, keyword spamming
- Avoid including these:
- Sexually suggestive images
- Profanity and vulgarity
- Graphic violence
- Depictions of illegal drug use
Preparing for our App for deployment
Go to File > Build Settings > Player Settings
Change the App icon
Drag and drop your created app icon into Assets folder in Unity
Drag and Drop the icon to the Default Icon in the Project Settings
Creating a Keystore
Under Publishing Settings, Click Keystore Manager
In the Keystore Manager, Click the Keystore menu and select Create New > Anywhere
A save file window appears, save this keystore file somewhere safe.
Do not, i repeat do not lose this keystore file. Backup it multiple times! Without this keystore you will permanently unable to update your application. Both in Unity and in Play Store.
Next, we need to fill in the details as explained by the picture example below
Click Add Key
A keystore created confirmation window appears, click Yes
The key has now been set, under Project Key, click the Alias menu and select our newly created key value
Building our Google Play App Bundle
In the Build Settings window, select Build App Bundle (Google Play), then click Build
A save file window appears, select a folder to put the built file in. In my example, i put it in a new folder named AAB. Click Save
Once done, you will have an aab file in your folder
This is the end of Phase 1, in Phase 2, we will upload our app into the Play Store
Building a test build of our project on Android
Prerequisite
To follow this tutorial, you need to complete the previous tutorial on building our application on PC
Switch the Build Settings to Android
Go to File and select Build Settings
The Build Settings window appears, under Platform, select Android and click Switch Platform
Unity will start to switch the application to Android format
Once the switch is completed, under Platform the Unity icon will now appear at the Android instead of the PC
Customizing the Android player settings
Press Player Settings
Player Settings window will appear. Change Company Name, and Product Name to your own name
Check that App Orientation is Potrait
Press Resoultion and Presentation to expand its settings
Under Resolution and Presentation, make sure the Default Orientation is Potrait
Adjusting Other Settings
Press Other Settings to expand its settings
It will expand into a looong settings to something like this
Changing our Package Name
In the Package Name slot, change the Package Name to the format of com.yourcompanyname.product. For an example I used com.mycompanyyeah.test1.
Important Note! Pay Attention yeah:
- Your Company Name and Package Name, should be the same as previously entered at the Company Name and Package Name slot
- No spaces are allowed!
Set Scripting Backend to IL2CPP
Make sure the Scripting Backend is IL2CPP
Set Target Architecture
Check ARMv7 and ARM64. ARM64 is compulsory as now Play Store will only accept app that support ARM64. ARMv7 is selected so that we can support older devices.
Press Build Button to Build our apk
Select where to save the .apk
A window appears, lets put our apk to the desktop
The APK will start building
Our test APK will appear. Copy it to your Android Phone and install it
Don’t know how to install an APK? Click this link and read the tutorial here
Testing our AR on Android
Run our installed Test App and scan our Image Target. It should work now. Yeah!
Deploying our AR to PC – XZIMG Augmented Vision
Now that we have completed our first AR simple project as per our previous tutorial, lets try to deploy our XZIMG Augmented Vision project to PC
Accessing the Build Settings
Go to File, select Build Settings
You will see something like this
Add Current Scene to our Build
Click Add Open Scene to add our current scene to our build
Our scene has now been added to our build. It will be listed in Scenes In Build
Building the Application
Press the Build button
A window appears asking where you want to store the built application. You can store it wherever you feel is convenient. I usually create a folder called Output inside my project folder, once you selected your own folder, press Select Folder
The Application will start building
The completed Application will be stored at our selected folder
Testing the application
When you run the Application, this window will appear. I recommend to check the Windowed option, so that it is easier to move the AR app around when its running, otherwise it will run fullscreen. Its just a preference though
There it is, our application is playing happily from our PC
SYAZMEDIA PLT 