【STYLY Studio】 LABメニュー配下のアセット使い方一覧表

STYLY StudioにはLABメニューがあります。LABメニュー配下のアセットは、プロパティ(カラーや範囲のこと)のパラメータをユーザーが自由に設定し、好きなアセットにアレンジして使えます。本マニュアルではLABメニュー配下のアセット使い方をまとめました。

自分好みのアセットを見つけて、アレンジして使ってみてください。

※追記(2020/03/21)
新しいアセットを追加しました。
19.Advertisement board37.Video projector

Lightと色付き3Dオブジェクト

lightや色付き3Dオブジェクトのアセット一覧

lightや色付き3Dオブジェクトのアセット一覧

空間を照らすLightや、色付きの3Dオブジェクト(Cube・Sphere・Cylinderの3種類)のアセットはこちらの記事で使い方を紹介しています。

Sensor light

Sensor light

Sensor light

Sensor lightは近づくと点灯する効果です。

設定した半径内に入ると点灯し、半径内から離れると消えます。

近づくと点灯する

近づくと点灯する

使い方

Sensor light手順

Sensor light手順

  1. 「Change the light color」:点灯する色を設定
  2. 「Change the threshold distance that turns on and off」:どれだけ近づいた時に点灯するかの設定
  3. 「ADD TO SCENE」:シーンに追加

Text input

Text input

Text input

Text inputは文字をシーン内に出現させます。

※ 2019年10月現在、日本語入力には対応しておりませんので英数字を入力するようにしてください。

シーン内に文字を出現させる

シーン内に文字を出現させる

使い方

Text input手順

Text input手順

  1. 「The text to be displayed」:出現させる文字を入力 (全角文字は表示されません)
  2. 「Text color」:文字の色を設定
  3. 「ADD TO SCENE」:シーンに追加

Image facing the camera

image facing the camera

Image facing the camera

Image facing the cameraは、画像を常にカメラの正面を向いているように設定する効果です。

常にカメラを向いている

常にカメラを向いている

使い方

Image facing the camera手順

Image facing the camera手順

  1. 「Please upload an image」:アップロードする画像をPCから選択
  2. 「ADD TO SCENE」:シーンに追加

Electric bulletin board

v

Electric bulletin board

Electric bulletin boardは電光掲示板のように文字がタイル上を流れる効果です。

電光掲示板

電光掲示板

使い方

Electric bulletin board手順

Electric bulletin board手順

  1. 「Scrolling text」:流れる文字を入力 (全角文字は表示されません)
  2. 「Text color」:文字の色を設定
  3. 「Background color」:電光掲示板の色を設定
  4. 「Scrolling speed」:文字が流れるスピードを設定
  5. 「ADD TO SCENE」:シーンに追加

Tiled images

Tiled imaged

Tiled images

Tiled imagesは1枚の画像を縦横に並べて、1枚のタイルのような図形を作ります。

テクスチャを貼り付けた大きな3Dオブジェクトを作りたい時に、3Dオブジェクトを拡大すると画像が粗くなったり縦横比が不自然になったりしますが、Tiled imagesを使えば自然なテクスチャ付き3Dオブジェクトを作成できます。

テクスチャ画像を縦5枚・横4枚配置

テクスチャ画像を縦5枚・横4枚配置

使い方

Tiled images手順

Tiled images手順

  1. 「Texture」:アップロードする画像をPCから選択
  2. 「X tiling」:X軸方向に並べる枚数を設定
  3. 「Y tiling」:Y軸方向に並べる枚数を設定
  4. 「ADD TO SCENE」:シーンに追加

※STYLY Magagineで無料で使用できるテクスチャを紹介しております。

360 video

360 Video

360 Video

360 Videoは360°動画を空間のようにシーンに配置する効果です。

フリーの360°動画をシーンに配置

フリーの360°動画をシーンに配置

使い方

360 Video手順

360 Video手順

  1. 「Please upload a 360 video」:360°動画をPCから選択
  2. 「ADD TO SCENE」:シーンに配置

360°画像を使ったVRツアー機能

※ 2019/11/11更新

STYLY内で、360°画像を使ったVRツアーができるようになりました。

360°画像のVRツアー

誰でも簡単に360°画像を全天球でVR体験できる機能です。

その使い方を紹介します。

360° Photo Uploader

Assetsボタンをクリック

メニューのAssetsボタンをクリックしてください。

