Major Studio Research Process
Mood Board and Sketches
Examples that I will always refer back to when design my own.
I picked the story of a lost key to show in this demo...
Here I have a demo in adobe XD to show the interaction features and user experience. Interaction contents: sound, voice controls, menu, animations
Develop in AR
By using AR.js, it may make more sense to show you how to use this app. Here I also met a further question: Which is the best way to display my objects into the scene. Here are the three solutions: I have the last two version demos
- Location Base: https://zhijunsong.github.io/testarjs/
- Image Detect: https://zhijunsong.github.io/arjsTestio/
To try this two app, please open these two links in your phone browsers. For the Image Based App open the second link on your phone and scan this picture.
Finally I test out the location based app.
As the images on the left show, there is a simple model loading in the scene. (This is a rough draft now, and lots of interactions haven’t been developed yet.)
Features under development:
- menu bar,
- popup message box...
I will try to finish the app by the final.
Set Locations and Pins to my Scene
Here is another part that I’m developing. In order to let people find all these objects easily, it is necessary to display a pin over each objects.
To run the app, open this link on your phone and agree to use geolocation datas. https://zhijunsong.github.io/LocationBasedAR/
Click on this pins, it will show a place tag.