Understanding Assets Which You Can Import into a Scene

Asset List Screen

This article introduces the different kinds of assets that can be inserted into a scene and how to insert them. The assets that can be imported into a scene are 3D Model, Image, Music, Video, and PDF. An asset is the element that goes into a scene.  

3D Model

3D Model

In the 3D Model menu, you can insert 3D objects, Skybox, Directional Light, Ground, Particles, Apply Filters, and upload 3D objects or assets that were made using Unity to the scene. 3D Models are divided into 6 categories. We will introduce each of these categories in order.

Poly 3D Models

Poly 3D Models

In Poly 3D Models, you can search 3D objects of the Google Poly and insert them in the scene. Also, you can narrow down categories using the category menu. In the search form, you can search the 3D objects by inputting keywords or a URL. See below to learn how to get the URL for 3D objects from Google Poly.

How to Get the URL of 3D objects from Google Poly 01

Search Google Poly using your web browser and then search for a the 3D object.

How to Get the URL of 3D objects from Google Poly 02

Click the share button and copy the URL. Or you can copy the URL at the top of your browser.

Poly 3D Models

Paste the copied URL into the search form. Then click the [Search] button. You can then insert the 3D objects that you searched from Google Poly to the scene.

Sky and Grounds

Sky and Grounds

In Sky and Grounds, there are many assets that you can apply as a background setting. You can insert Directional Light, Skybox, and Ground. Directional Light is a light which illuminates the scene like the Sun. Insert the Directional Light to the scene if you want to brighten things up.

Change the Skybox

The Skybox is a sphere which covers the whole scene. By changing the Skybox, you can change the atmosphere of the scene.

Ground

The Ground is a floor/ground. Change the Ground after changing the Skybox. Then, a basis of the scene will be completed.

3D Models

3D Models

In 3D Models, you can insert particles and default assets in STYLY to the scene. There are many particles like lights, flame, thunder, snow and many other assets like, plants, clothes, furniture, animals, and buildings.

Filters

Filters

In Filters, you can apply a filter to the scene. There are 10 kinds of filters like Cool, Night, Heaven, and so on. You can create an artistic and expressive scene.

Apply PostEffect_DayTime_Psychedelic

By using PostEffect_DayTime_Psychedelic, you can place a psychedelic twist on the scene. Feel free to explore the many editable effects available through STYLY Studio.

Upload

3D Model Upload

In Upload, you can upload 3D objects to the scene. Acceptable data files that can be uploaded are listed below.

  • SKP(SketchUp 2014 model、SketchUp 2015 model)
  • FBX
  • Blender
  • OBJ+MTL+JPEG

We will explain how to upload OBJ/MTL/JPEG files. Other files can be uploaded in the same way.

How to Upload OBJ/MTL/JPEG Files 01

Click the [Select..] button.

How to Upload OBJ/MTL/JPEG Files 02

Select the OBJ file, MTL file, or JPEG file. You can only upload one file at a time. Multiple uploaded will not work.

How to Upload OBJ/MTL/JPEG Files 03

Input the file name to the form in order to start upload proces. Click the [Upload] button when you are ready to start the upload.

How to Upload OBJ/MTL/JPEG Files 04

You can check the status of your upload in the Status section. Details regarding the different phases of an upload are listed below.

  • Waiting:Waiting for Processing
  • Processing:Processing
  • Completed:Completed Processing
  • Failed:Failed to Upload

Your upload is done once the status changes to “Completed”. Next to the Processing Status heading there is an icon that will notify you of the latest status of your uploads (Status更新ボタン). All uploaded data can be found and selected from My Models.

My Models

My Models

Uploaded 3D objects will appear in the My Models section once uploads are completed. Once the files are here you can insert them into the scene.

Image

Image

In Image, you can insert images. Acceptable image formats are PNG and JPEG. Also, there are several kinds of screens in the Image section. You can use images from Skybox and make them move in the scene. We will explain how to upload images below.

How to Upload Images 01

Click the [Select..] button.

How to Upload Images 02

Select a photo (JPEG file or PNG file).

How to Upload Images 03

Click the [Upload] button.

How to Upload Images 04

Click the [Next] button after uploading is complete.

How to Upload Images 05

Select a screen which you want to display. We will introduce each of the available screens below. In Regular Screens, you can selected the appropriate size ratio for your scene. There are also reshaped screens and 360° screens. A 3D Rotating Screen is a screen which is animated and in a three-dimensional shape.

Regular Screens

  • Square Screen:1:1 size ratio screen
  • 16:9 Screen:16:9 size ratio screen
  • Original Aspect Screen:Same as the uploaded file
  • Curved Screen:A curved shape screen
  • Tunnel Screen:A tunnel shaped screen

360° Screen

By using a 360° Screen, you can insert the image like the Skybox as a sphere.

Rotating Cube


Rotating Slanted


Rotating Sphere

 

Rotating ICO Sphere