「LAB」を選択

「LAB」をクリックしてください。

「360° Photo Uploader」をクリック

「360° Photo Uploader」をクリックしてください。

360°画像をアップロードする手順

360°画像をアップロードする手順

360°画像をアップロードする画面になるので、

  1. 「Select your 360° photos」:アップロードしたい360°画像を選択
  2. 「ADD TO SCENE」:クリックしてシーンに挿入

360°画像をシーンに配置

シーンに360°画像が球体として配置されました。

360°画像内部に入り込む

球体内部にテレポートすると、360°画像を確認できます。

360° Photo Uploaderだけでは全天球にならない

しかし、このままでは全天球にはなりません。

全天球表示でないと、距離感が現実と異なるので違和感を感じることが多いです。

360° VR Tour

360°画像を全天球で表示するためには、「360° VR Tour」をシーンに挿入する必要があります。

「360° VR Tour」をクリック

「Assets」→「LAB」から「360° VR Tour」をクリックしてください。

「360° VR Tour」をシーンに配置

「ADD TO SCENE」をクリックしてください。

シーンに配置完了

「360° VR Tour」をシーンに追加するとコントローラーから黄色の棒が表示されます。

黄色の棒を球体に合わせてトリガーを引くと、360°画像が全天球で表示されます。

トリガーで全天球表示

全天球表示なので距離感も現実のように感じられます。

別の360°画像を表示

別の360°画像を選択すると天球が変わります。

 

Instant camera

Instant camera

Instant camera

Instant cameraは、カメラに近づくとカメラから画像が出てきます。

カメラから画像が出てくる

カメラから画像が出てくる

使い方

Instant cameraの設定

Instant cameraの設定

  1. 「Change the distance for the camera to work」:どれだけ近づいた時に画像を出すのかの設定
  2. 「Please upload an image」:アップロードする画像をPCから選択
  3. 「ADD TO SCENE」:シーンに追加

Gift box

Gift box

Gift box

Gift boxは、カメラに近づくと箱が開きます。

箱が開く

箱が開く

使い方

Gift boxの設定

Gift boxの設定

  1. 「Change open distance」:どれだけ近づいた時に箱が開くのかの設定
  2. 「ADD TO SCENE」:シーンに追加

Picture frames

Picture frames

Picture frames

Picture framesは、画像を額の中にいれることができます。

画像が額にいれられる

画像が額にいれられる

使い方

Picture framesの設定

Picture framesの設定

  1. 「Please upload an image」:アップロードする画像をPCから選択
  2. 「ADD TO SCENE」:シーンに追加

Flower

Flower

Flower

Flowerは、カメラに近づくと花が咲きます。

花が開く

花が開く

使い方

Flowerの設定

Flowerの設定

  1. 「Change the flowering distance」:どれだけ近づいた時に花が咲くのかの設定
  2. 「Change the flower color」:花の色を設定
  3. 「ADD TO SCENE」:シーンに追加

Rotating lights

Rotating lights

Rotating lights

Rotating lightsは、回転し続ける光を配置することができます。

光り続ける

光り続ける

使い方

Rotating lightsの設定

Rotating lightsの設定

  1. 「Change the lights color」:光の色を設定
  2. 「Change the rotaiton speed」:回転スピードを設定
  3. 「ADD TO SCENE」:シーンに追加

Fire heater

Fire heater

Fire heater

Fire heaterは、カメラに近づくと炎の勢いが強くなります。

炎の勢いが強くなる

炎の勢いが強くなる

使い方

Fire heaterの設定

Fire heaterの設定

  1. 「Change the burning distance」:どれだけ近づいた時に炎が強くなるかの設定
  2. 「ADD TO SCENE」:シーンに追加

Butterfly

Butterfly

Butterfly

Butterflyは、カメラに近づくと蝶が飛び回ります。

蝶が飛び回る

蝶が飛び回る

使い方

Butterflyの設定1

Butterflyの設定1

  1. 「Change the flying distance」:どれだけ近づいた時に蝶が飛び回るかの設定
  2. 「Change the wing color」:羽の色を設定
  3. 「Change the body color」:本体の色を設定
  4. 「ADD TO SCENE」:シーンに追加

Firework

Firework

Firework

Fireworkは、一定間隔で花火を打ち上げます。

花火が打ちあがる

花火が打ちあがる

使い方

Fireworkの設定

Fireworkの設定

  1. 「Change the color1」:1色目を設定
  2. 「Change the color2」:2色目を設定
  3. 「ADD TO SCENE」:シーンに追加

Tree

Tree

Tree

Treeは、木を配置できます。

木を配置

木を配置

使い方

Treeの設定

Treeの設定

  1. 「Change the leaves color」:色を設定
  2. 「ADD TO SCENE」:シーンに追加

Bush tree

Bush tree

Bush tree

Bush treeは、茂みを配置できます。

茂みを配置

茂みを配置

使い方

Bush treeの設定

Bush treeの設定

  1. 「Change the tree color」:葉の色を設定
  2. 「ADD TO SCENE」:シーンに追加

Advertisement board

Advertisement board

Advertisement boardではロゴと文字付きの広告を設置できます。

Advertisement

Advertisement

使い方

Advertisement手順

Advertisement手順

  1. 「Background color」:広告全体の色を設定
  2. 「Content」:広告に入れる文字を設定(全角文字は表示されません)
  3. 「Content color」:文字の色を設定
  4. 「Image」:広告に入れるロゴを選択
  5. 「ADD TO SCENE」:シーンに追加

Heart particles

Heart particles

Heart particles

Heart particlesでは、ハートの形をパーティクルで表現します。

使い方

Heart Particles手順

Heart Particles手順

  1. 「Max particles」:パーティクルの数を設定(数が大きいほど精巧なハートの形になります)
  2. 「Particle color」:パーティクルの色を設定
  3. 「ADD TO SCENE」:シーンに追加

Spin tree particles

Spine tree particles

Spine tree particles

Spine tree particlesでは、木の形をパーティクルで表現します。

使い方

Spine Tree Particle手順

Spine Tree Particle手順

  1. 「Max particles」:パーティクルの数を設定(数が大きいほど精巧な木の形になります)
  2. 「Color」:パーティクルの色を設定
  3. 「ADD TO SCENE」:シーンに追加

Pinwheel

Pinwheel

Pinwheel

Pinwheelでは、風車の形を3色のパーティクルで表現します。

Pinwheel

Pinwheel

使い方

Pinwheel手順

Pinwheel手順

  1. 「Rotation speed」:風車の回転の速度を設定
  2. 「Particle color1~3」:パーティクルの色を設定
  3. 「ADD TO SCENE」:シーンに追加

Leaves fall

Leaves fall

Leaves fall

Leaves fallでは、葉が落ちる様子を表現できます。

Leave_Fall

Leaves fall

使い方

Leave fall手順

Leave fall手順

  1. 「Number of leaves」:葉の数を設定
  2. 「Leaf color」:葉の色を設定
  3. 「Fog color」:葉を覆う霧の色を設定
  4. 「ADD TO SCENE」:シーンに追加

Wall

Wall

Wall

Wallでは、光る壁を設定できます。

Wall

Wall

使い方

Wall手順

Wall手順

  1. 「Wall quantity」:壁の量を設定
  2. 「Wall color」:壁の色を設定
  3. 「ADD TO SCENE」:シーンに追加

Musical notes

Musical notes

Musical notes

Musical notesでは、3種類の音符記号の数と色を設定して配置できます。

Musical notes

Musical notes

使い方

Musical notes手順

Musical notes手順

  1. 「Number of musical notes1」:ト音記号の数を設定
  2. 「Musical notes color1」:ト音記号の色を設定
  3. 「Number of musical notes2」:八分音符の数を設定
  4. 「Musical notes color2」:八分音符の色を設定
  5. 「Number of musical notes3」:シャープ記号の数を設定
  6. 「Musical notes color3」:シャープ記号の色を設定
  7. 「ADD TO SCENE」:シーンに追加

Origami Plane

Origami plane

Origami plane

Origami planeでは、好きな画像を紙飛行機にして周回させる表現を作れます。

Origami plane

Origami plane

使い方

Origami plane手順

Origami plane手順

  1. 「Texture」:折り紙にしたい好きな画像をPCからアップロード
  2. 「Animation Speed」:飛行機が周回するスピードを設定
  3. 「ADD TO SCENE」でシーンに追加

Seashell

Seashell

Seashell

Seashellは貝に近づくと貝が開きパーティクルが舞うのですが、そのアニメーションが発動する距離とパーティクルの色を設定できます。

Seashell

Seashell

使い方

Seashell手順

