取り込めるアセットを理解しよう

本記事では、Sceneに挿入できるアセットの種類と挿入方法について紹介します。挿入できるアセットの種類は、3D Model、Image、Instagram、Music、Video、PDFです。アセットとはSceneを作成する構成要素です。

3DModel

3D Modelメニューでは、3Dオブジェクト・Skybox・DirectionalLight・Ground・パーティクルの挿入、Sceneへのフィルター適用、3DオブジェクトのUploadやUnityで作成したアセットをUploadして挿入ができます。 3D Modelは6つのカテゴリに分かれています。各カテゴリ毎に紹介します。

Poly 3D Models

Poly 3D Modelsでは、Google Polyの3Dオブジェクトを検索し、Sceneに挿入できます。また、カテゴリ検索メニューでカテゴリを絞ることもできます。検索フォームには、検索ワードまたはURLを入力して、検索することも可能です。Google Polyから3DオブジェクトのURL取得方法は、以下からご覧ください。

Google Polyにアクセスして、挿入したい3Dオブジェクトを検索します。

共有ボタンをクリックすると、URLが表示されるのでコピーする。またはブラウザのURLをコピーします。

コピーしたURLを検索フォームに張り付けます。次に[Search]ボタンをクリックします。すると、Google Polyで見つけた3DオブジェクトをSceneに挿入できます。

Sketchfab

3Dモデルの共有・投稿サービスである「Sketchfab」のデータも、STYLYにアップロードすることができます。

3Dモデル一覧から、お好みの3Dモデルを見つけたらクリックして詳細ページへ遷移しましょう。

詳細ページ左中段にDownloadボタンが表示されている（※ダウンロードを許可していない場合は表示されません）ので、クリックしてください。 Original format、Autoconverted format (glTF)どちらかを選び、ダウンロードボタンをクリックするとダウンロードが開始されます。

glTF形式はダウンロードしたファイルをそのままSTYLYにアップロードできるので、3Dモデルを編集しない場合はglTFをダウンロードしてください。

glTFはzipファイルでダウンロードされますが、zipファイルのままSTYLYにアップロードしてください。※STYLYへのアップロードは後述

アカウント登録など、Sketchfabに関する詳細は以下の記事で解説しているので、ご覧ください。

Sky and Grounds

Sky and GroundsではSceneのベースとなるアセットがあります。DirectionalLight・Skybox・Groundを挿入できます。DirectionalLightは太陽のように空間全体を照らす光源です。光が足りない場合は、DirectionalLightをSceneに挿入しましょう。

Skyboxは全画面を覆う天球です。Skyboxを変更することによってSceneのイメージを大きく変化させることができます。 Groundは床・地面です。Skyboxを設定した後は、Groundの設定をしましょう。これでSceneのベース作りができました。

3D Models

3D ModelsではパーティクルやSTYLY標準アセットを挿入できます。光・炎・雷・雪などのパーティクルから植物・服・家具・動物・建物のアセットがあります。

Filters

Filtersでは、Sceneにフィルターをかけることができます。Cool、Night、Heavenなど10種類用意してあります。気軽にアートなSceneを作り出すことができます。

PostEffect_DayTime_Psychedlic使って、サイケデリック風なSceneにすぐ編集することができました。このようにフィルターを使い分けることで、様々な効果を演出できます。

Upload

Uploadでは、3Dオブジェクトをアップロードできます。下記データ形式に対応しています。

• SKP（SketchUp 2014 モデル、SketchUp 2015 モデル）
• FBX
• Blender
• OBJ＋MTL＋JPEG
• glTF（zipファイル）

OBJ+MTL+JPEGファイルのUpload方法を紹介します。他形式も同じ方法でUploadできます。※glTFのみ、glTFファイルを含んだzipファイルでUpload

[Select..]ボタンをクリックします。

OBJファイル、MTLファイエル、JPEGファイルを選択します。1Modelずつアップロードしてください。複数モデルのアップロードには対応していません。

アップロードファイル名フォームに、ファイル名を入力して、[Upload]ボタンをクリックします。

Upload中のステータスが確認できます。ステータスの種類を紹介します。

• Waiting：処理待機中
• Processing：処理進行中
• Completed：処理完了
• Failed：処理失敗

ステータスがCompletedになったらUpload完了です。Upload中、Status更新ボタンをクリックすると最新のステータスを表示できます。UploadしたデータはMy Modelsから選択できるようになります。

My Models

Uploadした3DオブジェクトはMy Modelsに表示され、Sceneに配置することができます。

Image

Imageでは画像を挿入できます。画像形式はPNG、JPEGに対応しています。また、画像のスクリーンを数種類用意しています。画像をSkyboxのように見せたり、画像に動きを付けて見せたりすることもできます。では、画像のUpload方法を紹介します。

[Select..]ボタンをクリックします。

アップロードしたい画像（JPGファイル、PNGファイル）を選択します。

[Upload]ボタンをクリックします。

アップロード完了後、[Next]ボタンをクリックします。

画像をどのようなスクリーンに入れるか選択します。各スクリーンについて紹介します。Regular Screensは、サイズ比を変えたスクリーン、形状を変えたスクリーン、360°スクリーンがあります。3D Rotating Screensは、立体的かつ動きのあるスクリーンです。

