【STYLY Studio】List of assets in the LAB menu and how to use them

STYLY Studio has a LAB menu. Users can set parameter properties (color and range) of the assets in the LAB menu as they like and arrange them as desired.This manual is summarizes how to used assets in the LAB menu.

Find your favorite assets and arrange and use them.

Edit: 2020/03/21
New asset added. 19. Advertisement board37. Video projector

 Light and colored 3D Objects

Asset list of light and colored 3D Objects

Asset list of light and colored 3D Objects

This article describes how to use:

a) light to illuminate spaces

b) Assets of colored 3D Objects (Cube, Sphere, and Cylinder).

Sensor light

Sensor light

Sensor light

Sensor light turns on when approached.

It turns on when something enters the set radius, and it turns off when something leaves the set radius.

Turns on when approached

Turns on when approached

How to use

Sensor light procedure

Sensor light procedure

  1. Change the light color: Sets the color of the light
  2. Change the threshold distance that turns on and off: Sets the distance at which the light will turn on
  3. ADD TO SCENE: Adds to scene

Text input

Text input

Text input

Text input displays the characters on the scene.

*Japanese input is not supported since October 2019. Input must be alphanumeric.

Displays characters on the scene

Displays characters on the scene

How to use

Text input procedure

Text input procedure

  1. The text to be displayed: Input text to be displayed (full-width characters are not displayed)
  2. Text color: Sets text color
  3. ADD TO SCENE: Adds to scene

Image facing the camera

Image facing the camera

Image facing the camera

Image facing the camera sets the image so that it is always facing the camera.

Always facing the camera

Always facing the camera

How to use

Image facing the camera procedure

Image facing the camera procedure

  1. Please upload an image: Selects the image to be uploaded from the PC
  2. ADD TO SCENE: Adds to scene

Electric bulletin board

Electric bulletin board

Electric bulletin board

In the Electric bulletin board, the characters scroll on a tile just like on an electric bulletin board.

Electric bulletin board

Electric bulletin board

How to use

Electric bulletin board procedure

Electric bulletin board procedure

  1. Scrolling text: Inputs scrolling text (full-width characters are not displayed)
  2. Text color: Sets text color
  3. Background color: Sets electric bulletin board color
  4. Scrolling speed: Set the speed at which letters flow.
  5. ADD TO SCENE: Adds to scene

Tiled images

Tiled images

Tiled images

Tiled images puts in one image vertically and horizontally to create a grid.

When creating a large 3D Object with a texture stuck on it, the image becomes grainy and the vertical-horizontal balance becomes unnatural. However, with Tiled images, you can create a 3D Object with a natural texture.

Texture image arrangement (five vertical and four horizontal)

Texture image arrangement (five vertical and four horizontal)

How to use

Tiled images procedure

Tiled images procedure

  1. Texture: Selects the image to be uploaded from the PC
  2. X tiling: Sets the number of tiles to be arranged in the X-axis
  3. Y tiling: Sets the number of tiles to be arranged in the Y-axis
  4. ADD TO SCENE: Adds to scene

※ Free textures are presented in STYLY Magagine

360° Video

360 Video

360 Video

360 video enables you to put in 360° videos in a scene like a space.

Put in free 360° videos in a scene

Put in free 360° videos in a scene

How to use

360 Video procedure

360 Video procedure

  1. Please upload a 360 video: Selects a 360° video to be uploaded from the PC
  2. ADD TO SCENE: Adds to scene

 VR Tour function using 360° images

※ 2019/11/11 update

You can now create VR Tours using 360° images in STYLY.

VR Tours with 360° images

VR Tours with 360° images

With this function, anyone can experience 360° images in VR with an  .

This section describes how to use this feature.

360° Photo Uploader

Click the Assets button

Click the Assets button

Click the Assets button in the menu.

Select LAB.

Select LAB.

Click LAB.

Click 360° Photo Uploader

Click 360° Photo Uploader

Click 360° Photo Uploader

Procedure to upload 360° images