Seashell手順

  1. 「Activate distance」:近づいたときに貝が開くアニメーションを発動する距離を設定
  2. 「Particle color」:パーティクルの色を設定
  3. 「ADD TO SCENE」:シーンに追加

Triangle effect

Triangle efffect

Triangel effectでは、三角形のエフェクトの色を設定できます

Triangle effect

Triangle effect

使い方

Triangle effect手順

Triangle effect手順

  1. 「Effect color」:三角形の色を設定
  2. 「ADD TO SCENE」:シーンに追加

Birthday cake

Birthday cake

Birthday cake

Birthday cakeでは、ケーキ上のメッセージと火が点灯する距離を設定できます。

Birthday cake

Birthday cake

使い方

Birthday cake手順

Birthday cake手順

  1. 「Message」:ケーキ上のメッセージを入力(全角文字は表示されません)
  2. 「The distance at which the flame shines」:近づいたときに火が点灯する距離を設定
  3. 「ADD TO SCENE」:シーンに追加

Television

Television

Television

Televisionでは、好きな動画をテレビ風に表示することができ、また近づいたときに動画が再生される距離を設定できます

Television

Television

使い方

Television手順

Television手順

  1. 「Please upload an Video」:好きな動画ファイルをPCからアップロード(拡張子はMP4のみ)
  2. 「Change the distance at which the TV turns on」:近づいたときに動画が再生される距離を設定
  3. 「Sound ON(1)/OFF(0)」:音をオン(1)かオフ(2)か選択
  4. 「ADD TO SCENE」:シーンに追加

Fallen cherry blossoms

Fallen cherry blossoms

Fallen cherry blossoms

Fallen cherry blossomsは桜の花びらが舞う表現で、花びらの数を設定できます。

Fallen cherry blossoms

使い方

Fallen cherry blossoms手順

Fallen cherry blossoms手順

  1. 「Number of leaves」:花びらの数を設定
  2. 「ADD TO SCENE」:シーンに追加

The ground where the season changes

The ground where the season changes

The ground where the season changes

The ground where the season changesでは、近づいたときに季節が変わり花が咲く表現を作れます。

The ground where the season changes

The ground where the season changes

使い方

The ground where the season changes手順

The ground where the season changes手順

  1. 「Distance to make a change」:近づいたときにアニメーションが発動する距離を設定
  2. 「Amount to grow plants」:花の数を設定
  3. 「ADD TO SCENE」:シーンに追加

Rain

Rain

Rain

Rainは地上に雨を降らす表現です。雨粒の数を調整できます。

Rain

Rain

使い方

Rain手順

Rain手順

  1. 「Number of raindrops」:雨粒の数を設定(数が多いほど激しい雨になります)
  2. 「ADD TO SCENE」:シーンに追加

Meteor shower

Meteor shower

Meteor shower

Meteor showerは流星のようなパーティクル表現で、パーティクルの色と数を設定できます。

Meteor shower

Meteor shower

使い方

Meteor shower手順

Meteor shower手順

  1. 「Meteor shower color」:パーティクルの色を設定
  2. 「The number of meteor shower」:パーティクルの数を設定
  3. 「ADD TO SCENE」:シーンに追加

Lightning effect

Lightning effect

Lightning effect

Lightning effectは雷のような表現で、ライトの色を設定できます。

Lightning effect

Lightning effect

使い方

Lightning effect手順

Lightning effect手順

  1. 「Effect color」:ライトの色を設定
  2. 「ADD TO SCENE」:シーンに追加

Lightning stage

Lightning stage

Lightning stage

Lightning stageでは光り輝くステージを作成でき、光の色を設定できます。

Lightning stage

Lightning stage

使い方

Lightning stage手順

Lightning stage手順

 

  1. 「Lightning color」:ステージの光の色を設定
  2. 「ADD TO SCENE」:シーンに追加

Video projector

Video projector

Video projector

Video projectorでは好きな動画をプロジェクター風に再生できます。近づいたときに動画が再生される距離と音量を設定できます。

Video projector

Video projector

使い方

Video projector手順

Video projector手順

  1. 「Please uplpad an Video」:好きな動画をPCからアップロード(拡張子は.mp4)
  2. 「Change the dsitance at which the projector turns on」:近づいたときに動画が再生される距離を設定
  3. 「Sound ON(1)/OFF(0)」:音をオン(1)かオフ(0)に設定
  4. 「ADD TO SCENE」:シーンに追加