Unity使ってみました その３

　Magica Voxelで作成したドット絵のような3Dモデルを使用して、Unityで取り込んで見ました。　3Dモデルとカメラまわりの機能以外は、基本的にはUnityの最初のチュートリアルとほぼ同じ機能です。

作成したものをunityroomへ投稿したものは以下になります。
Unity入門チュートリアル改

以下、作業中に参考にさせて頂いたサイトへのリンクをメモとして残しておきます。

■■■■■ ① Magica Voxel作成の3DモデルをUnityに取り込み ■■■■■

主にこのサイトを参考にさせて頂きました。
・MagicaVoxel の 3Dドット絵を Unity に取り込むまで


その他参考サイト
・Magica Voxelで作ったオブジェクトをUnityで使うには
・MagicaVoxelでつくった3DモデルをUnityに取り込む
・Magica Voxelで楽しく簡単に3Dモデリングしてみよう（その1）
・Magica Voxelで楽しく簡単に3Dモデリングしてみよう（その2）


■■■■■ ② キャラクターコントロール ■■■■■

主にこのサイトを参考にCharacterControllerを使わずにキャラクターを動かすことにしました。
・CharacterControllerをつかってプレーヤーを動かす
・Character Controllerを使わずにキャラクターを動かす


その他参考サイト
・【Unity】CharacterControllerのMove()とSimpleMove()の使い分け
・CharacterControllerの説明
・人型3Dモデルを動かすまで（その4）
・キャラクターコントローラーを使う人型3Dモデルをジャンプさせる（その1：重力を加える）


■■■■■ ③ カメラ視点 ■■■■■
カメラの機能を作成するのには苦労しました。　以下のサイト等を参考にしていたと記憶しています。　後でソースコードも載せるかもしれません。

■カメラ追従
・キャラに追従するカメラ
・【Unity】オブジェクトについてくるカメラを作ったよ
・【Unity】プレイヤーにカメラを追従させよう！（3D）｜Camera入門④
・Unityでカメラの向きを基準に移動する方法と、追従して回転できるカメラの実装


■カメラ回転制限
・TPSのカメラの制限
・コインゲームを作ってるよ！[02]　視点移動を実現するカメラ回転
・【Unity】オブジェクトの移動範囲を制限するMathf.Clampの使い方
・カメラの垂直移動に角度制限をつけたい

MagicaVoxel最初一歩の記憶

　最近、MagicaVoxelを使い始めたころに参考にしていたサイトについて聞かれたことがあって、自分もほとんど忘れかけていて探し直すことになってしまいました。　

　なので、今後はそのようなことがないように、それら使い始めのころに参考にしていたサイトを備忘録的にメモしておきます。

①　MagicaVoxel→Blender→Unityでボクセルモデルを動かす①

②　【MagicaVoxel】お絵描き初心者でも簡単な３Dドット絵 - 使い方 -

といったサイトを最初に参考にしたように記憶しています。　かなり前のことで少し記憶があやふやですが。

①のサイトで概要をみて適当に触ってみてから、もう少し詳細な説明が必要になってから②のサイトを見ながら作業をしていたような記憶。

　サイトの記事自体は古い内容のものも含まれると思われますので、参照されるときはお気を付けください。

siouxcitizen's public fiddlesに２コード追加

タイトルのように自分のJSFiddleトップページに２コードを追加しました。

前回のブログエントリと同じように、Three.jsによるglTFファイル形式の3Dモデルのアニメーションを表示する2コードを追加しました。　以下のものになります。　3Dモデルデータの読み込みに少し時間がかかるかもです。
以下、その２コードへのリンクです。

Three.js r102 .glTF 3D Model Animation Display 02
.glbというファイル拡張子のglTF 3Dモデルのアニメーションを表示しています。

Three.js r102 .glTF 3D Model Animation Display 03
そのまんま.glTFというファイル拡張子のglTF 3Dモデルのアニメーションを表示しています。


