📜 ⬆️ ⬇️

Interactive story of Apple on Fifth Avenue in Unity3D

The topic of using 3D on the web has always been very interesting. Firstly, it is simply new and unusual, and secondly, it opens up a lot of new opportunities.

In general, we want to share our experiment. I know, for game developers, this is baby talk. But for those who used to be afraid to approach realtime presentations, perhaps our experience will be interesting.

image

The presentation is dedicated to the history of Apple devices. We chose the famous Apple store on Fifth Avenue in New York (glass cube) as a “museum”.
')
At first there was a great desire to deal with WebGL. After all, this is actually a platform for the whole future of online 3D. But due to the need to write most of the "manual", as well as the existing restrictions in the choice of platforms, as well as technically, they stopped on Flash. Just at this time, export to Flash appeared in Unity.

Actually the presentation itself (you need a Flash player, it loads 20 MB)

Video preview (FPS below due to video capture):



Interactive Presentation Apple Store

Interactive Presentation Apple Store

Interactive Presentation Apple Store

Interactive Presentation Apple Store

Apple Store Interactive Presentation

Work process:

- Create 3D models, scans, textures


- Animation of moving objects (will be launched when events are activated)
- Adjust the light and baking textures (diffuse and irradiance maps separately). For this, it is easier to use the familiar render in the 3D package, rather than the built-in capabilities of Unity.


- Record and audio slicing
- Import all of this in Unity, setting up objects and shaders. Duplicate objects are made in one mesh, because otherwise performance drops significantly. For the same reason, we had to abandon the sources of light in the scene.


- event scripting
- Export under the necessary platforms

We have never done realtime graphics before. Therefore, it is doubly pleasant that now there is an opportunity for “artists” to try themselves in this area.

Source: https://habr.com/ru/post/169561/


All Articles