Understanding Assets Which You Can Import into a Scene

In this article, we will introduce the types of assets that can be placed in Scene and how to place them. The types of assets that can be placed are Environment, 3D Model, Image, Music, Video, Lab, and Curated. An asset is a component that creates a Scene.
Click the asset button from the menu field on the upper left of STYLY Studio to display the asset selection screen where you can select an asset.

Asset button


Asset selection screen

Environment

In Environment, there are assets (Skybox, Floor, Light, Filter) that are the basis of Scene.

Skybox

Skybox list

Skybox is a celestial sphere that covers the entire screen. You can greatly change the image of Scene by changing Skybox.

It looks like changing Skybox

Floor

Floor list

Floor is the floor / ground. After deploying Skybox, let’s set Floor.
By arranging Skybox and Floor, I was able to make a base for Scene.

It looks like changing the floor

Light

Light

Light is a light source that illuminates the entire space like the sun. If you don’t have enough light, place the Light in the Scene.
Also, to adjust the light, first select the Directional Light on the scene. Next, you can change the angle of the light that illuminates the 3D model by displaying the manipulator for rotation with the E key and rotating the direction that the light points.

How to change the angle of light

Filter

Asset list screen Filter

Filter allows you to filter Scenes. There are 10 types such as Cool, Night and Heaven. You can easily create an artistic scene.

Filter usage example

Using various filters, I was able to quickly edit Scenes with different atmospheres.
By using different filters in this way, you can produce various effects.

3D Model

アセットリスト画面 3D Model

Asset list screen 3D Model

In the 3D Model menu, you can place Objects, Particles, and Polys in the Scene, and upload the 3D model from your PC to STYLY. I will introduce each category.

Object

Object allows you to place STYLY standard 3D models. There are assets of plants, clothes, furniture, animals, and buildings.

Object一覧

Object list

Particle

Particles allow you to place particles such as stars, flames, lightning, and rainbows in the Scene.

Particle一覧

Particle list

* What are particles?
A mechanism to generate and move many small dots. By placing a plate polygon or model at that point, you can produce smoke, flames, magic effects, etc.

DustSparkle RedをStudioに配置した様子

Dust Sparkle Red placed in Studio

Poly

Poly is a library of 3D models published by Google.You can share user-created 3D models.
Poly allows you to search for 3D models of Google Poly and place them in Scene. You can also narrow down the categories in the category search menu.

カテゴリー選択欄

Category selection field

You can also search by entering a search word or URL in the search form.

検索欄

Search field

I will introduce how to get the URL of the 3D model from Google Poly. 
Go to Poly and find the 3D model you want to place.
When you click the share button, the URL will be displayed, so copy it. Or copy the URL of your browser.

Google Poly site URL acquisition method 2

Paste the copied URL into the search form and click the Search button. Then you can place the 3D model found in Google Poly in the Scene.

My Models & Upload

My Models & Upload画面

My Models & Upload screen

My Models & Upload allows you to upload 3D models from your PC to STYLY. The data format of the 3D model corresponds to the following.

  • FBX
  • Blender
  • OBJ+MTL+JPEG
  • glTF(zip file)

Introducing how to upload OBJ + MTL + JPEG files. Other formats can be uploaded in the same way.
* Only glTF, upload with zip or glb file including glTF file

Click the [Select ..] button.

Select OBJ file, MTL file, JPEG file.

OBJ + MTL + JPEG file Upload method 2

Enter the file name in the upload file name form and click the [Upload] button.

 

You can check the status during upload. Introducing the types of status.

  • Waiting
  • Processing
  • Completed
  • Failed
Upload中

Uploading

When the status becomes Completed, Upload is complete.
You can view the latest status by clicking the Update Status button during Upload.

更新ボタン

Update button

The uploaded 3D model will be displayed in My Models and can be placed in the Scene.

My Models一覧

My Models list

Sketchfab

Data from “Sketchfab“, a 3D model sharing / posting service, can also be uploaded to STYLY.