今回の上記２コードの投稿にあわせて、前回投稿のコード１つの名称も以下のように変更しました。　以下になります。
Three.js r102 .glTF 3D Model Animation Display 01
3Dモデル用にGoogleが開発した？、DRACOという圧縮形式を使用するglTF 3Dモデルのアニメーションを表示しています。



すべてのコードを表示する自分のJSFiddleトップページは引き続き同じ以下になります。
siouxcitizen's public fiddles

siouxcitizen's public fiddles

タイトルのようにJSFiddleに自分のトップページ？のようなものを作りました。

前回ブログエントリで作成していた「Hello World」と表示するプログラムに加えて、Three.jsライブラリを使用した3Dモデルを表示するプログラム２つを、そのトップページ「siouxcitizen's public fiddles」に配置してみました。

以下になります。
siouxcitizen's public fiddles


ついでに、 上記Three.jsライブラリを使用した3Dモデルを表示するプログラム２つへの直リンクも載せておきます。

Three.js r102 .glTF 3D Model Display

Three.js r102 .glTF 3D Model Animation Display

My First JSFiddle

JSFiddleに登録してみました。　


まず最初にいつものHello World表示プログラムを作成してみました。 HTMLで「Hello World」と表示するだけのそのまんまの機能です。
My First JSFiddle


CodePenをはじめるときにも書いたこのコードをそのまま流用しました。
My First CodePen

CodePenとどう使い分けようか？

CodePen動画再生プログラム一覧

CodePenに投稿した動画再生プログラムの一覧を作成してみました。　主にミュージシャンのPV動画を連続再生するプログラムとなっています。

Naverまとめで作成した一覧ではページ数が増えてしまい、一覧性が低下してしまったのでかわりにこのブログで一覧が作れないかと思い作成してみました。

ただ一覧を作成しただけで、順番はテキトーです。　もしかしたらリンクがまちがっているものや、再生できなくなった動画がまざっているものもあるかもしれません。　

リンク先のプログラムでは、いきなり動画が再生される場合もあるかもしれないので、音量にはお気を付けください。



いろいろな洋楽アーティストの動画を連続再生
CodePen - Youtube Player (Play PV of Various Artists)

U2の動画を連続再生
CodePen - Youtube Player (of U2)

U2の動画を連続再生（上記のものに新しめの曲を加えた再生リストとなっています）
CodePen - Youtube Player (of U2) New Ver.

Taylor Swift（テイラー・スウィフト）の動画を連続再生
CodePen - Youtube Player (of Taylor Swift)

徳永英明の動画を連続再生
CodePen - Youtube Player (of Tokunaga Hideaki)

30 Seconds To Mars（サーティー・セカンズ・トゥー・マーズ）の動画を連続再生
CodePen - Youtube Player (of 30 Seconds To Mars)

Linkin Park（リンキン・パーク）の動画を連続再生
CodePen - Youtube Player (of Linkin Park)

BABYMETAL（ベビーメタル）の動画を連続再生
CodePen - Youtube Player (of BABYMETAL)

ONE OK ROCK（ワンオクロック）の動画を連続再生
CodePen - Youtube Player (of ONE OK ROCK)

Billy Joel（ビリー・ジョエル）の動画を連続再生
CodePen - Youtube Player (of Billy Joel)

Top Gun（トップガン）サウンドトラック曲の動画を連続再生
CodePen - Youtube Player (of Top Gun Soundtrack Songs)

宇多田ヒカルの動画を連続再生
CodePen - Youtube Player (of Utada Hikaru MV)

Mr.Children（ミスチル）ライブ動画を連続再生
CodePen - Youtube Player (of Mr.Children Live Movie)

Oasis（オアシス）の動画を連続再生
CodePen - Youtube Player (of Oasis)

Spitz（スピッツ）の動画を連続再生
CodePen - Youtube Player (of Spitz)

Bryan Adams（ブライアン・アダムス）の動画を連続再生
CodePen - Youtube Player (of Bryan Adams)

Journey（ジャーニー）の動画を連続再生
CodePen - Youtube Player (of Journey)

Bad English（バッド・イングリッシュ）の動画を連続再生
CodePen - Youtube Player (of Bad English & John Waite)

