Location, floor, and room:

E15 LL Floor Atrium

The development tools used to build the project:

Unity, Maya, Logic. Microsoft HP Developer Mixed Reality Headset

SDKs used in the project:

Three.js, A-frame, AR.js

APIs used in the project:


Any assets used in the project that you did not create:

Unity Asset Store: Standard Assets : https://assetstore.unity.com/packages/essentials/asset-packs/standard-assets-32351 WebVR Assets: https://assetstore.unity.com/packages/templates/systems/webvr-assets-109152 SkyBox Series Free: https://assetstore.unity.com/packages/2d/textures-materials/sky/skybox-series-free-103633

Outside Free Assets: Ruin Building 3D Model: https://free3d.com/3d-model/ruin-building-3d-model-25865.html Building: https://free3d.com/3d-model/building-54495.html Old house: https://free3d.com/3d-model/0ld-house--82527.html Buildings in the city: https://free3d.com/3d-model/buildings-in-the-city-471489.html Brick Building: https://free3d.com/3d-model/brick-building-51863.html NYC Brownstone: https://free3d.com/3d-model/new-york-city-brownstone-building-v1--277076.html Background Building: https://free3d.com/3d-model/backgroundbuilding-40839.html Building 3D model: https://free3d.com/3d-model/building-5851.html Building NY: https://free3d.com/3d-model/building-ny-41684.html Newspaper stand: https://free3d.com/3d-model/-newspaperstand-v2--547433.html Fire Hydrant : https://free3d.com/3d-model/nyc-fire-hydrant-v2--645772.html Bench: https://free3d.com/3d-model/bench-84662.html Stop Sign: https://free3d.com/3d-model/stop-sign-58062.html Traffic Cone: https://free3d.com/3d-model/traffic-cones-10923.html Street Lamp: https://free3d.com/3d-model/lamp-post-2-80323.html Rat: https://free3d.com/3d-model/rat-v2--794593.html

3D Icons for AR overlay: Health of Flora+Fauna: https://poly.google.com/view/3tyh15Fbmsx Air Quality: https://poly.google.com/view/8Tke6WIyZtg Land Dev: https://poly.google.com/view/a9-g0Ylwft7 Pollution: https://poly.google.com/view/70kkg-FJIoi Water Quality: https://poly.google.com/view/eoQ3UQphRi0 Annual Climate Change: https://poly.google.com/view/58PjkXNdpPb

Background Music: https://freesound.org/people/Speedenza/sounds/206114/

Any libraries used in the project:

Geometric, Mozilla Unity WebVR Export, Exokit

Any components not created at the hackathon:

A link to a video of a screen capture of the application on Youtube


The UN has stated that we only have 12 years to limit the scope of an inevitable climate change catastrophe.

Sparked by unchecked industrial waste and exploitation of resources, climate change is happening faster than our planet can adapt to it. Is this the future you want?

What it does

TerraformAR lets you experience this disastrous future we are headed towards and then offers an AR tool to make this problem visible today so disaster isn't our destiny.

TerraformAR gives form to hidden layers of our ecology as an AR overlay. See the state of the environment around you; including air quality, annual climate change, pollution, land development, water quality, and health of flora and fauna.

How we built it

There are two parts to TerraformAR, the first is a 60 second WebVR intro experience that shows future downtown NYC. This VR experience was built in Unity and exported to the web. Kat used a mixture of her own modeling and premade assets to build and animate this scene. The second part of TerraformAR is a WebAR overlay powered by custom JavaScript code on top of AFrame and Three.js. This custom code is designed to create an WebAR overlay compatible with any smartphone made in the last 5 years. (I.E. not needing WebXR support to display AR in a mobile browser).

Challenges we ran into

To make an easy to use AR overlay available to everyone, we had to make a new type of WebAR framework. This took some serious experimenting to get right.

We also had to source mapping, data and assets that all fit into our concept.

Accomplishments that we're proud of

We built a new type of WebAR overlay!

The future NYC experience looks like rad dreamscape and evokes tons of emotion.

What we learned

Because of all of our limited experience in WebXR tech, we all had to learn how to mesh our skills and learn as we built.

What's next for TerraformAR

We hope to mature the AR and VR portions of the experience and to publish the WebAR overlay as an AFrame component.

Open on a mobile device (Needs GPS, Compass, and Gyro to work): https://realityvirtually2019.github.io/TerraformAR/

Built With

Share this project: