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とどう使い分けようか？