Procedure to upload 360° images

  1. Select your 360° photos: Selects 360° images to be uploaded
  2. ADD TO SCENE: Adds to scene
Put in 360° images in the scene

Put in 360° images in the scene

The 360° image has been put in a sphere.

Get in the 360° image

Get in the 360° image

The 360° image can be confirmed by teleporting into the sphere.

It will not become a sphere with 360° Photo Uploader itself

It will not become a sphere with 360° Photo Uploader itself

However, it will not become a sphere as it is.

If sphere display is not used, it will not feel right because the sense of distance will feel different from reality.

360° VR Tour

In order to display 360° images on a sphere, it is necessary to add a 360° VR Tour in the scene.

Click 360° VR Tour

Click 360° VR Tour

Click 360° VR Tour from Assets → LAB

Put the 360° VR Tour in the scene

Put the 360° VR Tour in the scene

Click ADD TO SCENE

Scene arrangement complete

Scene arrangement complete

When a 360° VR Tour is added to a scene, the yellow bar will be displayed from the controller.

A 360° image will be displayed in a sphere if you align the yellow bar with the sphere and pull the trigger.

Sphere display with trigger

Sphere display with trigger

The sense of distance feels like reality because of the sphere display

Display another 360° image

Display another 360° image

The sphere will change if another 360° image is selected.

Instant camera

Instant camera

Instant camera

When Instant camera is approached, an image will come out of the camera.

An image comes out from the camera

An image comes out from the camera

How to use

Set Instant camera

Set Instant camera

  1. Change the distance for the camera to work: Sets the distance at which the camera will output an image
  2. Please upload an image: Selects an image to be uploaded from the PC
  3. ADD TO SCENE: Adds to scene

Gift box

Gift box

Gift box

The Gift box opens when the camera is approached.

The box opens

The box opens

How to use

Set Gift box

Set Gift box

  1. Change open distance: Sets the distance at which the box opens
  2. ADD TO SCENE: Adds to scene

Picture frames

Picture frames

Picture frames

With Picture frames, you can put pictures in a frame.

Pictures can be put in a frame

Pictures can be put in a frame

How to use

Set Picture frames

Set Picture frames

  1. Please upload an image: Selects an image to be uploaded from the PC
  2. ADD TO SCENE: Adds to scene

Flower

Flower

Flower

With Flower, a flower blooms when the camera is approached.

Flower opens

Flower opens

How to use

Set Flower

Set Flower

  1. Change the flowering distance: Sets the distance at which the flower blooms
  2. Change the flower color: Sets flower color
  3. ADD TO SCENE: Adds to scene

Rotating lights

Rotating lights

Rotating lights

With Rotating lights, you can put in lights that rotate continuously.

Lights continue to shine

Lights continue to shine

How to use

Set Rotating lights

Set Rotating lights

  1. Change the lights color: Sets light color
  2. Change the rotaiton speed: Sets rotation speed
  3. ADD TO SCENE: Adds to scene

Fire heater

Fire heater

Fire heater

When Fire heater is approached, the intensity of the flame gets stronger.

The intensity of the flame gets stronger.

The intensity of the flame gets stronger.

How to use

Sets Fire heater

Sets Fire heater

  1. Change the burning distance: Sets the distance at which the intensity of the flame gets stronger.
  2. ADD TO SCENE: Adds to scene

Butterfly

Butterfly

Butterfly

With Butterfly, a butterfly flies around when the camera is approached.

Butterfly flies around

Butterfly flies around

How to use

Butterfly Setting

Butterfly Setting

  1. Change the flying distance: Sets the distance at which the butterfly starts to fly around
  2. Change the wing color: Sets the color of the wings
  3. Change the body color: Sets the color of the body
  4. ADD TO SCENE: Adds to scene

Firework

Firework

Firework

Firework launches fireworks at regular intervals.

Fireworks being launched

Fireworks being launched

How to use

Set Firework

Set Firework

  1. Change the color1: Sets color 1
  2. Change the color2: Sets color 2
  3. ADD TO SCENE: Adds to scene

Tree

