STYLY Spatial Layer Plugin for Vision Pro

What is this plugin?

• You can upload your Unity contents to STYLY for Vision Pro.

Notes

• Contents of STYLY for Vision Pro is not compatible with STYLY for other platforms. Its code base is different from STYLY VR or STYLY mobile.
• STYLY for Vision Pro doesn't have 3D contents creation tools for now.
• Please give us your feedback on Github Issues.
• Your contents will be published to the PUBLIC. Don't upload your contents which you want make private.
• Contents gallery on STYLY app is white list based now. STYLY team may pick up your contents display in the app.

Requirements

• Unity
  • Unity 2022.3.27 or later (Use 2022.3.XX)
  • Modules:
    • visionOS Build Support
  • Render pipelines: URP
  • Color Space: Linear
• Xcode (if you want to test with visionOS simulator)
  • Xcode 15.2 or later
  • Apple Silicon Mac (M1/M2/M3)

Links

• STYLY app for Vision OS Simulator download
• Website of STYLY for Vision Pro
• Github repository
• OpenUPM page

Supported features for STYLY visionOS Plugin

• Mixed Reality mode: Bounded Volumes, Unbounded Volumes
• Standard URP shaders: Lit, Simple Lit, Unlit and some shaders in supported Unity packages
• Visual Scripting
• Timeline, animator, animation, audioclip and other basic features. See Supported Unity Features and Components page for the detail.

NOT Supported features for STYLY visionOS Plugin

• Fully Immersive VR, Windowed Apps
• Your C# scripts
• Custom shaders
• Video player
• Visual Effect Graph
• Postprocessing Stack

Supported Visual Scripting Unity packages

• VRM Visual Scripting Nodes

• glTFast Visual Scripting Nodes

• Spectrum Visual Scripting Nodes

• WebRequest Visual Scripting Nodes

  You are moe than welcome to recommend new custom Visual Scripting nodes to support.

How to setup

Unity

• Install Unity via Unity Hub

  • Install Unity 2022.3.27 or later (Use 2022.3.XX) with modules:
    • visionOS Build Support

Setup Unity project

• Option A (Easiest & recommended): Download Unity Template Project including STYLY visionOS Plugin and supported packages

• Option B (for existing project): Use OpenUPM .

  • Prerequisites : Node.js 14.18 or above

    # Install openupm-cli
    npm install -g openupm-cli

    # Go to your unity project directory
    cd YOUR_UNITY_PROJECT_DIR

    # Install STYLY plugin for Unity
    openupm add -f com.styly.styly-spatial-layer-plugin
    # Install supported packages for STYLY
    openupm add -f com.styly.package-collection-spatial-layer

Xcode

• Install Xcode 15.2 or later with visionOS simulator. Xcodes is the easiest way to install and manage multiple versions of Xcode.
• Open Simulator from Xcode menu. ClickXcode -Open Developer Tool -Simulator
• Open Vision Pro simulator from menu. ClickFile -Open Simulator -visionOS 1.0 -Apple Vision Pro

Install STYLY for Vision Pro into the visionOS simulator

• Install STYLY for visionOS into the simulator
  • Download STYLY-Vision-OS-App.app and drag the app file to the simulator window from Finder.

How to build and upload contents

Unity prefab can be built and uploaded to STYLY. Right click a prefab in a project window and select STYLY - Build Content FIle

Built file will be created as yyyyMMddHHmmss.styly in _Output directory in your project.

STYLY for visionOS webpage will be opened in a browser. Login with your STYLY account.

Upload your built contents (.styly file) with its title, description and display type.

• Bounded: Your contents will be displayed in 1m x 1m x 1m size. Contents can be displayed with other apps.
• Unbounded: Your contents will be displayed exclusively in a space.

How to play the contents on STYLY

• Open content page on visionOS simulator. You can copy and paste your URL of the content from your Mac to the simulator.
• Click Play on device on the page.
• Your content will be displayed.