How to upload a prefab from Unity to STYLY

In this article, I am going to show you how to use prefabs created in Unity on STYLY.

STYLY allows you to produce and upload assets created by 3DModel, Particle system (Shuriken), Light, UI elements, Shader (e.g. using Amplified Shader), PlayMaker, etc.

Assets that have been made interactive in Unity, as well as being animated and colored. Surely, you can do the same using Light assets and STYLY while I am sure you would love to try it out as a new way of expression!

 

Requirements

STYLY is compatible with Unity 2019.3.6f1. Also, make sure you have the following components installed,

Unity Download Assistant

  • Windows Build Support(default installation in Window’s setting)
  • Mac Build Support (default installation in Mac’s setting)
  • Android Build Support
  • WebGL Build Support
  • iOS Build Support

 

Types of assets that can be uploaded

The STYLY plugin for Unity allows you to include the following types of assets in STYLY,

STYLY Studio

STYLY Studio

  • 3DModel(also possible with animation in Mecanim)
  • Particle system(Shuriken)
  • Light
  • UIelements
  • Shader(e.g. using Amplified Shader)
  • Assets with PlayMaker

The upload process is the same for all these different types of assets.

Simply prefabricate the assets you want to use and upload to STYLY. 

(*) Note
If your PlayMaker-attached actions don’t work well on STYLY, you may notice that after the addition. Try clearing the cache on your browser, and be mindful that STYLY does not support scripts written in C#.

 

Prepare to upload to STYLY

To prepare for uploading from Unity to STYLY, we import the STYLY plugin for Unity into Unity.

 

Download and import the STYLY plugin for Unity

The STYLY plugin for Unity allows you to upload a prefab to STYLY you’ve created in Unity.

Way to download the STYLY plugin for Unity- first, go to the following link, or from the menu on the top screen of STYLY, click [DOWNLOAD], and access the download page from the menu. 

STYLY Top Page

STYLY Top Page

In the DOWNLOAD page, click the STYLY plugin for Unity DOWNLOAD button at the bottom to start downloading.

Click on the STYLY plugin for Unity.

Click on the STYLY plugin for Unity.

 

Upon completion, import the STYLY plugin for Unity into your Unity project.

Open your Unity project. Go to the Assets menu > Import Package menu and select [ Click on the [Custom Package…] menu.

Custom Package

Custome Package

 

Select the STYLY Plugin that you just downloaded and click the [Open)] button.

 

Leave all the checkboxes checked as they are and click the [Import] button.

 

If “STYLY” is added to the menu and the “STYLY_Plugin” folder is created in Project, the import is successfully completed.

UNITY PLUGIN FOR STYLY (BETA) import Step 4

UNITY PLUGIN FOR STYLY (BETA) import Step 4

 

How to connect your STYLY account to STYLY_Plugin

You need to obtain an API key for your STYLY account.

Here’s how to get your API key,

Click on your account's icon

Click on your account’s icon

Log in to STYLY Studio and click on the account icon.

Click 'Account'.

Click ‘Account’.

When the pop-up appears, click Account.

On the Account tab, copy the API key.

On the Account tab, copy the API key.

On the Account tab you will find the API key, click the copy button on the right.

 

Connect your STYLY account to STYLY_Plugin Step 2

Connect your STYLY account to STYLY_Plugin Step 2

Go to the STYLY menu in your Unity project and click on Asset Uploader Settings.

 

Connect your STYLY account to STYLY_Plugin Step 3

Connect your STYLY account to STYLY_Plugin Step 3

 

In the Email form, enter the email address of your account. In the API Key, paste the key that you copied earlier. You have now connected your STYLY account to STYLY_Plugin.

 

Sett up the cache server

Before uploading to STYLY, set up a local cache server first to shorten the upload time.

Mac users can go to the ‘Unity’ tab in the top menu bar and click ‘Preferences’.

Windows user can go to the “Edit” tab in the top menu bar and click “Preferences”.

In both cases, the screen shown in the following figure should appear.

 

From the Cache Server screen, select Local from the drop-down menu. Your cache settings are now completed.

 

Upload from Unity to STYLY

Once your plugin is ready, you can upload it to STYLY by following these steps

 

How to check the size of the file to be uploaded

Here’s how to check the size of your prefab file- Upload takes a few minutes to a lot longer, especially if the size is large, so you’ll need to Check the size of your prefab file before uploading it to STYLY.

Upload file size confirmation screen

Upload file size confirmation screen

To check the file size, right-click on the prefab you want to check and select [STYLY] > [ Click the [Check File Size] button. We recommend that you upload a prefab file of 20MB or less.

 

How to upload a prefab file from Unity to STYLY

Once you’ve checked the file size, you can upload the prefab you created in Unity to STYLY.

 

Prefab Upload Screen

Prefab Upload Screen

Here’s how to upload it- right-click the prefab you want to upload. Click STYLY > Build and Upload Prefab Asset . The upload process will be executed.

 

How to upload a prefab from Unity to STYLY Step 2.

How to upload a prefab from Unity to STYLY Step 2.

If the upload process is successful, a pop-up message [Upload succeeded] will appear, click [OK]. If an error occurs, provide detailed information about the error (operation procedures and send a (screen capture) to the following, “Contact for errors”.

 

  • Japanese:https://www.facebook.com/groups/stylyusers/
  • English:https://www.facebook.com/groups/STYLY.VR/
  • Email:info@styly.cc

Multiple prefab uploads (Added 11/03/2018)

STYLY now supports multiple prefabricated uploads. Download the latest version of STYLY.unitypackage and follow the same steps as above to attain the latest version of STYLY.unitypackage in Port. Select the prefabs you want to upload in the Project scene, then right-click and select Please select “STYLY” > “Upload or scene to STYLY” as in the previous section. Select STYLY > Upload or scene to STYLY, as mentioned previously section.

 

Prefab multiple selection

Prefab multiple selection

Now you can upload multiple prefabs at one time.

How to upload a whole Scene from Unity to STYLY

You can also upload an entire scene in Unity.
For more information on the scene upload feature, see this article.

 

Use the uploaded prefab STYLY

Here’s how to check your uploaded prefab.

 

Use the uploaded prefab STYLY

Use the uploaded prefab STYLY

Open STYLY Studio. Next, click on the [Assets] button and then click on the [3D Model] button. Finally, click on the [My Models] menu. All you need is a prefab and you’re done!