Tree

Tree

Tree puts in trees.

Put in trees

Put in trees

How to use

Set Tree

Set Tree

  1. Change the leaves color: Sets the color
  2. ADD TO SCENE: Adds to scene

Bush tree

Bush tree

Bush tree

Bush tree puts in a bush.

Puts in a bush tree

Puts in a bush tree

How to use

Set Bush tree

Set Bush tree

  1. Change the tree color: Sets the color of the leaves
  2. ADD TO SCENE: Adds to scene

Advertisement board

Advertisement board

With Advertisement board, you can put in ads with a logo and text.

Advertisement

Advertisement

How to use

Advertisement board procedure

Advertisement board procedure

  1. Background color: Sets the color of the whole ad
  2. Content: Sets the text for the ad (full-width characters are not displayed)
  3. Content color: Sets the color of the text
  4. Image: Selects the logo for the ad
  5. ADD TO SCENE: Adds to scene

Heart particles

Heart particles

Heart particles

Heart particles displays heart-shaped particles.

How to use

Heart Particles procedure

Heart Particles procedure

  1. Max particles: Sets the maximum number of particles (the higher the number, the more sophisticated the shape of the heart)
  2. Particle color: Sets the color of the particles
  3. ADD TO SCENE: Adds to scene

Spin tree particles

Spin tree particles

Spin tree particles

Spine tree particles displays tree-shaped particles

Spin tree particles

Spin tree particles

How to use

Spine Tree Particle procedure

Spine Tree Particle procedure

  1. Max particles: Sets the maximum number of particles (the higher the number, the more sophisticated the shape of the tree)
  2. Color: Sets the color of the particles
  3. ADD TO SCENE: Adds to scene

Pinwheel

Pinwheel

Pinwheel

Pinwheel displays pinwheel-shaped particles in three colors

Pinwheel

Pinwheel

How to use

Pinwheel procedure

Pinwheel procedure

  1. Rotation speed: Sets the rotation speed of the pinwheel
  2. Particle color1~3: Sets the colors of the particles
  3. ADD TO SCENE: Adds to the scene

Leave fall

Leave fall

Leave fall

Leaves fall displays leaves falling.

Leave fall

Leave fall

How to use

Leaves fall procedure

Leaves fall procedure

1. Number of leaves: Sets the number of leaves
2. Leaf color: Sets the color of the leaves
3. Fog color: Sets the color of the fog over the leaves
4. ADD TO SCENE: Adds to the scene

Wall

Wall

Wall

Wall sets a glowing wall.

Wall

Wall

How to use

Wall procedure

Wall procedure

  1. Wall quantity: Sets the number of walls
  2. Wall color: Sets the color of the walls
  3. ADD TO SCENE: Adds to the scene

Music notes

Musical notes

Musical notes

With Musical notes, you can put in three types of musical symbols and set their quantity and color.

Musical notes

Musical notes

How to use

Musical notes procedure

Musical notes procedure

1.Number of musical notes1: Sets the number of G clefs
2.Musical notes color1: Sets the color of the G clefs
3.Number of musical notes2: Sets the number of eighth notes
4.Musical notes color2: Sets the color of the eighth notes
5.Number of musical notes3: Sets the number of sharp symbols
6.Musical notes color3: Sets the color of the sharp symbols
7.ADD TO SCENE: Adds to the scene

Origami plane

Origami plane

Origami plane

With Origami plane, you can turn an image you like into a paper airplane and make it revolve.

Origami plane

Origami plane

How to use

Origami plane procedure

Origami plane procedure

  1. Texture: Uploads the image to be turned into origami from the PC
  2. Animation Speed: Sets the revolving speed of the airplane
  3. ADD TO SCENE: Adds to the scene

Seashell

Seashell

Seashell

When Seashell is approached, it opens and the particles dance. You can set the distance at which the animation is activated and the color of the particles.

Seashell

Seashell

How to use

Seashell procedure

Seashell procedure

  1. Activate distance: Sets the distance at which the animation of the shell opening is activated
  2. Particle color: Sets the color of the particles
  3. ADD TO SCENE: Adds to the scene

