At this point, you should be able to navigate the scene in the browser by pressing CTRL/Command and Enter, or from the menu option Control > Test Movie > In Browser. For more information on how to create a VR-360 degree document in Animate, see “Virtual Reality authoring and publishing.”
In our museum app, we will create two scenes and create two texture-wrapped layers. Click here to see how the application looks at the end of this step. Hold the left mouse button and move to navigate the scene in the application. You can download the FLA file to try out.
Step 2: Add objects to the view
The next step is to add the following objects to the scene:
- Paintings on the wall
- Pop-up banners for the paintings to display information when a user clicks on a painting
- Directional sign (Clicking on this navigates to the other scene)
- Images for 3D arts
- Pop-up banners for 3D art
We will also add movie clip animation for one 3D art. Adding animation in a 360-view is similar to adding one in flat animation. After this step, all animations (for pop-up images and directional signs) start together, on the loading of the scene. We will fix this in the next step using scripts.
Click here to see how the application looks at the end of this step. You can download the FLA file to try out.
Step 3: Add interactivity
In Part 2 of this article, you can learn how to add interactivity.
All demos in this article are created by my colleague on the Animate Team, Arvind B.V. Assets for the demo are licensed from Adobe Stock.
Source: https://theblog.adobe.com/creating-vr-360-content-with-animate-2019/