Rotating Star

 

  • Rotating Cube:A rotating screen which is shaped like a square. An uploaded photo is pasted on all the surfaces.
  • Rotating Slanted:A rotating screen which is square positioned on a slant. An uploaded photo is pasted on all the surfaces.
  • Rotating Sphere:A rotating screen which is shaped like a sphere. An uploaded photo is pasted on the surface.
  • Rotating ICO Sphere:A rotating screen which is shaped like a ICO sphere. An uploaded photo is pasted on the surface.
  • Rotating Star:A rotating screen which is shaped like a star. An uploaded photo is pasted on the surface.

After you insert your uploaded photos or illustrations to the scene, you can hold an exhibition in VR space.

 

Instagram

Instagram

In Instagram, you can insert photos to the scene by linking STYLY with your Instagram account. There are screens for pasting photos. We will explain how to insert your Instagram photos below.

How to Insert your Instagram Photos 01

Click the [Authorize with Instagram] button to link your Instagram account with STYLY.

How to Insert your Instagram Photos 02

The Log In page for Instagram will appear. Input your username and password and click the [Log In] button.

How to Insert your Instagram Photos 03

Select an animation screen for pasting photos from your Instagram. We will introduce several kinds of animation screens available in STYLY.

Instagram Dots

Instagram Dots is an animated screen which pastes your pictures on a dotted frame that rotates and changes.

Instagram Flow

Instagram Flow is an animated screen which pastes your pictures on a square frame that changes randomly.

Instagram Shatter

Instagram Shatter is an animated screen which changes your pictures from a dot frame to an exploding (or shattering) artwork.

Instagram Puddles

Instagram Puddles is an animated screen which pastes your pictures on a framework of changing dots that appear and disappear randomly.

Instagram Bubbles

Instagram Bubbles is an animated screen which pastes your pictures on a series of sphere that are suspended in a framework. The spheres fade in and out as the go down and up.

If you use VR mode, your latest Instagram pictures will be inserted into the animated screens. The number of pictures depends on the animation screen selected.

Music

Music

In Music, you can insert music. You can insert a MP3 file or a file from SoundCloud. Music is one of the most important factors in VR space. We will explain how to insert music below.

How to Insert Music MP3 File 01

Click the [Select..] button.

How to Insert Music MP3 File 02

Select your music (MP3 file).

How to Insert Music MP3 File 03

Click the [Upload] button.

How to Insert Music MP3 File 04

After uploading, click the [Next] button.

How to Insert Music MP3 File 05

Select the Music player (loop) option, if you want to play the music in loop. Or select the Music player (once) option, if you don’t want to play the music in loop.

How to Insert Music MP3 File 06

After you upload your music files, you can find them in My Uploads. We will explain how to insert music from SoundCloud below.

How to Insert Music from SoundCloud 01

Type keywords in the search bar and click the [Search] button.

How to Insert Music from SoundCloud 02

A list of your search results will appear. Click the [Insert this track] button if you want to insert the music. Click the [Play] button if you want to listen to the music. The SoundCloud page will appear.

How to Insert Music from SoundCloud 03

Select the Music player (loop) option, if you want to play the music in loop. Or select the Music player (once) option, if you don’t want to play the music in loop.

You can also insert multiple music files into your scene. We will explain how to insert multiple music files below. 

Multiple Musics

You can insert multiple music files to the scene, but all music files will be played at once. However, by clicking the thumbnail button for “invisible setting”, you can turn off the other music files.

Video

Video

In Video, you can insert YouTube videos to the scene. We will explain how to insert YouTube video files below.

How to Insert YouTube Videos 01

Type keywords or a URL from YouTube into the search bar and click the [Search] button. If you see a message “Prohibited Video. Can not use in STYLY” after searching the URL from YouTube, you must not use this video because the original creators have not granted permission.

How to Insert YouTube Videos 02

A list of your search results will appear. You can insert videos by clicking on the [Insert this video] button. YouTube will appear when you click on the [Play on YouTube] button.

How to Insert YouTube Videos 03

In Sound mode, you can select Normal (ON) or Mute (OFF).

You can also select a screen. There are three types of screens: Regular Screens with no animation, 3D Rotating Screens, and Animated Screens.

PDF

Insert a PDF

In PDF, you can insert PDF files. When you insert PDF files, it will appear like a book. You can create a magazine, a catalog, a manga comic, or a photo album in VR space. We will explain how to insert PDF files below.

How to Insert PDF Files 01

Click the [Select..] button.

How to Insert PDF Files 02

Select your PDF that you would like to insert.

How to Insert PDF Files 03


Right-Opening Book Inserting

If you want to open a book (PDF) file from the left side, don’t check the check box for the Right-opening Book. If you want to open a book (PDF) file from the right side, make sure to check the check box for the Right-opening Book. Click the [Upload] button.

How to insert PDF files 04

Click the [Book] button.

How to Insert PDF Files 05

The PDF file is then inserted into the scene. You can browse pages by using [←][→] keys on the WebEditor.

Lets get started creating a VR scene with the many different assets available on STYLE Studio.