Triangle effect

Triangle effect

Triangle effect

With Triangle effect you can set the color of the triangle effect.

Triangle effect

Triangle effect

How to use

Triangle effect procedure

Triangle effect procedure

  1. Effect color: Sets the color of the triangle effect
  2. ADD TO SCENE: Adds to the scene

Birthday cake

Birthday cake

Birthday cake

With Birthday cake, you can set a message on the cake and the distance at which the flame shines.

Birthday cake

Birthday cake

How to use

Birthday cake procedure

Birthday cake procedure

  1. Message: Inputs the message on the cake (full-width characters are not displayed)
  2. The distance at which the flame shines: Sets the distance at which the flame shines
  3. ADD TO SCENE: Adds to the scene

Television

Television

Television

With Television, you can display your favorite videos like a TV, and you can also set the distance at which the movie is played when approached.

Television

Television

How to use

Television procedure

Television procedure

  1. Please upload an Video: Uploads your favorite video from the PC (mp4 format only)
  2. Change the distance at which the TV turns on: Sets the distance at which the movie starts to play
  3. Sound ON(1)/OFF(0): Select 1 (sound on) or 2 (sound off)
  4. ADD TO SCENE: Adds to scene

Fallen cherry blossoms

Fallen cherry blossoms

Fallen cherry blossoms

With Fallen cherry blossoms, cherry blossom petals dance and you can set the number of petals.

Fallen cherry blossoms

Fallen cherry blossoms

How to use

Fallen cherry blossoms procedure

Fallen cherry blossoms procedure

  1. Number of leaves: Sets the number of petals
  2. ADD TO SCENE: Adds to the scene

The ground where the season changes

The ground where the season changes

The ground where the season changes

With The ground where the season changes, seasons change and flowers bloom when approached.

The ground where the season changes

The ground where the season changes

How to use

The ground where the season changes procedure

The ground where the season changes procedure

  1. Distance to make a change: Sets the distance at which the animation is activated
  2. Amount to grow plants: Sets the number of flowers
  3. ADD TO SCENE: Adds to the scene

Rain

Rain

Rain

Rain makes rain fall on the ground. You can set the number or raindrops.

Rain

Rain

How to use

Rain procedure

Rain procedure

  1. Number of raindrops: Sets the number of raindrops (the higher the number, the heavier the rain)
  2. ADD TO SCENE: Adds to the scene

Meteor shower

Meteor shower

Meteor shower

Meteor shower creates particles like a meteor shower, and you can set the color and number of particles.

Meteor shower

Meteor shower

How to use

Meteor shower procedure

Meteor shower procedure

  1. Meteor shower color: Sets the color of the particles
  2. The number of meteor shower: Sets the number of particles
  3. ADD TO SCENE: Adds to the scene

Lightning effect

Lightning effect

Lightning effect

Lightning effect creates lightning, and you can set the color of the lightning.

Lightning effect

Lightning effect

How to use

Lightning effect procedure

Lightning effect procedure

  1. Effect color: Sets the color of the lightning
  2. ADD TO SCENE: Adds to the scene

Lightning stage

Lightning stage

Lightning stage

With Lightning stage, you can create a glowing stage and set the color of the light.

Lightning stage

Lightning stage

How to use

Lightning stage procedure

Lightning stage procedure

  1. Lightning color: Sets the color of the light on the stage
  2. ADD TO SCENE: Adds to the scene

Video projector

Video projector

Video projector

With Video projector, you can play your favorite videos as if they were played on a projector. You can set the distance at which the video is activated and the volume.

Video projector

Video projector

How to use

Video projector procedure

Video projector procedure

  1. Please uplpad an Video: Uploads your favorite videos from the PC (mp4 format only)
  2. Change the dsitance at which the projector turns on: Sets the distance at which the projector turns on
  3. Sound ON(1)/OFF(0): Select 1 (sound on) or 2 (sound off)
  4. ADD TO SCENE: Adds to scene