【WebGL / three.js】DRACO＆Basis圧縮でWebに最適なレベルまで3Dモデルを圧縮する

はじめに Webに3Dモデルを表示したい場合、やはり少しでも容量を軽くしたいですよね。 手元の3Dモデルの形式が何であるかによりますが、 基本的には.glb形式がWebで使う一般的なデータ形式となります。 例えばもし.objでモデルを持っているならobj2gltf、.fbxならFBX2glTFあたりで変換すると便利です。 gltfをglbに変換する場合はmakeglbを使うといいと思います。 実はglb（gltf）に変換するだけで結構容量が圧縮されます。 でも問題はここからです。 ここまで変換してもまだ重い、もしくはBlenderから直接glb出力したけどめっちゃ重い！！ ということも結構ありますよね〜 そういう場合の対処法が、 DRACO圧縮とBasis圧縮です。 本記事では、上記の圧縮を行い、three.jsを使用してWebに表示するまでを解説します。 ちなみに今回使用する圧縮なのです