Animate introduces VR 360 and VR Panorama document types to help you create engaging content with ease. Also, you can use the new virtual reality document type to import 3D models (as .glb files) to your Animate project and create animations on 3D content.

To preview content created in VR document types, you can use the newly introduced VR View panel. You can click and move MovieClip instances in the VR View panel. Animate detects the objects automatically when you click and move them around. VR View enables you to place the objects in the 3d space. The changes made in placement of the objects (movie clip) in the VR View are reflected back to the 2d stage automatically. You can also mark layers as texture layers on the Timeline panel, to be wrapped on a cylinder or a sphere for the two respective document types.

Animate also lets you manage the virtual reality animations at runtime with the help of a rich set of APIs. For example, you can introduce some objects in the virtual reality environment when a user clicks a button.

Merk:

Virtual Reality (360) and Virtual Reality (Panorama) in Animate are Beta versions for October 2018 release.

Virtual reality document types

There are two document types for Virtual Reality (VR):

VR Panorama

Use this document type to create panoramic content for Virtual Reality applications.

In this document type, the content which is drawn directly on texture layers is wrapped on a cylinder.

You can choose to either have a panoramic image on texture layer or draw a background.

Animate converts 2D animations that you create into panoramic content along with interactivity.

VR 360

Use this document type to create 360-degree content for Virtual Reality applications.

In this document type, the content which is drawn directly on texture layers is wrapped on a sphere.

You can choose to either have a equirectangular image or draw the content.

Animate converts 2D animations that you create into 360-degree content along with interactivity.

Virtual Reality 360 and panorama in launch screen

Authoring and publishing virtual reality content

Use the following steps to create virtual reality content in Animate:

Import a 360 or panoramic image on stage for background.

If the image size is large, you can adjust the size of stage view.

To set the size, select Modify > Document

Click Match Contents

Choose Center Stage icon at upper-right corner of window, to set the image to the center of your screen.

To create a layer as texture layer, click the Create Texture Wrapping for all Layers icon in timeline panel, as shown below in the screenshot:

Create texture wrapper for layers

The texture layer wraps around the cylinder or sphere, depending on the document type you selected.

Add objects to the stage, add classic or motion tweening to the objects depending upon your assets, and create your animation.

VR 360 stage

The screenshot shown above demonstrates the staging view of Animate with the equirectangular image in VR 360 document type, a bird with a guided motion path, and classic tweening in the timeline.

Preview the content using Windows > VR View.

Using VR View to preview VR content

Click Launch VR View button in the VR View panel.

VR View panel

In VR View preview mode, to reset the content to its initial state, use Reset button. VR View does not automatically reflect any changes on the authoring stage. To view the changes applied on your assets in staging environment, click Refresh.

Refresh and Reset options of VR View

You can move MovieClip instances in the preview mode. Animate detects the objects automatically when you hover the mouse on them. The cursor shape changes to cross bar icon when you hover the mouse on objects as shown in the screenshot below.You can move objects along a cylinder or a sphere path depending on the selected document type.

To pan around the VR View window, click on preview screen and drag around.

Cross-bar icon to move objects

Use File > Publish or Ctrl + Enter to publish the content. When you publish, the image wraps on a cylindrical or sphere mesh in Animate. You can add more layers and animation content on those layers.

The sample Virtual Reality 360 published output appears as shown in the below animated GIF.

VR 360 output sample

VR panorama output sample

When you publish the virtual reality content, you can choose to use hosted JavaScript libraries as runtime. By default, the Animate uses the runtime for published content from the hosted libraries. You can uncheck the option in Publish Settings if you want to package runtime with your published output.

Publish settings for libraries

Using 3D content

You can use the virtual reality document type to import 3D models (.glb files) to your Animate project and create 3D content.

Create a document of type VR (360) preview or VR (panorama).

Choose File > Import and browse to the .glb file to import into stage or library.

import 3D content to stage

Add animations and interactivity similar to movie clip objects and publish.

You can also preview the 3D model in VR View.

Using virtual reality at runtime

Animate also lets you manage the virtual reality animations at runtime with the help of APIs. For example, you can introduce some objects in a 360 virtual reality environment when a user clicks a button.