How to upload a VRChat world to STYLY

In this article, I will explain the differences and similarities between VRChat and STYLY, and how to convert a VRChat world to STYLY. This tutorial is based on the slides I used at the ‘Let’s convert a VRChat world to STYLY meeting’ on September 8th.

Introduction

Presentation Slides

I will share the slides I used at the ‘Let’s convert a VRChat world to STYLY meeting’ on September 8th.

How to register to STYLY

First, let’s create a STYLY account by refering to the following article. Once your account is ready, you can use Unity to convert and upload a VRChat world to STYLY.

STYLY supports ‘Unity 2017.4.x’, so it works with the Unity version currently used for VRChat(Unity 2017.4.28). But we need to build the project for Android, iOS, WebGL, Mac, Windows, so please add the needed components refering to the following article.

The Unity skills you learned through VRChat can be used in STYLY too

The Unity skills you have learned through creating VRChat worlds can be used in STYLY too. In this article, I will explain ‘what VRChat functions you can use, and not use with STYLY’ in detail.

I hope more VRChat world modelers, animation/shader/particle creators use STYLY to share their creations.

List of comparisons of VRChat and STYLY

Both VRChat and STYLY use Unity to upload 3D data.

The following Unity functions will work without any special tuning for STYLY. (Note that Shaders will be builded for WebGL and Android, so they may look different according to the device used)

  • 3D data
  • animation
  • animator
  • Audio Source
  • TimeLine
  • Rigidbody
  • 各種Collider
  • 各種Joint
  • Particle system

Similarities

  • Users can upload original VR worlds
  • Uses Unity
  • Scripts are not supported
  • Users can create VR worlds without using VR headsets
  • Users can create gimmicks

Since both services do not support scripts, the basic procedure to create a world is very similar and can be used for STYLY worlds too. As for creating gimmicks, you can use the ‘Playmaker’ asset for STYLY, and can create very complicated ones.

Please refer to the article below in order to setup logics with Playmaker.

Differences

What you can do only with STYLY

Unity is not required to create a VR world
→Since users can create content using a web browser, no software installments are required.

It supports all sorts of VR devices.
Once the Scene is shared, users can experience the scene using HTCVive、OculusRift、OculusGO、WebGL、MirageSolo、and LookingGlass.

You can upload Prefabs
→You can upload Unity Prefabs.When creating a Scene using Studio,by uploading prefabs beforehand, users can use them and easily create a VR world.

Details are explained in the article below.

What you cannot do with STYLY

You cannot upload avatars
→Users can use avatars in VRChat, but STYLY currently does not have such a function.

How to upload a Unity Scene/Prefab to STYLY

There are 2 methods users can use to upload content to STYLY. I will go through the merits and demerits for each.

Merits/Demerits to upload a Scene

Merits: Scene is uploaded as a whole. The lightings and SKYBOX can be used directly.

Demerits: The upload takes a lot of time.

Merits/Demerits to upload Prefabs

Merits: Users can move and place to any Scene using the Studio

Demerits: The Prefab has to be placed using the Studio

For details, refer to the article below.

Please use the method appropriate for the concept of the world you want to create.

How to upload a Unity Scene/Prefab to STYLY

In order to upload from Unity to STYLY, you need a STYLY account, and an email address and API.

Please refer to the following article to create an account.

※In order to upload using Unity, you need a external plugin like VRCSDK.

Please refer to the article below, and import 《UNITY PLUGIN FOR STYLY》.

How to upload a Unity Prefab to STYLY

How to upload a Unity Scene to STYLY

Once the upload is complete, access the Studio and share the Scene.

Once the upload is complete, access the Studio and place the Scene and Prefab. Choose the STUDIO tab from the header menu, and open the Studio page.

STYLY.CCへアクセス後、左上のSTUDIOをクリック

Access STYLY.CC, and click STUDIO at the upper left

Enter your Email and Password, and click the [Log in] button.

EmailとPasswordを入力します

Enter Email address and Password

Click [Launch STYLY Studio] after you log in.

Launch STYLY Studioをクリック

Click Launch STYLY Studio

Click the [Create Scene] tab, and enter the Scene name in the Title form. Next, click the [CREATE] button to create a scene.

Create Sceneをクリック。新しくSceneを作成します

Click Create Scene. Create a new Scene

A new Scene screen will open.

新規Scene画面

New Scene screen

Click the [Asset icon] on the upper left, and click [3D Model].

Assetアイコンをクリック

Click the Asset icon

3D Modelをクリック

Click the 3D Model/caption]

Click the [3D Model], and a list of Google Poly 3D models will appear. Click the [My Models&Upload] tab.

[caption id="attachment_17019" align="aligncenter" width="1000"]3D Model&Upload 3D Model&Upload

A list of Scenes and Prefabs you have uploaded will appear. Select one, and you can open the Scene.

My Upload

My Upload

Scene上に配置すると左側に追加されます

If you place it in the Scene, it will be shown in the left

Strengths that STYLY has compared to VRChat

・Anybody can easily create a VR Scene
→Unity not needed, only a web browser and you are good to go

・You can display your VR scene as a work of art
→Particle Live, Tilt Brush, 360° picture, photogrammetry

How about using STYLY to show and share your VRChat world to the world?
You can use STYLY scenes as your portfolio.
Also, AWARDS are regulary held, and we await your application.