鬼束ちひろの動画を連続再生
CodePen - Youtube Player (of Chihiro Onitsuka )

アンジェラ・アキの動画を連続再生
CodePen - Youtube Player (of Angela Aki)

MISIA（ミーシャ）の動画を連続再生
CodePen - Youtube Player (of MISIA)

Aerosmith（エアロスミス）の動画を連続再生
CodePen - Youtube Player (of Aerosmith)

Queen（クイーン）の動画を連続再生
CodePen - Youtube Player (of Queen)

T.M.Revolutionの動画を連続再生
CodePen - Youtube Player (of T.M.Revolution)

TRFの動画を連続再生
CodePen - Youtube Player (of TRF)

TM NETWORKの動画を連続再生
CodePen - Youtube Player (of TM NETWORK)

布袋寅泰の動画を連続再生
CodePen - Youtube Player (of Tomoyasu Hotei)

氷室京介の動画を連続再生
CodePen - Youtube Player (of Kyosuke Himuro)

Enigma（エニグマ）の動画を連続再生
CodePen - Youtube Player (of Enigma)

Carly Rae Jepsen（カーリー・レイ・ジェプセン）の動画を連続再生
CodePen - Youtube Player (of Carly Rae Jepsen)

Daughtry（ドートリー）の動画を連続再生
CodePen - Youtube Player (of Daughtry)

Celine Dion（セリーヌ・ディオン）の動画を連続再生
CodePen - Youtube Player (of Celine Dion)

Alexandros（アレキサンドロス）の動画を連続再生
CodePen - Youtube Player (of Alexandros)

Metallica（メタリカ）の動画を連続再生
CodePen - Youtube Player (of Metallica)

Lady Gaga（レディー・ガガ）の動画を連続再生
CodePen - Youtube Player (of Lady Gaga)

Adele（アデル）の動画を連続再生
CodePen - Youtube Player (of Adele)

Sawano Hiroyukiの動画を連続再生
CodePen - Youtube Player (of Sawano Hiroyuki)

Dangerkids（デンジャーキッズ）の動画を連続再生
CodePen - Youtube Player (of Dangerkids)

Killswitch Engage（キルスウィッチ・エンゲイジ）の動画を連続再生
CodePen - Youtube Player (of Killswitch Engage)

Giorgio Moroder（ジョルジオ・モロダー）の動画を連続再生CodePen - Youtube Player (of Giorgio Moroder)

Trivium（トリヴィアム）の動画を連続再生
CodePen - Youtube Player (of Trivium)

槇原敬之の動画を連続再生
CodePen - Youtube Player (of Takayuki Makihara)

Maroon 5（マルーン5）の動画を連続再生
CodePen - Youtube Player (of Maroon 5)

The Killers（ザ・キラーズ）の動画を連続再生
CodePen - Youtube Player (of The Killers)

Jason Derulo（ジェイソン・デルーロ）の動画を連続再生
CodePen - Youtube Player (of Jason Derulo)

Bruno Mars（ブルーノ・マーズ）の動画を連続再生
CodePen - Youtube Player (of Bruno Mars)

Lacuna Coil（ラクーナ・コイル）の動画を連続再生
CodePen - Youtube Player (of Lacuna Coil)

Superfly（スーパーフライ）の動画を連続再生
CodePen - Youtube Player (of Superfly)

CAPSULE（カプセル）の動画を連続再生
CodePen - Youtube Player (of CAPSULE)

Revolution Saints（レヴォリューション・セインツ）の動画を連続再生
CodePen - Youtube Player (of Revolution Saints)

Primal Fear（プライマル・フィア）の動画を連続再生
CodePen - Youtube Player (of Primal Fear)

Helloween（ハロウィン）の動画を連続再生
CodePen - Youtube Player (of Helloween)

Dark Tranquillity（ダーク・トランキュリティ）の動画を連続再生
CodePen - Youtube Player (of Dark Tranquillity)

Dream Theater（ドリーム・シアター）の動画を連続再生
CodePen - Youtube Player (of Dream Theater)

和楽器バンド（わがっきバンド）の動画を連続再生
CodePen - Youtube Player (of Wagakki Band)

