top of page
Stationary photo
globe.png

AR GLOBE

In many cases AR has a great advantage over other media in education area, bacause AR could deliver a richer variety of information in a 3D area than traditional media.

Project Brife

This project is an AR globe, type of educational science software, built in mobile platform, which includes information display of each continent around the world, as well as narrative and storytelling elements.

Technical Implementation 

As an AR application, plane detection in AR CORE and AR CAMERA are used to detect environment, and with the using of ANIMATOR in unity to achieve the animation control in the object.

图片1_edited_edited.png

Diegetic UI System

One of the characteristics of Augmented Reality is that it is bonded with space, so in terms of information display in this project, a 3D user interface integrated in space is adopted, which is called “Diegetic UI”

HandsDistance_15_14.gif

As seen in the above GIF, the coordinates of the starting point fit the ground in space, and in terms of the information display of each continent, these UI elements have a relative spatial location to the globe, and these integrated information displays in space also enhance the immersion of the AR medium as well.

HandsDistance_15_12.gif
HandsDistance_15_13.gif

Asia

globe.png
mark.png

Diegetic UI 

Asia

Square                       Of  Earth
43820      30%     
Population               Of  Earth

4.16            60%      

Storytelling

spaceship.png
spaceship.png

As an educational software for children, narrative elements are particularly important. This project tells a story from the perspective of a rocket, with actions such as generation, take-off and surrounding flight.

To get a complete storyline, a spaceship build-launch-disintegrate-reach orbit storyline was designed, and because of the limited space where the story takes place, reverse-moving and falling thrusters were added to simulate the ship's constant "upward motion" situation.

Demo Video

Songkai Jia. Creative XR designer

bottom of page