STUDIOにプロパティ(カラー、範囲など)のパラメータをユーザが調整可能なアセットが使えるLABをアセットメニューに追加しました。
![FireShot Capture 181 - STYLY Editor - webeditor.styly.cc - STYLY AssetsメニューにLAB追加](https://styly.cc/wp-content/uploads/2019/04/FireShot-Capture-181-STYLY-Editor-webeditor.styly_.cc-1024x535.png)
AssetsメニューにLAB追加
LABで使えるアセットと使い方
AssetsメニューをクリックするとLABがあります。12種類のアセットから選んで使用します。
![キャプチャ - STYLY LABメニュー一覧](https://styly.cc/wp-content/uploads/2019/04/キャプチャ-1-928x1024.png)
LABメニュー一覧
Directional Light
![Customizable Directional Light - STYLY Customizable Directional Light](https://styly.cc/wp-content/uploads/2019/04/Customizable-Directional-Light.png)
Customizable Directional Light
ディレクショナルライトの色と強さを調整して使用します。
![キャプチャ - STYLY Customizable Directional Light パラメータ設定画面](https://styly.cc/wp-content/uploads/2019/04/キャプチャ.png)
Customizable Directional Light パラメータ設定画面
■使い方
- Color of the light:色を調整
- Intensity of the light:強さを調整
- [ADD TO SCENE]ボタンをクリック
![FireShot Capture 030 - STYLY Editor - webeditor.styly.cc - STYLY Customizable Directional Light STUDIOでの見え方](https://styly.cc/wp-content/uploads/2019/04/FireShot-Capture-030-STYLY-Editor-webeditor.styly_.cc-1024x543.png)
Customizable Directional Light STUDIOでの見え方
Point Light
![Customizable Point Light - STYLY Customizable Point Light](https://styly.cc/wp-content/uploads/2019/04/Customizable-Point-Light.png)
Customizable Point Light
ポイントライトの色、範囲、強さを調整して使用します。
![FireShot Capture 163 - STYLY Editor - webeditor.styly.cc - STYLY Customizable Point Light パラメータ設定画面](https://styly.cc/wp-content/uploads/2019/04/FireShot-Capture-163-STYLY-Editor-webeditor.styly_.cc-1024x572.png)
Customizable Point Light パラメータ設定画面
■使い方
- Color of the light:色を調整
- Reach of the light:範囲を調整
- Intensity of the light:強さを調整
- [ADD TO SCENE]ボタンをクリック
![FireShot Capture 164 - STYLY Editor - webeditor.styly.cc - STYLY](https://styly.cc/wp-content/uploads/2019/04/FireShot-Capture-164-STYLY-Editor-webeditor.styly_.cc-1024x572.png)
Customizable Point Light STUDIOでの見え方
Spot light
![Customizable Spot Light - STYLY Customizable Spot Light](https://styly.cc/wp-content/uploads/2019/04/Customizable-Spot-Light.png)
Customizable Spot Light
スポットライトの色、範囲、強さを調整して使用します。
![FireShot Capture 165 - STYLY Editor - webeditor.styly.cc - STYLY Customizable Spot Light パラメータ設定画面](https://styly.cc/wp-content/uploads/2019/04/FireShot-Capture-165-STYLY-Editor-webeditor.styly_.cc-1024x572.png)
Customizable Spot Light パラメータ設定画面
■使い方
- Color of the light:色を調整
- Reach of the light:範囲を調整
- Intensity of the light:強さを調整
- [ADD TO SCENE]ボタンをクリック
![FireShot Capture 166 - STYLY Editor - webeditor.styly.cc - STYLY Customizable Spot Light STUDIOでの見え方](https://styly.cc/wp-content/uploads/2019/04/FireShot-Capture-166-STYLY-Editor-webeditor.styly_.cc-1024x572.png)
Customizable Spot Light STUDIOでの見え方
Color switching Directional Light
![Color Switching Directional Light - STYLY Color Switching Directional Light](https://styly.cc/wp-content/uploads/2019/04/Color-Switching-Directional-Light.png)
Color Switching Directional Light
2種類のディレクショナルライトが交互に点灯します。
ディレクショナルライトの2色、切り替わるインターバル時間を調整して使用します。
![FireShot Capture 167 - STYLY Editor - webeditor.styly.cc - STYLY Color Switching Directional Light パラメータ設定画面](https://styly.cc/wp-content/uploads/2019/04/FireShot-Capture-167-STYLY-Editor-webeditor.styly_.cc-1024x556.png)
Color Switching Directional Light パラメータ設定画面
■使い方
- Color1:色を調整
- Color2:色を調整
- Switching interval time:色が切り替わるインターバル時間を調整
- [ADD TO SCENE]ボタンをクリック
![Color switching Directional Light - STYLY Color Switching Directional Light STUDIOでの見え方](https://styly.cc/wp-content/uploads/2019/04/Color-switching-Directional-Light.gif)
Color Switching Directional Light STUDIOでの見え方
Color switching Point Light
![Color Switching Point Light - STYLY Color Switching Point Light](https://styly.cc/wp-content/uploads/2019/04/Color-Switching-Point-Light.png)
Color Switching Point Light
2種類のポイントライトが交互に点灯します。
ポイントライトの2色、切り替わるインターバル時間を調整して使用します。
![FireShot Capture 168 - STYLY Editor - webeditor.styly.cc - STYLY Color Switching Point Light パラメータ設定画面](https://styly.cc/wp-content/uploads/2019/04/FireShot-Capture-168-STYLY-Editor-webeditor.styly_.cc-1024x556.png)
Color Switching Point Light パラメータ設定画面
■使い方
- Color1:色を調整
- Color2:色を調整
- Switching interval time:色が切り替わるインターバル時間を調整
- [ADD TO SCENE]ボタンをクリック
![Color Switching Point Light - STYLY Color Switching Point Light STUDIOでの見え方](https://styly.cc/wp-content/uploads/2019/04/Color-Switching-Point-Light.gif)
Color Switching Point Light STUDIOでの見え方
Color switching Spot Light
![Color Switching Spot Light - STYLY Color Switching Spot Light](https://styly.cc/wp-content/uploads/2019/04/Color-Switching-Spot-Light.png)
Color Switching Spot Light
2種類のスポットライトが交互に点灯します。
スポットライトの2色、切り替わるインターバル時間を調整して使用します。
![FireShot Capture 170 - STYLY Editor - webeditor.styly.cc - STYLY Color Switching Spot Light パラメータ設定画面](https://styly.cc/wp-content/uploads/2019/04/FireShot-Capture-170-STYLY-Editor-webeditor.styly_.cc.png)
Color Switching Spot Light パラメータ設定画面
■使い方
- Color1:色を調整
- Color2:色を調整
- Switching interval time:色が切り替わるインターバル時間を調整
- [ADD TO SCENE]ボタンをクリック
![Color Switching Spot Light - STYLY Color Switching Spot Light STUDIOでの見え方](https://styly.cc/wp-content/uploads/2019/04/Color-Switching-Spot-Light.gif)
Color Switching Spot Light STUDIOでの見え方
Flashing Directional Light
![Flashing Directional Light - STYLY Flashing Directional Light](https://styly.cc/wp-content/uploads/2019/04/Flashing-Directional-Light.png)
Flashing Directional Light
ディレクショナルライトが点滅します。
ディレクショナルライトの点灯時間と消灯時間を調整して使用します。
![FireShot Capture 171 - STYLY Editor - webeditor.styly.cc - STYLY Flashing Directional Light パラメータ設定画面](https://styly.cc/wp-content/uploads/2019/04/FireShot-Capture-171-STYLY-Editor-webeditor.styly_.cc.png)
Flashing Directional Light パラメータ設定画面
■使い方
- Color of the light:色を調整
- On interval time:点灯時間を調節
- OFF interval time:消灯時間を調節
- [ADD TO SCENE]ボタンをクリック
![Flashing Directional Light - STYLY Flashing Directional Light STUDIOでの見え方](https://styly.cc/wp-content/uploads/2019/04/Flashing-Directional-Light.gif)
Flashing Directional Light STUDIOでの見え方
Flashing Point Light
![Flashing Point Light - STYLY Flashing Point Light](https://styly.cc/wp-content/uploads/2019/04/Flashing-Point-Light.png)
Flashing Point Light
ポイントライトが点滅します。
ポイントライトの点灯時間と消灯時間を調整して使用します。
![FireShot Capture 173 - STYLY Editor - webeditor.styly.cc - STYLY Flashing Point Light パラメータ設定画面](https://styly.cc/wp-content/uploads/2019/04/FireShot-Capture-173-STYLY-Editor-webeditor.styly_.cc-1024x556.png)
Flashing Point Light パラメータ設定画面
■使い方
- Color of the light:色を調整
- On interval time:点灯時間を調節
- OFF interval time:消灯時間を調節
- [ADD TO SCENE]ボタンをクリック
![Flashing Point Light - STYLY Flashing Point Light STUDIOでの見え方](https://styly.cc/wp-content/uploads/2019/04/Flashing-Point-Light.gif)
Flashing Point Light STUDIOでの見え方
Flashing Spot Light
![Flashing Spot Light - STYLY Flashing Spot Light](https://styly.cc/wp-content/uploads/2019/04/Flashing-Spot-Light.png)
Flashing Spot Light
ポイントライトが点滅します。
ポイントライトの点灯時間と消灯時間を調整して使用します。
![FireShot Capture 174 - STYLY Editor - webeditor.styly.cc - STYLY Flashing Spot Light パラメータ設定画面](https://styly.cc/wp-content/uploads/2019/04/FireShot-Capture-174-STYLY-Editor-webeditor.styly_.cc-1024x556.png)
Flashing Spot Light パラメータ設定画面
- Color of the light:色を調整
- On interval time:点灯時間を調節
- OFF interval time:消灯時間を調節
- [ADD TO SCENE]ボタンをクリック
![Flashing Spot Light - STYLY Flashing Spot Light STUDIOでの見え方](https://styly.cc/wp-content/uploads/2019/04/Flashing-Spot-Light.gif)
Flashing Spot Light STUDIOでの見え方
Cube
![Color Changable Cube - STYLY Color Changable Cube](https://styly.cc/wp-content/uploads/2019/04/Color-Changable-Cube.png)
Color Changable Cube
キューブの色を調整して使用します。
![FireShot Capture 175 - STYLY Editor - webeditor.styly.cc - STYLY Color Changable Cube パラメータ設定画面](https://styly.cc/wp-content/uploads/2019/04/FireShot-Capture-175-STYLY-Editor-webeditor.styly_.cc-1024x556.png)
Color Changable Cube パラメータ設定画面
■使い方
- Color of the Cube:色を調整
- [ADD TO SCENE]ボタンをクリック
![FireShot Capture 176 - STYLY Editor - webeditor.styly.cc - STYLY Color Changable Cube STUDIOでの見え方](https://styly.cc/wp-content/uploads/2019/04/FireShot-Capture-176-STYLY-Editor-webeditor.styly_.cc-1024x535.png)
Color Changable Cube STUDIOでの見え方
Sphere
![Color Changable Sphere - STYLY Color Changable Sphere](https://styly.cc/wp-content/uploads/2019/04/Color-Changable-Sphere.png)
Color Changable Sphere
スフィアの色を調整して使用します。
![FireShot Capture 177 - STYLY Editor - webeditor.styly.cc - STYLY Color Changable Sphere パラメータ設定画面](https://styly.cc/wp-content/uploads/2019/04/FireShot-Capture-177-STYLY-Editor-webeditor.styly_.cc-1024x535.png)
Color Changable Sphere パラメータ設定画面
■使い方
- Color of the Sphere:色を調整
- [ADD TO SCENE]ボタンをクリック
![FireShot Capture 178 - STYLY Editor - webeditor.styly.cc - STYLY Color Changable Sphere STUDIOでの見え方](https://styly.cc/wp-content/uploads/2019/04/FireShot-Capture-178-STYLY-Editor-webeditor.styly_.cc-1024x535.png)
Color Changable Sphere STUDIOでの見え方
Cylinder
![Color Changable Cylinder - STYLY Color Changable Cylinder](https://styly.cc/wp-content/uploads/2019/04/Color-Changable-Cylinder.png)
Color Changable Cylinder
シリンダーの色を調整して使用します。
![FireShot Capture 179 - STYLY Editor - webeditor.styly.cc - STYLY Color Changable Cylinder パラメータ設定画面](https://styly.cc/wp-content/uploads/2019/04/FireShot-Capture-179-STYLY-Editor-webeditor.styly_.cc-1024x535.png)
Color Changable Cylinder パラメータ設定画面
■使い方
- Color of the Cylinder:色を調整
- [ADD TO SCENE]ボタンをクリック
![FireShot Capture 180 - STYLY Editor - webeditor.styly.cc - STYLY Color Changable Cylinder STUDIOでの見え方](https://styly.cc/wp-content/uploads/2019/04/FireShot-Capture-180-STYLY-Editor-webeditor.styly_.cc-1024x535.png)
Color Changable Cylinder STUDIOでの見え方
LABには、今後STYLYクリエイターの皆さんが作ったアセットが並び、かつ誰でも使える場所にする予定です。