椎名林檎の動画を連続再生
CodePen - Youtube Player (of Sheena Ringo)

Sting（スティング）の動画を連続再生
CodePen - Youtube Player (of Sting)

Firehouse（ファイアーハウス）の動画を連続再生
CodePen - Youtube Player (of Firehouse)

Demi Lovato（デミ・ロヴァート）の動画を連続再生
CodePen - Youtube Player (of Demi Lovato)

Simon & Garfunkel（サイモン&ガーファンクル）の動画を連続再生
CodePen - Youtube Player (of Simon & Garfunkel)

ケツメイシの動画を連続再生
CodePen - Youtube Player (of Ketsumeishi)

Coldplay（コールドプレイ）の動画を連続再生
CodePen - Youtube Player (of Coldplay)

久保田利伸の動画を連続再生
CodePen - Youtube Player (of Toshinobu Kubota)

ヨーロッパ抒情派ピアノジャズの動画を連続再生
CodePen - Youtube Player (of European Piano Jazz)

Metallica（メタリカ）のアルバムHardwiredの動画を連続再生
CodePen - Youtube Player (of Metallica Album Hardwired)

MAN WITH A MISSION（マン・ウィズ・ア・ミッション）の動画を連続再生
CodePen - Youtube Player (of MAN WITH A MISSION)

クリスマスソングの動画を連続再生
CodePen - Youtube Player (of Christmas Songs)

BiSH（ビッシュ）の動画を連続再生
CodePen - Youtube Player (of BiSH)

Katy Perry（ケイティ・ペリー）の動画を連続再生
CodePen - Youtube Player (of Katy Perry)

Kelly Clarkson（ケリー・クラークソン）の動画を連続再生
CodePen - Youtube Player (of Kelly Clarkson)

Evanescence（エヴァネッセンス）の動画を連続再生
CodePen - Youtube Player (of Evanescence)

P!nk（ピンク）の動画を連続再生
CodePen - Youtube Player (of P!nk)

amazarashi（アマザラシ）の動画を連続再生
CodePen - Youtube Player (of amazarashi)

Orianthi（オリアンティ）の動画を連続再生
CodePen - Youtube Player (of Orianthi)

Ellie Goulding（エリー・ゴールディング）の動画を連続再生
CodePen - Youtube Player (of Ellie Goulding)

Zedd（ゼッド）の動画を連続再生
CodePen - Youtube Player (of Zedd)

Charlie Puth（チャーリー・プース）の動画を連続再生
CodePen - Youtube Player (of Charlie Puth)

Caravan（キャラバン）の動画を連続再生
CodePen - Youtube Player (of Caravan)

Within Temptation（ウィズイン・テンプテーション）の動画を連続再生
CodePen - Youtube Player (of Within Temptation)

SLAYER（スレイヤー）の動画を連続再生
CodePen - Youtube Player (of SLAYER)

Avenged Sevenfold（アヴェンジド・セヴンフォールド）の動画を連続再生
CodePen - Youtube Player (of Avenged Sevenfold)

NIGHTWISH（ナイトウィッシュ）の動画を連続再生
CodePen - Youtube Player (of NIGHTWISH)

Five Finger Death Punch（ファイヴ・フィンガー・デス・パンチ）の動画を連続再生
CodePen - Youtube Player (of Five Finger Death Punch)

ABBA（アバ）の動画を連続再生
CodePen - Youtube Player (of ABBA)

Air Supply（エア・サプライ）の動画を連続再生
CodePen - Youtube Player (of Air Supply )

Nickelback（ニッケルバック）の動画を連続再生
CodePen - Youtube Player (of Nickelback)

Slipknot（スリップノット）の動画を連続再生
CodePen - Youtube Player (of Slipknot)

Let It Goの動画いろいろを連続再生
CodePen - Youtube Player (of Let It Go)

Bon Jovi（ボン・ジョヴィ）の動画を連続再生
CodePen - Youtube Player (of Bon Jovi)

GReeeeN（グリーン）の動画を連続再生
CodePen - Youtube Player (of GReeeeN)

