STYLYで遊び始めようとしているあなたへ

# STYLYはできることが多すぎる

[STYLY](https://styly.cc/ja/)で何か作って遊び始めたときの私の感想です。
最近では[STYLY MR](https://styly.cc/ja/mr)の発表もあり、続々と機能が追加される一方です。
どこから手を付けたらいいんだ:thinking:

というわけで現時点の情報[^1]をまとめました。
[^1]: 2019/04/12時点でWeb上に転がってるもの
<blockquote class="twitter-tweet" data-lang="ja"><p lang="ja" dir="ltr"><a href="https://twitter.com/hashtag/STYLY?src=hash&amp;ref_src=twsrc%5Etfw">#STYLY</a> で遊ぼうとしたら、できること多すぎ。<br>何から手を付けようか迷ったので、1枚にまとめてみました。<br>ご査収ください。 <a href="https://t.co/NttsA5z5Zt">pic.twitter.com/NttsA5z5Zt</a></p>&mdash; noria (@noria901) <a href="https://twitter.com/noria901/status/1115956229098991618?ref_src=twsrc%5Etfw">2019年4月10日</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
ここでは"完全に理解した”程度を目標に、全体像をザックリつかんで、要素ごとの概要とお役立ちリンクを紹介します。

# STYLYの全体像
STYLYはコンテンツ作成から各デバイスでの表示までを提供するプラットフォームです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/197699/ffb307c8-2653-5077-13cc-c936a96dba75.png)


この図はSTYLYでユーザがコンテンツを視聴するまでの要素を表してます。
下から順にできることを見ていくと、

1. [Create models / scene](#create-models--scene)  
  STYLYにPre-installされている3Dモデルはいくつかありますが、自身で作成したモデルやシーンを利用することができます。  
2. [Edit contents / Platform](#edit-contents--platform)  
  Uploadされたモデルやシーンといったアセットを使ってコンテンツを作っていく環境が提供されてます。Web上でコンテンツを作ることができます。
3. [Contents](#contents)  
  Uploadされたコンテンツはいくつかのカテゴリに分けられます。ユーザの好みに合わせて体験することができます。
4. [Viewer / Device](#viewer--devices)  
  Uploadされたコンテンツは基本的にどの視聴環境でも見ることができます。[^2]  

以上の要素について次章で紹介します。
また、[STYLYのコラボした活動](#other-activities)なども最後に紹介します。

# Create models / scene
STYLYのEditorで使うアセットは標準で用意されているものもありますが、より良い体験を作るには、アセットの元ネタを用意する方法を知ることが重要です。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/197699/e0fac8f8-a417-68c5-ac45-9c764a78a9fe.png)
画像や音声などにも対応してますが、ここでは3Dのツールに注目して紹介します。
## 3D tools

* [Sketchfab](https://sketchfab.com/)  
  [Sketchfabから3DモデルをダウンロードしてSTYLYへインポートする](https://styly.cc/ja/tips/sketch_3dmodel/)ことができます。[glTFにも対応している](https://styly.cc/ja/news/gltf/)ので、アニメーション表示もできちゃいますね。  
  あ、みんな大人なんだからライセンス条項はちゃんと確認しましょうね。
* その他3Dツール  
  当然ながら[多くの3Dツール](https://styly.cc/ja/tips/styly-3d-softwares/)を利用して作ったモデルも利用できます。例えば[3DS MAX](https://www.autodesk.co.jp/products/3ds-max/overview)、[MAYA](https://www.autodesk.co.jp/products/maya/overview)、[Tilt Brush](https://www.tiltbrush.com/)、[Blender](https://www.blender.org/)、[SketchUp](https://www.sketchup.com/)、[Microsoft Maquette](https://www.maquette.ms/) etc..数え切れないツールが対応できます。[Blender初めてな方はこちら](https://styly.cc/ja/tips/blender-modeling-start1/)を見るとよいでしょう。

## Unity
上記で紹介した3Dツールだけでは限界があります。よりリッチな表現をするにはUnityが必要です。STYLYは[Unity 2017.4.x](https://unity3d.com/jp/unity/qa/lts-releases)にも対応しています。[Download](https://styly.cc/ja/download/)ページのUNITY PLUGIN FOR STYLY(β)を利用する必要があります。
基本的な操作は[UnityからSTYLYにアセットをアップロードする方法](https://styly.cc/ja/manual/unity-asset-uploader/)や[Unityシーンアップロード](https://styly.cc/ja/manual/unity-scene-upload/)でできますが、[シーン作成時の注意点](https://styly.cc/ja/manual/styly_important_point/)も確認すると地雷を避けられることでしょう。  
C#スクリプトに対応してないので、代わりに[PlayMaker](https://assetstore.unity.com/packages/tools/visual-scripting/playmaker-368)を利用して動きを付けることができます。
何ができるのかわからない場合、[PlayMakerを使った多くの例](https://styly.cc/ja/tips/playmaker_summary/)が既にあります。
[近づくと点灯するライト](https://styly.cc/ja/tips/sensorlight_discont_playmaker/)や[インタラクティブ機能を実装](https://styly.cc/ja/tips/playmaker-interactive/)したり、果ては[アーチェリー](https://styly.cc/ja/tips/english-how-to-use-virtual-reality-controllers-to-create-an-amazing-bow-and-arrow-experience-in-styly/)することもできてしまいます。

その他応用例として、以下のようなものがあります。

* [VTuberの3DモデルをSTYLYにアップロードする](https://styly.cc/ja/tips/styly_vtuber/#STYLY-2)
* [Unityライトを使った演出の作り方](https://styly.cc/ja/tips/lightshadow_discont_light/)
* [vineFramesの解説](https://styly.cc/ja/tips/english-vineframes-breakdown-%E2%80%8B/)
* [レーザーの設定方法](https://styly.cc/ja/tips/english-laser/)
* [Mecanimの利用](https://styly.cc/ja/tips/mecanim/#MecanimSTYLY)
* [パーティクルシステムの利用](https://styly.cc/ja/tips/styly-particle-system/)
* [Unityのパーティクルで花火を作る　丸い花火編](https://styly.cc/ja/tips/unity_fireworks01/)

Unityの実装例は[STYLYの設計図共有サイト](https://github.com/styly-dev/STYLY-Unity-Examples/tree/master/Assets/STYLY_Examples)も参考にするとよいでしょう。

# Edit contents / Platform
STYLYの凄いところは、VRコンテンツをWeb上で作れてしまうことでしょう。それ以外にも様々な機能や、取り扱えるアセットがあります。

## Feature
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/197699/ee405fa0-9268-e3ef-0133-c31b537eb70b.png)

* [Web Editor](https://webeditor.styly.cc/) / [使い方](https://styly.cc/ja/manual/scene-create-tutorial/)  
  STYLYを代表するエディター。Chrome推奨。  
  初めてなら[Scene作成・公開方法を学べるチュートリアル](https://styly.cc/ja/manual/scene-create-tutorial/)を見つつ触ってみましょう。
    * Account / Profile  
      アカウントやプロファイルの管理はWeb Editorからどぞ。アカウント持ってない方は[Sign up](https://webeditor.styly.cc/signup)からどぞ。
    * [Edit scene, Publish Scene](https://webeditor.styly.cc/built/)  
      シーンの編集やパブリッシュができます。Web Editorでシーンを作った直後はPrivateな状態なのでSTYLY Gallaryに並ぶことはありません。パブリッシュするとPublicな状態になるのでSTYLY Gallaryに並びます。一度パブリッシュすると**Privateに戻す方法がない男気仕様**[^3]となってますのでお気を付けくださいませ。  
      パブリッシュする際にSTYLY Gallaryに表示されるサムネイルが自動生成されますが、[自身でサムネイルを設定する方法](https://styly.cc/ja/manual/change-thumbnail/)もあります。[エモいサムネ](https://gallery.styly.cc/YORIMIYA/660aaaae-571e-11e9-b34d-4783bb2170d0)[^4]にしましょう。
    * Camera(β) / [使い方](https://styly.cc/ja/manual/webeditor-cameramode-manual/)  
  自身で操作するマニュアルモードと、軸を中心とした回転する自動モードがある。
  VtuberのPV撮影とかに使える。
* [VR Editor](https://styly.cc/ja/manual/vr-editmode/) / [使い方](https://styly.cc/ja/manual/vr-editmode/)  
  Web editorだと直感的な配置がしにくい人向け。
  [SteamのVRアプリ](http://store.steampowered.com/app/693990/STYLY/)で編集できる
  
何か困ったらなら[シーン作成時の注意点](https://styly.cc/ja/manual/styly_important_point/)や[Q&A](https://styly.cc/ja/manual/styly-qa/)をどうぞ。
その他不具合報告先は以下となってるようです。

* 日本語：[STYLY助け合い所](https://www.facebook.com/groups/stylyusers/)
* 英語：[STYLY user group](https://www.facebook.com/groups/STYLY.VR/)
* メール：info@styly.cc

## Assets
Editor上で取り扱えるアセットは、Editor標準で提供しているものもありますし、自身で用意したアセットをUploadして使うこともできます。
詳細は [取り込めるアセットを理解しよう](https://styly.cc/ja/manual/asset-type-introduction/) を見るとよいです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/197699/e1ac8e46-1c22-2834-a2c5-f95db9082f3c.png)
### 3D Model
* My Models  
[Create models/scene](#create-models--scene)で紹介したツールを使って作成したモデルをアップロードできます。対応フォーマットは以下。  
`Obj(+ mtl + jpg) .blend .fbx .skp .gltf .glb`  
* [Poly 3D Models <img width="20" alt="poly" src="http://ssl.gstatic.com/vr/poly/favicon.png">  ](https://poly.google.com/)  
GoogleがVR/AR向けにローポリモデルを無料で公開していますが、[STYLYはPoly API連携している](https://styly.cc/ja/feature/googlepoly/)ので、Web Editorから検索、利用することができます。
* [Pre-Uploaded](https://styly.cc/ja/manual/styly-3dmodel/)  
 STYLYは標準でフィルター(post effect)、エフェクト(パーティクルや炎)、光源(ライティング)と、いくつかの3D Modelを提供しています。
* Direct Upload  
先述したUnity Pluginから[プレハブ(.prefab)](https://styly.cc/ja/manual/unity-asset-uploader/)や[シーン(.unity)](https://styly.cc/ja/manual/unity-scene-upload/)をアップロードできます。

### Other Files

* Image
    * My Uploads  
一般的な画像ファイルは取り扱えます。  
`.jpg .pjpeg .jpeg .jfif .pjp .png .gif`  
地味に[GIF Animation](https://styly.cc/ja/feature/animationgif/)に対応しているのはツボですね。
    * Instagram<img width="20" alt="Instagram" src="https://www.instagram.com/favicon.ico">  
自身のInstagramアカウントから画像をアップロードできます。  
気軽に始めるなら[VR美術館・植物園ができるテンプレート](https://styly.cc/ja/feature/instagram-museum/)を使ってみるのがいいでしょう。  
* Video
    * Youtube<img width="20" alt="Youtube" src="https://www.youtube.com/favicon.ico">  
YoutubeのコンテンツURLを利用してアップロードします。  
[360°動画も表示することができる](https://styly.cc/ja/tips/styly-360movie-import/)ので、リッチな空間表現ができそうですね。  
* Music
    * My Uploads  
`mp3`のみアップロードすることができます。
    * Soundcloud<img width="20" alt="Soundcloud" src="https://www.soundcloud.com/favicon.ico">  
SoundcloudのAPI連携されているので、Web Editorから直接検索・挿入することができます。
* PDF
    * My Uploads  
`.pdf`をアップロードして、[本のような見た目で挿入](https://styly.cc/ja/manual/asset-type-introduction/#PDF)できます。  
[好きな本を選んで引き寄せる方法](https://styly.cc/ja/tips/choose-a-book/)と組み合わせれば本屋風VRできちゃいますね。

### Labs
~~STYLYがCustom中の実験的な機能やモデルを使うことができます。多分。
これ書いてるときに増えたので詳細は不明。Web Editorから使えます。~~
Psychic VR Lab 代表の山口さんに教えていただきました!thx!
<blockquote class="twitter-tweet" data-conversation="none" data-lang="ja"><p lang="ja" dir="ltr">Labは実は昨日デプロイしたばかりなんですが、クリエイターが表現の型を他のクリエイター向けに公開できるようにしようと思っているんです<br><br>“例えば色と文字を指定すると、その色の文字がパーティクルとなって舞う”みたいな表現を再利用できるようになります</p>&mdash; サイキック山口 / STYLY (@from2001vr) <a href="https://twitter.com/from2001vr/status/1116656573604958208?ref_src=twsrc%5Etfw">2019年4月12日</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
合わせて[STUDIOに「プロパティのパラメータを調整できるアセット」が使えるLAB登場](https://styly.cc/ja/feature/studio_lab/)もどうぞ

# Contents
コンテンツはどのデバイスでも見ることができます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/197699/c688baba-66b4-f9cc-68e4-7e1851b43245.png)

STYLY GallaryではコンテンツのページでLike機能やコメント、お気に入りのコンテンツが見つかったらMy Lists、そしてクリエイターをFOLLOWすることができます。[^6]

Gallaryは基本新着順に表示されますが、カテゴリなどでフィルタリングすることができます。

* Recommended  
STYLYスタッフさんがピックアップして更新しています。多分。  
クオリティの高い作品が並んでいるので、STYLYの雰囲気を知るにはここを見るといいでしょう。
* Category  
Art、 Fashion、Music、Entertainment、Architectureの5つのカテゴリから構成されてます。  
シーンをパブリッシュするときにカテゴリーを選ぶとここに表示されます。何も選択しないと、Allから探すことになるでしょう。[^7]  
ちなみに、図にあるコンテンツは以下になります。
    * [RapinsMiniatureGarden](https://gallery.styly.cc/KoNatsu/726471f1-41ac-11e9-b34d-4783bb2170d0)
    * [BALMUNG](https://gallery.styly.cc/BALMUNG/81b3e7b9-ad77-11e7-af2f-fb1a918a0060)
    * [Particle LiVE "ELECT"](https://gallery.styly.cc/YORIMIYA/660aaaae-571e-11e9-b34d-4783bb2170d0)[^4]
    * [OMEGA BASEBALL GAME](https://gallery.styly.cc/mizkun/45a885b7-39a1-11e9-b34d-4783bb2170d0)
    * [ARCHICAD 22 - Imported from Grasshopper](https://gallery.styly.cc/GRAPHISOFT/40929317-4ec4-11e9-b34d-4783bb2170d0) 


# Viewer / Devices
対応しているデバイスが多すぎです。それぞれのデバイスに合わせたアプリが公開されています。
## Desktop Support
気軽にお試しするならブラウザでおｋ。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/197699/f25ff805-19d3-46c0-7506-7d670d768d92.png)

* [STYLY Gallery](https://gallery.styly.cc/)  
  Contentsを探すならここ。
* [Embed Web Player (埋め込みプレイヤー機能)](https://styly.cc/ja/news/embed-web-player/)  
  自身のHPに埋め込んだりできます。  
  尚、Qiitaはiframe非対応なのでできません:disappointed_relieved:

## [VR Support](https://styly.cc/ja/download/)
ちゃんと体験するならやはりVR HMDが一番！
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/197699/3896bc16-f16e-a16e-2c60-98973f949e13.png)

* [PCVR](http://store.steampowered.com/app/693990/STYLY/) / [使い方](https://styly.cc/ja/manual/styly-vrviewer-vivewinmr/)  
  SteamVRに対応しているVIVE, OculusRift, WindowsMRなど。
  このPCVRのSTYLYアプリにはEditor機能なども統合されてますが、極めつけはVtuber機能(β)でしょう。なぜか[afjk実験版](https://psychic-vr-lab.com/blog/unity/styly-vtuber%E6%A9%9F%E8%83%BDafjk%E5%AE%9F%E9%A8%93%E7%89%88/)と[from2001vr](https://psychic-vr-lab.com/blog/vr/styly%E3%81%A73d%E3%82%B9%E3%82%AD%E3%83%A3%E3%83%B3%E3%83%87%E3%83%BC%E3%82%BF%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%9F%E3%83%90%E3%83%BC%E3%83%81%E3%83%A3%E3%83%AB%E3%83%A6%E3%83%BC%E3%83%81%E3%83%A5-2/)の2つあります。[バーチャルモーションキャプチャー](https://styly.cc/ja/tips/vtuber-rapturn-vmc/)でいいじゃないか？聞こえないなぁ…。
* [Daydream](https://play.google.com/store/apps/details?id=com.psychicvrlab.styly.daydream) / [使い方](https://styly.cc/ja/manual/styly-vrviewer-daydream/)  
  Mirage Soloなど。持ち運んで布教活動するならこれ。  
  STYLYアプリのトップのポータルは検索しにくいので、2DモードのChromeブラウザから[STYLY Gallery](https://gallery.styly.cc/)開いてポータル替わりに使うのがおすすめ。<img width="20" alt="Soundcloud" src="https://gallery.styly.cc/83b61b57d3a4c92db880c561d6af1b61.svg">ボタンを押すとSTYLYアプリが起動する。  
  ~~尚6DoFを生かした移動はできない模様。勿体ない。~~  
  **6Dof普通に対応してて歩けるマス(気を付けて、危ないヨ！)**  
  尚ビデオシースルーには未対応。STYLY MRで来ないかなぁ。
* Oculus Go(Invitation only)  
  Oculusのα公開なのでSTYLYからの招待が必要です。~~[FacebookのSTYLYグループ](https://www.facebook.com/groups/STYLY.VR/)で問い合わせてくれと書いてありますが、よくよく見るとOculusIDをMail(info@styly.cc)で送ってくれとか書いてあったりでコレガワカラナイ:thinking:~~  
  招待までの流れは、
  1. MailでSTYLYさんにお願いする  
     info@styly.cc宛てに自身のOculusで登録しているアドレスを送りましょう
  2. お茶を飲みながら待つ
  3. 招待完了メールが来たらさっそくインストール  
     <img width="300" alt="OculusGo" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/197699/aabebc50-e262-8e22-c9ee-ceeb163410bc.png">


~~ところでSTYLYさん、Questとか来ますか？~~
(20190811追記)来る様子がなかったので[無理やり使ってみました](https://qiita.com/noria901/items/a1b8875d01a554f87285)

## Other Support
まだまだありますぞ！
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/197699/c1e5cf30-46af-e972-a0e9-f3de2f42b122.png)

* [Looking Glass : 使い方](https://styly.cc/ja/news/styly-for-lookingglass/)  
[Looking Glass](https://lookingglassfactory.com/)というホログラムディスプレイがありますが、[エーエフさんが1カ月で対応](https://twitter.com/mizkun/status/1104301146921885698)しました。先日のコンテンツ東京のLooking Glassブースも[STYLYで賑わって](https://twitter.com/LKGGlass/status/1114072391666339840)ましたね。   
STYLY for Looking Glass βは[Steamのベータプログラム](https://styly.cc/ja/news/styly-for-lookingglass/#STYLY_for_Looking_Glass)から利用できます。
* [STYLY MR](https://styly.cc/ja/mr/)  
Hololensにはすでに対応していて、Hololens2にも対応予定とのこと。MRデバイスやMobileMR/ARに対応予定とも。なんでもありかよ。[^5]   
HoloLensのSTYLY MRを[体験する機会](https://connpass.com/event/127778/)があったので見てきました。HoloLensらしくエアタップやアンカーがふえたSTYLYといった感じで、気軽に空間デザインできそうでした。  
[Youtube：STYLY MR LP SAMPLE](https://www.youtube.com/watch?v=Fewdk4Awzt8)  
[![STYLY MR LP SAMPLE](http://img.youtube.com/vi/Fewdk4Awzt8/0.jpg)](https://www.youtube.com/watch?v=Fewdk4Awzt8)


# Other Activities
STYLYを作ってるのは[Psychic VR Lab](https://psychic-vr-lab.com/)さんなわけですが、いろんな方たちと組んで活動してます。
[STYLY NEWS](https://styly.cc/ja/news/)から一部Pickupして紹介します。

## TIMEMACINE
Psychic VR Labと博報堂プロダクツが組んで、渋谷区で何かする模様。ここで[STYLY MR](https://styly.cc/ja/mr)を使うらしい！物がまだReleaseされてないので様子見。
[<img width="300" alt="TIMEMACINE" src="https://static1.squarespace.com/static/5c853a427046804f6e443cb6/t/5caf02caea8f26000106e801/1554974245589/?format=1500w">
TIMEMACINE公式ページ](https://www.timemachine.salon/)

* 2019/03/26  
  [Psychic VR Lab、MR Salon「TIMEMACHINE」の第1弾プロジェクトとして、 渋谷区を舞台にMR x 街をテーマにした新プロジェクトを始動](https://styly.cc/ja/news/styly_mr_shibuyaproject/)
* 2019/03/19  
  [Psychic VR Labと博報堂プロダクツ MR技術を中心とした新しい研究開発スペース 「TIMEMACHINE」において共同研究をスタート](https://styly.cc/ja/news/mrsalon_timemachine/)

## NEWVIEW AWARDS 2018
Psychic VR Lab、パルコ、ロフトワークが組んで開催した、ファッション/カルチャー/アート分野のVRコンテンツを募るグローバルアワード
[<img width="300" alt="newview" src="https://styly.cc/wp-content/uploads/2018/05/newview.jpg">
NEWVIEW AWARDS 2018 公式ページjp](https://newview.design/awards/2018/jp) / [en](https://newview.design/awards/2018/en)
>「DESIGN YOUR ULTRA EXPERIENCE」（＝超体験をデザインせよ！）
> 新たな表現やカルチャー/ライフスタイルを追求し、「超体験のデザイン」を牽引する次世代クリエイターを発掘することが目的

* 2018/10/15  
[ファッション/カルチャー/アート分野のVRコンテンツを募るグローバルアワード「NEWVIEW AWARDS 2018」 賞金20,000USDのグランプリは、バーチャルYouTuberえもこのVR個展](https://styly.cc/ja/news/newview-awards-2018-grandprix/)
* 2018/08/21  
[ファッション/カルチャー/アート分野のVRコンテンツを募るグローバルアワード「NEWVIEW AWARDS 2018」7ヶ国219作品より選出されたファイナリスト19作品を発表](https://styly.cc/ja/news/newview-awards-2018-finalist/)
* 2018/06/20  
[ファッション/カルチャー/アート分野のVRコンテンツを募るグローバルアワード「NEWVIEW AWARDS 2018」追加審査員にDavid OReilly（デビッド・オライリー）氏](https://styly.cc/ja/news/newview-awards-2/)
* 2018/05/25  
[Psychic VR Lab、パルコ、ロフトワークと共同でファッション/カルチャー/アート分野のVRコンテンツを募るグローバルアワード「NEWVIEW AWARDS 2018」を開催！](https://styly.cc/ja/news/newview-awards/)
* 2018/11/06
[ Psychic VR Lab、パルコ、ロフトワークと共同で STYLYを活用した3次元空間の新たな表現と体験のデザインを開拓する 実験プロジェクト/コミュニティ「NEWVIEW」をスタート](https://styly.cc/ja/news/newview/)

## NEWVIEW SCHOOL
NEWVIEW AWARDS 2018があるということは、NEWVIEW AWARDS 2019があるわけです。クリエイターの方たちにはぜひ参加していただきたいですが、いかんせんVR/MR未体験の方もいらっしゃることでしょう。そんな方たちにおすすめなのがNEWVIEW SCHOOL。VR空間を体験の場として使いこなす技術を一流の講師陣が教えてくれます。
[<img width="300" alt="NEWVIEW SCHOOL" src="https://static1.squarespace.com/static/5a3944ab1f318dfb042f9240/t/5cb458ab104c7b72bcddbed0/1555323051341/newviewschool_logo.png">
TIMEMACINE公式ページ](https://newview.design/school/2019)


## ゆるめるモ! × STYLY
STYLYとニューウェーブガールズグループ ゆるめるモ！がコラボしたVR空間を作ったり、ユーザ参加企画を通してMVを作ったり
<img width="300" alt="yurumerumo" src="https://styly.cc/wp-content/uploads/2018/11/yurumerumo-2-1024x571.png">

* 2018/12/03  
[STYLY x ゆるめるモ！ ファンが制作したVR空間とのマッシュアップMV「なつ おん ぶる ー」が公開](https://styly.cc/ja/news/natsuonblue/)
* 2018/04/25  
[「ゆるめるモ！」とコラボした12種類のVR衣装展示空間を 5月26日にSTYLYで公開！](https://styly.cc/ja/news/yurumerumo/)

## 2020 Shopping Experience -STYLY OS UMWELT-
Psychic VR Lab、パルコが組んで開催した「2020年の買い物体験」
SXSWや渋谷SRq6「RUNWAY channel Lab. SHIBUYA」で展示した。
<img width="300" alt="runway" src="https://styly.cc/wp-content/uploads/2018/05/d23281-24-487177-8.jpg">

* 2018/05/07  
[パルコと共同でVRショッピングコンテンツを開発 複数人同時にVR空間でのショッピング体験が可能に](https://styly.cc/ja/news/parco_shopping/)

## chloma × STYLY HMD collection
STYLYと[chloma](http://dl-chloma.com/)が組んで、Hololensを使ったショッピングアプリ公開したり、2017年のde:codeで展示したり。
[<img width="300" alt="runway" src="https://styly.cc/wp-content/uploads/2018/06/d23281-6-540870-1.jpg">
公式ページ](http://chloma-hmd-collection.com/)
[chloma x STYLY HMD collection Microsoft Store](https://www.microsoft.com/en-us/p/chloma-x-styly-hmd-collection/9pnqv3g43ngk)

* 2018/04/02
[ファッションMコマースを”chloma”と実現 第一弾のコンセプトアプリをMicroSoftストアにて公開](https://styly.cc/ja/news/mr-chloma/)
* 2017/05/22  
[News  VR/MRのためのコレクション『chloma x STYLY HMD Collection ( REAL⇄MR⇄VR)』を chloma と共同で発表](https://styly.cc/ja/news/chloma-x-styly-hmd-collection/)

# おわりに
お気づきでしょうか。ページリンクがほぼSTYLY公式です。
STYLYのクリエイターに対する情熱を感じざるを得ませんね！

ここまで読んだあなたは **STYLY完全に理解した**:wink::v: と言っても過言ではないでしょう。

[^2]: 一部例外はある。
[^3]: STYLYさん、ありますか？
[^4]: ELECTはいいぞ
[^5]: STYLYの対応デバイスはなんでもありです。それがいいとこすごいとこ。すこ。
[^6]: 将来的にアナリティクスが強くなるといいなぁ。空間ヒートマップとかも欲しい。
[^7]: 練習で作ったものを気軽におけるSandbox欲しいのじゃ。現状ALLに埋もれることになる。