![見出し画像](https://assets.st-note.com/production/uploads/images/18370352/rectangle_large_type_2_081e71c9fa3f42faabbf090e6c446b40.png?width=800)
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ファイルに変換したものです。
参考まとめ
Three.js r110 CodePen投稿コードまとめ
この記事が気に入ったらサポートをしてみませんか?