徳永英明のカバー曲の動画を連続再生
CodePen - Youtube Player (of Tokunaga Hideaki Cover Songs)

Michael Bolton（マイケル・ボルトン）の動画を連続再生
CodePen - Youtube Player (of Michael Bolton)

Elton John（エルトン・ジョン）の動画を連続再生
CodePen - Youtube Player (of Elton John)

ANTHRAX（アンスラックス）の動画を連続再生
CodePen - Youtube Player (of ANTHRAX)

Queensryche（クイーンズライク）の動画を連続再生
CodePen - Youtube Player (of Queensryche)

Tears for Fears（ティアーズ・フォー・フィアーズ）の動画を連続再生
CodePen - Youtube Player (of Tears for Fears)

Backstreet Boys（バックストリート・ボーイズ）の動画を連続再生
CodePen - Youtube Player (of Backstreet Boys)

Depeche Mode（デペッシュ・モード）の動画を連続再生
CodePen - Youtube Player (of Depeche Mode)

Robert Miles（ロバート・マイルズ）の動画を連続再生
CodePen - Youtube Player (of Robert Miles)

ELUVEITIE（エルヴェイティ）の動画を連続再生
CodePen - Youtube Player (of ELUVEITIE)

Alan Walker（アラン・ウォーカー）の動画を連続再生
CodePen - Youtube Player (of Alan Walker)

LP（エルピー）の動画を連続再生
CodePen - Youtube Player (of LP)

Megadeth（メガデス）の動画を連続再生
CodePen - Youtube Player (of Megadeth)

Imagine Dragons（イマジン・ドラゴンズ）の動画を連続再生
CodePen - Youtube Player (of Imagine Dragons)

Perfume（パフューム）の動画を連続再生
CodePen - Youtube Player (of Perfume)

Usher（アッシャー）の動画を連続再生
CodePen - Youtube Player (of Usher)

Chris Brown（クリス・ブラウン）の動画を連続再生
CodePen - Youtube Player (of Chris Brown)

Rammstein（ラムシュタイン）の動画を連続再生
CodePen - Youtube Player (of Rammstein)

Rob Zombie（ロブ・ゾンビ）の動画を連続再生
CodePen - Youtube Player (of Rob Zombie)

Marilyn Manson（マリリン・マンソン）の動画を連続再生
CodePen - Youtube Player (of Marilyn Manson)

Enya（エンヤ）の動画を連続再生
CodePen - Youtube Player (of Enya)

MONDO GROSSO（モンド・グロッソ）の動画を連続再生
CodePen - Youtube Player (of MONDO GROSSO)

Dream Theater The Astonishing Disc 1（ドリーム・シアター ジ・アストニッシング ディスク１）の動画を連続再生
CodePen - Youtube Player (of Dream Theater The Astonishing Disc 1)

Dream Theater The Astonishing Disc 2（ドリーム・シアター ジ・アストニッシング ディスク２）の動画を連続再生
CodePen - Youtube Player (of Dream Theater The Astonishing Disc 2)

陰陽座の動画を連続再生
CodePen - Youtube Player (of Ｏnmyoji)

UVERworld（ウーバーワールド）の動画を連続再生
CodePen - Youtube Player (of UVERworld)

SHOW-YA（ショーヤ）の動画を連続再生
CodePen - Youtube Player (of SHOW-YA)

Korn（コーン）の動画を連続再生
CodePen - Youtube Player (of Korn)

人間椅子（にんげんいす）の動画を連続再生
CodePen - Youtube Player (of Ningen Isu)

Ozzy Osbourne（オジー・オズボーン）の動画を連続再生
CodePen - Youtube Player (of Ozzy Osbourne)

Linkin Park Album One More Light（リンキン・パーク　アルバム『ワン・モア・ライト』）の動画を連続再生
CodePen - Youtube Player (of Linkin Park Album One More Light)

Audioslave（オーディオスレイヴ）の動画を連続再生
CodePen - Youtube Player (of Audioslave)

Chris Cornell（クリス・コーネル）の動画を連続再生
CodePen - Youtube Player (of Chris Cornell)

