Blog Posts

AR Post Production

May 4 2023
|
Image Carousel

Hi! We finally made almost everything work. We made an app using React which combined all our experiences into one experience. The first experience was the cover page which we got to work pretty easily but we just added some audio in the experience to make it more immersive.

The second experience is scanning the Palm tree which launched the palm tree our 3D team built. This was also daily easy to set up but we just had to figure out how our asset would pop as the user would be holding the booklet in their hand.

The third experience was the trickiest as we were trying to have all the trees we built surrounding us but that didn’t work so we had to make a next button to toggle through the different trees. The experience was working as a separate experience but when we imported it into our react based app something went wrong and the next button just did not work. This led us to reaching out to the 8th wall slack which included its developer who also could not figure this out. In the end my partner who was helping me develop this AR reached out to his developer at work who looked at our code and fixed it in two minutes. We just had an extra line of code that wasn't supposed to be there which was messing up the next button. When we got that working we had an issue with the sizes of the 3D assets as some were bigger than the others. We tried to scale them up using our code but it scaled all of them up which also didn’t help us. This led us to asking the 3D team to rerender the models on the same scale which finally worked in the AR experience. We had an issue earlier with the sizes of the 3D models and the format which we were also able to fix by importing them in blender and decreasing the poly count and exporting them as glb.

The 4th experience is the carbon sequestration 2D animation which was easy to set up as we just had to replace the previous version of the 2D animation with the newer version. The issue I had with this was that the cover image was a pink flower and the animation started showing the dirt on which the car was traveling. To make a more seamless interaction I had this changed altogether by having the animation start from the blue skybox in the render and having the activation image also be the skybox. This made the experience more seamless as when we scanned the blue skybox it just looks like the skybox converts into the first frame of the animation which starts playing.

Lastly, we are still trying to figure out how to make the grow your own microforest experience work as our 3D assets are around 80mb and when we place more than two trees 8th wall crashes. We tested this experience using some really low poly asset from the internet which was 44kb and you could place as many as you want. Now we are trying to model a really low poly tree quickly that we can use in this so the 8th wall doesn't crash. We basically had to compromise on the quality of our assets to make our experiences work better.