STYLY for Vision Pro Content Production Manual

Overview of STYLY for Vision Pro

STYLY for Vision Pro is an application that allows you to create and distribute MR content on Apple Vision Pro. Content creation uses Unity. It is not compatible with other devices’ STYLY, so please be careful if you are using the previous STYLY.

  • Content for STYLY for Vision Pro is not compatible with other platforms’ STYLY. The distribution system differs from STYLY VR and STYLY Mobile App, and created content cannot be experienced on the other.
  • STYLY for Vision Pro does not have the web-based content creation tools like the conventional STYLY. Please use Unity for content creation.
  • The content gallery of the STYLY app is now whitelist-based, with an application and review system (form under preparation).
  • Created content will be made public. If you want to keep the content private, do not upload it.

To upload content from Unity to STYLY for Vision Pro, please use the STYLY Spatial Layer Plugin for Vision Pro.

System Requirements

・Unity

Check the supported version here

STYLY Spatial Layer Plugin for Vision Pro is compatible with both Windows and Mac. However, the created content can only be experienced with Apple Vision Pro or a Mac with Apple silicon.

Shortcut Links

Unity Setup Guide for STYLY for Vision Pro

STYLY Spatial Layer Plugin for Vision Pro Supported/Unsupported Features

Supported Features

  • Mixed Reality mode: Bounded Volume, UnBounded Volume
  • Standard URP Shaders: Lit, Simple Lit, Unlit, and some shaders of supported Unity packages
  • Visual Scripting
  • Basic features like Timeline, Animator, Animation, Audio Clip

For more details, refer to the Supported Unity Features and Components page.

Unsupported Features

  • Fully immersive VR, windowed applications
  • C# scripts
  • Custom shaders
  • Visual Effect Graph
  • Post Processing Stack

How to Install the Recommended Version of Unity

With Unity Hub installed, enter https://unity.com/releases/editor/whats-new/2022.3.27 in your web browser (check the latest Unity version for the STYLY Spatial Layer Plugin for Vision Pro here).

Click the Unity Hub link.

Image9

When the pop-up message “Open in Unity Hub?” appears, click Open Unity Hub. The installation screen will be displayed, and select the one labeled Silicon for installation.

If you are using Windows or an Intel Mac, select the one labeled Intel.

Image19

In the module selection field, check the following module and click the continue button.

・visionOS Build Support
visionOS Build Support only

Image25

The installation will begin.

Image2

How to Create a Unity Project for STYLY for Vision Pro

Download the Unity Template Project that includes the STYLY visionOS Plugin.

Extract the downloaded zip file.

Image21

Launch Unity Hub, click the Add button on the Projects screen.

Image6

Select the extracted folder and click the Open button.

Image17

Unity will start, and you’re done.

Image20

How to Upload Unity Content to STYLY for Vision Pro

Convert the object you want to upload to STYLY for Vision Pro into a Prefab.

To convert to Prefab, drag and drop the game object you want to convert from the Hierarchy window to the Project window.

Image13

Select the Prefab and click STYLY > Build prefab.

Image5

A xxxx.styly file will be created under the Unity project folder > _Output.

Image18

The website will open, click the Dashboard button.

Image24

Click the New content button.

Image1

Enter the information of the content to be uploaded.

  • Title: Scene name
  • Description: Description of the scene, how to experience it, etc.
  • Display type*1
    • Bounded: The content is displayed in a size of 1m×1m×1m and can coexist with other apps besides STYLY
    • Unbounded: The content is displayed using the entire space and cannot coexist with other apps besides STYLY
  • Visibility*2:
    • Public: Listed
    • Unlisted: Do not list
Image22

Display type*1
Refer to the explanation of the differences between Bounded and Unbounded in Apple Vision Pro

Visibility*2
Check the list to see other creators’ scenes and the list of scenes you created yourself

Click the Select a file button.

Image27

Select the xxxx.styly file.

Image18

Click the Upload button.

Image14

Upload completed.

Image16

How to Update/Edit/Delete Uploaded Scenes

Select the scene from the Contents page.

Image12

Updating the Scene and Changing the Display Type

Click the Update content button.

Image15

You can update the scene by uploading the display type and .styly file.

Image8

Changing the Title, Description, Listing on the List, and Thumbnail

Click the Edit button.

Image4

Change the title, description, listing on the list, and thumbnail.

Image7

Deleting a Scene

Click the Delete button.

Image10

Check the List of Scenes Created by Other Creators and Yourself

On the Contents page, click the Check contents by other creators link.

Image11

Only scenes set to Public in the Visibility section when uploading the scene will be displayed on this page. Use it when checking the operation of the scene multiple times. Other creators can also see it.

Image3

Request to Feature Your Created Scene on the STYLY for Vision Pro App

The Featured section of the STYLY for Vision Pro app features selected STYLY scenes displayed when the app is launched.

Image26

Please check the content listing policy (https://github.com/styly-dev/STYLY-Spatial-Layer-Plugin/wiki/Content-listing-policy) and apply using the Request listing button to open the application form.

Image23

Xcode visionOS Simulator Setup Guide

If you have a Mac PC, you can experience the content created using the visionOS simulator on Xcode.