Velvet Revolver（ヴェルヴェット・リヴォルヴァー）の動画を連続再生
CodePen - Youtube Player (of Velvet Revolver)

The Pretty Reckless（プリティー・レックレス）の動画を連続再生
CodePen - Youtube Player (of The Pretty Reckless)

Avril Lavigne（アヴリル・ラヴィーン）の動画を連続再生
CodePen - Youtube Player (of Avril Lavigne)

Paramore（パラモア）の動画を連続再生
CodePen - Youtube Player (of Paramore)

東京スカパラダイスオーケストラ（とうきょうスカパラダイスオーケストラ）の動画を連続再生
CodePen - Youtube Player (of Tokyo Ska Paradise Orchestra)

Alessia Cara（アレッシア・カーラ）の動画を連続再生
CodePen - Youtube Player (of Alessia Cara)

日本のなつかし曲の動画を連続再生
CodePen - Youtube Player (of My Nostalgic Japanese Songs)

浜田省吾の動画を連続再生
CodePen - Youtube Player (of SHOGO HAMADA Live)

森山直太朗の動画を連続再生
CodePen - Youtube Player (of Moriyama Naotaro)

秦基博の動画を連続再生
CodePen - Youtube Player (of Hata Motohiro)

矢井田瞳の動画を連続再生
CodePen - Youtube Player (of Yaida Hitomi)

nano.RIP（ナノライプ）の動画を連続再生
CodePen - Youtube Player (of nano.RIP)

John Lennon（ジョン・レノン）の動画を連続再生
CodePen - Youtube Player (of John Lennon)

Pink Floyd（ピンク・フロイド）の動画を連続再生
CodePen - Youtube Player (of Pink Floyd)

PUFFY（パフィー）の動画を連続再生
CodePen - Youtube Player (of PUFFY)

森高千里の動画を連続再生
CodePen - Youtube Player (of Moritaka Chisato)

アニソンの動画を連続再生その１
CodePen - Youtube Player (of Japanese Anime Songs 1)

アニソンの動画を連続再生その２
CodePen - Youtube Player (of Japanese Anime Songs 2)

アニソンの動画を連続再生その３
CodePen - Youtube Player (of Japanese Anime Songs 3)

アニソンの動画を連続再生その４
CodePen - Youtube Player (of Japanese Anime Songs 4)

Nano（ナノ）の動画を連続再生
CodePen - Youtube Player (of Nano)

Aimer（エメ）の動画を連続再生
CodePen - Youtube Player (of Aimer)

MY FIRST STORY（マイ・ファースト・ストーリー）の動画を連続再生
CodePen - Youtube Player (of MY FIRST STORY)

OUTRAGE（アウトレイジ）の動画を連続再生
CodePen - Youtube Player (of OUTRAGE)

T-BOLAN（アウトティー・ボラン）の動画を連続再生
CodePen - Youtube Player (of T-BOLAN)