• Square Screen：縦横サイズ比のスクリーン
• 16:9 Screen：16:9のサイズ比のスクリーン
• Original Aspect Screen：元画像のサイズ比のスクリーン
• Curved Screen：カーブスクリーン
• Tunel Screen：トンネルスクリーン

360°Screenを使用すると、画像をSkyboxと同じように天球として挿入することができます。

Rotating Cube

Rotating Slanted

Rotating Sphere

• Rotating Cube：四角体に画像を張り付け、回転するスクリーン
• Rotating Slanted：斜めに傾けた四角体に画像を張り付け、回転するスクリーン
• Rotating Sphere：球体に画像を張り付け、回転するスクリーン
• Rotating ICO Sphere：ICO球体に画像を張り付け、回転するスクリーン
• Rotating Star：星形体に画像を張り付け、回転するスクリーン

自分で撮った写真やイラストなどを様々なスクリーンでSceneに配置するだけで、VRで展示会や個展を開くこともできます。

Instagram

InstagramではInstagramアカウントと連携し、写真を空間に挿入することができます。写真張り付けるアニメーションスクリーンを用意してあります。Instagram写真の挿入方法を紹介します。

[Authorize with Instagram]ボタンをクリックします。

Instagramのログイン画像が表示されます。ユーザネームとパスワードを入力して、[ログイン]ボタンをクリックします。

Instagram写真を張り付けるアニメーションスクリーンを選択します。アニメーションスクリーンの種類を紹介します。

Dotsアニメーションスクリーンは、ドットフレームに写真を張り付けて数の変化させて回転をつけます。

Flowアニメーションスクリーンは、四面体に写真を張り付けて、縦横ランダムな動きをつけます。

Shatterアニメーションスクリーンは、ドットフレームに写真を張り付けて爆発させます。

Puddlesアニメーションフレームは、ドットフレームに写真を張り付けて、ランダムに出現させます。

Bubblesアニメーションフレームは、球体に写真を張り付けて、下から出現し上に上昇しながら消えます。 Instagramの写真は、VR空間表示時に最新の写真を取得し、順番にアニメーションフレームに張り付けられます。アニメーションフレームによって使われる写真の枚数は変わります。

Music

Musicでは音楽の挿入ができます。MP3形式ファイルとSoundCloudから挿入することができます。VR空間において音はかなり重要な要素の一つです。音楽の挿入方法を紹介します。

MP3ファイル挿入方法を紹介します。[Select..]ボタンをクリックします。

挿入したい音楽（MP3ファイル）を選択します。

[Upload]ボタンをクリックします。

アップロード完了後、[Next]ボタンをクリックします。

音楽を繰り返し再生したい場合は、Music player(loop)を選択します。音楽を一度だけ再生したい場合は、Music player(once)を選択します。

一度Uploadしたファイルは、My Uploadsにあります。 SoundCloudから音楽を挿入する方法を紹介します。

Keywordフォームに検索ワードを入力して、[Search]ボタンをクリックします。

検索結果一覧に検索結果が表示されます。挿入したい場合、[Insert this track]ボタンをクリックします。音楽を聞きたい場合は、[Play]ボタンをクリックします。SoundCloudのページを開きます。

音楽を繰り返し流したい場合は、Music player(loop)を選択します。音楽を一度だけ流したい場合は、Music player(once)を選択します。 Music 複数入れた場合

複数Musicを挿入できますが、重複して再生されるので、OFFにしたい音楽はサムネイルボタンをクリックして非表示（MusicではOFF）にしましょう。

Video

VideoではYouTubeの動画を挿入できます。挿入方法を紹介します。

検索フォームに検索ワードまたは、YouTubeのURLを入力して、[Search]ボタンをクリックします。YouTubeのURLを検索して、Prohibited video. Can not use in STYLYというメッセージが表示された場合、YouTubeへの動画投稿者がアップした動画の再利用を許可していないたため使用できませんのでご注意ください。

検索結果一覧に検索結果が表示されます。[Insert this video]ボタンをクリックすると、動画を挿入できます。[Play on YouTube]ボタンをクリックすると、YouTubeが開きます。

Sound modeでは、Nomal（音声ON）またはMute（音声OFF）を選択します。次にスクリーンを選びます。スクリーンの種類はImage、Instagramの時に紹介した、動きの無いレギュラースクリーン、動きのある3Dローテーションスクリーンとアニメーションスクリーンがあります。

PDF

PDFではPDFファイルを挿入できます。PDFファイルを挿入すると本のように表示されます。雑誌、カタログ、漫画、写真集などをVR空間で作成することができます。PDF挿入方法を紹介します。

[Select..]ボタンをクリックします。

挿入したいPDFを選択します。

本（PDF）を左から開きたいは、Right-opening Bookのチェックボックスにチェック無しで、本（PDF）を右から開きたいは、Right-opening Bookのチェックボックスにチェック有りで、[Upload]ボタンをクリックします。

[Book]ボタンをクリックします。

SceneにPDFが挿入されました。WebEditor上で[←][→]キーでページをめくれます。 お疲れ様でした。Sceneに挿入できるアセットの種類と挿入方法について紹介しました。