質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
86.02%
Three.js

Three.jsはWebGLをサポートしているJavaScriptの3D描画用ライブラリです。

Q&A

解決済

three.jsでobj,mtlファイルの読みこみを高速化する方法

mios
mios

総合スコア1

Three.js

Three.jsはWebGLをサポートしているJavaScriptの3D描画用ライブラリです。

2回答

0グッド

0クリップ

235閲覧

投稿2022/12/01 10:38

前提

three.jsでブラウザ上でobj mtlファイルを読み込んで表示させたいです。
ただobjファイルの容量が大きいため、公式のサンプルに倣って書いたものだと読み込みに3分ほど時間がかかってしまいます。
どうにか表示を早くさせる方法はないのでしょうか?

以下のような質問にはグッドを送りましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

グッドが多くついた質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

下記のような質問は推奨されていません。

  • 間違っている
  • 質問になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

適切な質問に修正を依頼しましょう。

回答2

0

丁寧にありがとうございます!
その方法で一旦試してみます。

投稿2022/12/03 05:27

mios

総合スコア1

良いと思った回答にはグッドを送りましょう。
グッドが多くついた回答ほどページの上位に表示されるので、他の人が素晴らしい回答を見つけやすくなります。

下記のような回答は推奨されていません。

  • 間違っている回答
  • 質問の回答になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

このような回答には修正を依頼しましょう。

0

ベストアンサー

obj 形式に拘らないようでしたら glTF 形式を用いるのはいかがでしょうか。
glTF 形式では
・Draco 圧縮(KHR_draco_mesh_compression)
・meshopt 圧縮(EXT_meshopt_compression)
の2つの圧縮形式が利用できます。

おそらく obj ファイルに比べてファイルサイズは 1/10 程度に圧縮されるのではと思います。
ケースバイケースだと思いますので、実際に試してみるのが良いでしょう。

three.js での Draco 圧縮 / meshopt 圧縮の使い方については下記を参照ください。
https://threejs.org/docs/#examples/en/loaders/GLTFLoader
https://github.com/mrdoob/three.js/blob/master/examples/webgl_loader_gltf_compressed.html

obj 形式から glTF 形式の変換は Blender がお手軽です。
obj 形式で import して glb 形式で export するだけです。
Draco 形式への変換は Blender で glb 形式で export する際に「Compression」を選べば Draco 形式で保存されます。
meshopt 形式への変換は meshoptimizer のリポジトリにある gltfpack というツールを使うと変換が可能です。

投稿2022/12/01 14:18

cx20

総合スコア4349

良いと思った回答にはグッドを送りましょう。
グッドが多くついた回答ほどページの上位に表示されるので、他の人が素晴らしい回答を見つけやすくなります。

下記のような回答は推奨されていません。

  • 間違っている回答
  • 質問の回答になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

このような回答には修正を依頼しましょう。

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
86.02%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

Three.js

Three.jsはWebGLをサポートしているJavaScriptの3D描画用ライブラリです。