B'z（ビーズ）の動画を連続再生
CodePen - Youtube Player (of B'z)

稲葉浩志の動画を連続再生
CodePen - Youtube Player (of Koshi Inaba)

REBECCA（レベッカ）の動画を連続再生
CodePen - Youtube Player (of REBECCA)

Sia（シーア）の動画を連続再生
CodePen - Youtube Player (of Sia)

欅坂46の動画を連続再生
CodePen - Youtube Player (of Keyakizaka46)

AKB48の動画を連続再生
CodePen - Youtube Player (of AKB48)

乃木坂46の動画を連続再生
CodePen - Youtube Player (of Nogizaka46)

Judas Priest（ジューダス・プリースト）の動画を連続再生
CodePen - Youtube Player (of Judas Priest)

Iron Maiden（アイアン・メイデン）の動画を連続再生
CodePen - Youtube Player (of Iron Maiden)

Guns N' Roses（ガンズ・アンド・ローゼズ）の動画を連続再生
CodePen - Youtube Player (of Guns N' Roses)

Pretty Maids（プリティ・メイズ）の動画を連続再生
CodePen - Youtube Player (of Pretty Maids)

Hardline（ハードライン）の動画を連続再生
CodePen - Youtube Player (of Hardline)

Harem Scarem（ハーレム・スキャーレム）の動画を連続再生その１
CodePen - Youtube Player (of Harem Scarem 1)

Harem Scarem（ハーレム・スキャーレム）の動画を連続再生その２
CodePen - Youtube Player (of Harem Scarem 2)

Harem Scarem（ハーレム・スキャーレム）の動画を連続再生その３
CodePen - Youtube Player (of Harem Scarem 3)

日本の昔のロボットアニメの曲（洋楽風）の動画を連続再生
CodePen - Youtube Player (of Japanese Old Robot Anime Songs)

Asia（エイジア）の動画を連続再生
CodePen - Youtube Player (of Asia)

John Wetton（ジョン・ウェットン）の動画を連続再生
CodePen - Youtube Player (of John Wetton)

Jon Bon Jovi（ジョン・ボン・ジョヴィ）の動画を連続再生
CodePen - Youtube Player (of Jon Bon Jovi)

Jonathan Cain（ジョナサン・ケイン）の動画を連続再生
CodePen - Youtube Player (of Jonathan Cain)

Richie Sambora（リッチー・サンボラ）の動画を連続再生
CodePen - Youtube Player (of Richie Sambora)

FOZZY（フォジー）の動画を連続再生
CodePen - Youtube Player (of FOZZY)

In This Moment（イン・ディス・モーメント）の動画を連続再生
CodePen - Youtube Player (of In This Moment)

bonobos（ボノボ）の動画を連続再生
CodePen - Youtube Player (of bonobos)

Arson City（アーソン・シティ）の動画を連続再生
CodePen - Youtube Player (of Arson City)

We Are The Catalyst（ウィ・アー・ザ・カタリスト）の動画を連続再生
CodePen - Youtube Player (of We Are The Catalyst)

上北健の動画を連続再生
CodePen - Youtube Player (of Ken Kamikita)

Fair Warning（フェア・ウォーニング）の動画を連続再生
CodePen - Youtube Player (of Fair Warning)

Mikael Erlandsson（ミカエル・アーランドソン）の動画を連続再生
CodePen - Youtube Player (of Mikael Erlandsson)

Van Halen（ヴァン・ヘイレン）の動画を連続再生
CodePen - Youtube Player (of Van Halen)

Europe（ヨーロッパ）の動画を連続再生
CodePen - Youtube Player (of Europe)

Elvis Presley（エルヴィス・プレスリー）の動画を連続再生
CodePen - Youtube Player (of Elvis Presley)

Elton John（エルトン・ジョン）の動画を連続再生
CodePen - Youtube Player (of Elton John)

GLAY（グレイ）の動画を連続再生
CodePen - Youtube Player (of GLAY)

IN FLAMES（イン・フレイムス）の動画を連続再生
CodePen - Youtube Player (of IN FLAMES)

まふまふの動画を連続再生
CodePen - Youtube Player (of Mafumafu)

Cheap Trick（チープ・トリック）の動画を連続再生
CodePen - Youtube Player (of Cheap Trick)

Roxette（ロクセット）の動画を連続再生
CodePen - Youtube Player (of Roxette)

Madonna（マドンナ）の動画を連続再生
CodePen - Youtube Player (of Madonna)

MYTH & ROID（ミス アンド ロイド）の動画を連続再生
CodePen - Youtube Player (of MYTH & ROID)

SawanoHiroyuki[nZk]（澤野弘之）の動画を連続再生
CodePen - Youtube Player (of SawanoHiroyuki[nZk])

globe（グローブ）の動画を連続再生
CodePen - Youtube Player (of globe)

CHAGE and ASKA（チャゲ・アンド・アスカ）の動画を連続再生
CodePen - Youtube Player (of CHAGE and ASKA)

BUMP OF CHICKEN（バンプ・オブ・チキンク）の動画を連続再生
CodePen - Youtube Player (of BUMP OF CHICKEN)

スキマスイッチの動画を連続再生
CodePen - Youtube Player (of Sukima Switch)