When you find your favorite 3D model from the 3D model list, click it to move to the details page.
The Download button is displayed at the bottom left of the details page (* It will not be displayed if download is not permitted), so click it. Select either Original format or Autoconverted format (glTF) and click the download button to start downloading.
The glTF format allows you to upload the downloaded file to STYLY as it is, so if you do not want to edit the 3D model, please download glTF.
glTF is downloaded as a zip file, but please upload it to STYLY as a zip file.
For more information about Sketchfab, including account registration, please see the following articles.

Image

STYLY Studio screen Image

Image allows you to place images. The image format supports PNG, JPEG, and GIF. We also have several types of image screens. You can also make the image look like a Skybox, or make the image look like it’s moving. Now, I will show you how to upload images.

Image Upload Method 1

Click the Select .. button.

Image Upload Method 2

Select the image you want to upload (JPG file, PNG file, GIF file).

Image Upload Method 3

Click the Upload button.

Image Upload Method 4

After the upload is complete, click the [Next] button.

Screen selection screen

Select what kind of screen you want the image to fit on. Introducing some screens. Regular Screens mainly include screens with different size ratios, screens with different shapes, and 360 ° screens. 3D Rotating Screens are three-dimensional and moving screens.

Regular Screens

  • Square Screen
  • 16:9 Screen
  • Original Aspect Screen
  • Curved Screen
  • Tunnel Screen

360°Screen

The 360 ° Screen allows you to place the image as a celestial sphere, much like a Skybox.

Rotating Cube

Rotating Slanted

Rotating Sphere

Rotating ICO Sphere

Rotating Star

 
 
  • Rotating Cube
  • Rotating Slanted
  • Rotating Sphere
  • Rotating ICO Sphere
  • Rotating Star

You can also hold exhibitions and solo exhibitions in VR simply by placing your own photos and illustrations on the Scene on various screens.

Music

Asset list screen Music

Music can be arranged in Music. It can be placed from MP3 format files and SoundCloud. Sound is one of the most important elements in VR space. I will show you how to arrange music.

Music MP3 file placement method 1

Introducing how to arrange MP3 files. Click the Select .. button.

Music MP3 file placement method 2

Select the music (MP3 file) you want to place.

Music MP3 file placement method 3

Click the Upload button.

Music MP3 file placement method 4

After the upload is complete, click the [Next] button.

Music MP3 file placement method 5

If you want to play the music repeatedly, select Music player (loop). If you want to play the music only once, select Music player (once).

Music MP3 file placement method 6

Once uploaded, the file is in My Uploads. Here’s how to place music from SoundCloud.

Music SoundCloud placement method 1

Enter your search word in the Keyword form and click the Search button.

Music SoundCloud placement method 2

The search results are displayed in the search result list. If you want to place it, click the Insert this track button. If you want to listen to music, click the Play button. Open the SoundCloud page.

Music SoundCloud placement method 3

If you want to play music repeatedly, select Music player (loop). If you want to play the music only once, select Music player (once).

If you put more than one Music

You can place multiple music, but they will be played in duplicate, so click the thumbnail button to hide the music you want to turn off (OFF for Music).

Video

STYLY Studio screen Video

Video allows you to place YouTube videos. I will introduce the placement method.

Video placement method 1

Enter the search word or YouTube URL in the search form and click the [Search] button. If you search the YouTube URL and the message Prohibited video. Can not use in STYLY is displayed, please note that you cannot use it because the video poster on YouTube did not allow you to reuse the uploaded video.

Video placement method 2

The search results are displayed in the search result list. You can place the video by clicking the Insert this video button. Click the Play on YouTube button to open YouTube.

Video placement method 3

In Sound mode, select Normal (voice ON) or Mute (voice OFF). Then select the screen. The types of screens are the regular screen with no movement, the 3D rotation screen with movement, and the animation screen, which were introduced at the time of Image.

Lab

Lab assets allow users to freely set colors and movements.

アセット例:SeaShell

Asset example: SeaShell

In this way, some animations start when the user approaches the asset, and there is a lot of diversity that can be used to create the ideal space.
Please refer to the following manuals for details on the features and usage of each Lab.

Curated

Curated allows you to insert special assets that can be used for a limited time during events where STYLY Studio is used. If you use this asset to create your work, be sure to check the rules for using that asset at the event before using it.