Manual, 3DModel, Image, Instagram, Music, PDF, Video,

アセットリスト画面

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

3DModel

アセットリスト画面 3D Model

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

Poly 3D Models

アセットリスト画面 Poly 3D Models

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

Google Polyサイト URL取得方法1

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

Google Polyサイト URL取得方法2

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

アセットリスト画面 Poly 3D Models

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

Sky and Grounds

アセットリスト画面 Sky and Grouds

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

Skybox変更

Skyboxは全画面を覆う天球です。Skyboxを変更することによってSceneのイメージを大きく変化させることができます。

Groundは床・地面です。Skyboxを設定した後は、Groundの設定をしましょう。これでSceneのベース作りができました。

3D Models

アセットリスト画面 3D Models

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

Filters

アセットリスト画面 Filters

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

PostEffect_DayTime_Psychedlic 適用

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

Upload

アセットリスト画面 3D model Upload

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

  • SKP(SketchUp 2014 モデル、SketchUp 2015 モデル)
  • FBX
  • Blender
  • OBJ+MTL+JPEG

OBJ+MTL+JPEGファイルのUpload方法を紹介します。他形式も同じ方法でUploadできます。

OBJ+MTL+JPEGファイル Upload方法1

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

OBJ+MTL+JPEGファイル Upload方法2

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

OBJ+MTL+JPEGファイル Upload方法3

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

OBJ+MTL+JPEGファイル Upload方法4

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

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

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

My Models

アセットリスト画面 My Models

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

Image

WebEditor画面 Image見出し

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

画像 Upload方法1

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

画像 Upload方法2

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

画像 Upload方法3

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

画像 Upload方法4

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

画像 Upload方法5

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

Regular Screens

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

360°Screen

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

Rotating Cube

Rotating Slanted

Rotating Sphere

Rotating ICO Sphere

Rotating Star

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

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

Instagram

WebEditor画面 Instagram

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

Instagram 写真挿入方法1

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

Instagram 写真挿入方法2

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

Instagram 写真挿入方法3

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

Instagram Dots 動画

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

Instagram Flow 動画

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

Instagram Shatter動画

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

Instagram Puddles動画

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

Instagram Bubbles動画

Bubblesアニメーションフレームは、球体に写真を張り付けて、下から出現し上に上昇しながら消えます。

Instagramの写真は、VR空間表示時に最新の写真を取得し、順番にアニメーションフレームに張り付けられます。アニメーションフレームによって使われる写真の枚数は変わります。

Music

アセットリスト画面 Music

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

Music MP3ファイル 挿入方法1

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

Music MP3ファイル 挿入方法2

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

Music MP3ファイル 挿入方法3

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

Music MP3ファイル 挿入方法4

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

Music MP3ファイル 挿入方法5

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

Music MP3ファイル 挿入方法6

一度Uploadしたファイルは、My Uploadsにあります。

SoundCloudから音楽を挿入する方法を紹介します。

Music SoundCloud 挿入方法1

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

Music SoundCloud 挿入方法2

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

Music SoundCloud 挿入方法3

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

Music 複数入れた場合

Music 複数入れた場合

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

Video

WebEditor画面 Video

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

Video 挿入方法1

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

Video 挿入方法2

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

Video 挿入方法3

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

PDF

WebEditor PDF挿入

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

PDF挿入 方法1

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

PDF挿入 方法2

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

PDF挿入 方法3

PDF挿入 Right-opening Book有り無し

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

PDF挿入 方法4

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

PDF挿入 方法5

SceneにPDFが挿入されました。WebEditor上で[←][→]キーでページをめくれます。

お疲れ様でした。Sceneに挿入できるアセットの種類と挿入方法について紹介しました。

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

中将

STYLY / Media Marketing / Engineer / VR Idol Producer / STYLYでゆるめるモ!のVR衣装展示空間作った人 / STYLYではVRでの表現やテクニカルな方法を紹介してくれるライターさんを募集してます! Twitter:@chujo_p

Share this article

Shares
Facebook Twitter Google+ Pinterest hatebu

About STYLY

STYLYは、VR空間を駆使した新たな表現・体験を生み出せるクリエイティブプラットフォームです。 STYLYを活用することで、コンセプチュアルなショップ空間やインスタレーション、ギャラリーなど クリエイターのイマジネーションを際限なく表現した多彩な空間を構築できます。 またその空間を通じて、今までの現実では成し得なかった体験をインターネットの世界へシェアすることができます。