見出し画像

Three.js r110 CodePenコード埋め込み その2

 CodePenに投稿した、Three.js r110を使用してglTF形式3Dモデルを読み込むプログラムコードを埋め込んでみます。

 プログラム内容は前に作成した「CodePenコード埋め込みテスト 」のプログラムで使用しているThree.jsを r87から r110へ修正したものとなります。させたものです。

 また、CodePen無料版ではファイルのアップロードができないので「GitHack」というサイトの提供するCDN経由で3DモデルのglTFファイルを読み込んでいます。 GitHubに置いたglTFファイルを一旦CDNに置いて、そこからglTFファイルを読み込んでいるイメージでしょうか。 

 3Dモデル自体はMagicaVoxelというソフトで作成したドット絵のような3Dモデルを、BlenderというソフトでglTFファイルに変換したものです。 


CodePenフルスクリーン版へのリンク


参考まとめ
Three.js r110 CodePen投稿コードまとめ


この記事が気に入ったらサポートをしてみませんか?