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

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

新規登録して質問してみよう
ただいま回答率
85.48%
canvas

HTML5の<canvas>要素用のタグです。CanvasはHTML5から導入された、二次元の図形描写が可能な要素です。

STL

STL(Standard Template Library)は、ジェネティックコンテイナー、イテレーター、アルゴリズム、そして関数オブジェクトのC++ライブラリーです。

Three.js

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

WebGL

WebGL(ウェブジーエル)は、ウェブブラウザで 3次元コンピュータグラフィックスを表示させるための標準仕様です。

Q&A

解決済

1回答

2499閲覧

three.jsとblenderについて

urawanousagi

総合スコア33

canvas

HTML5の<canvas>要素用のタグです。CanvasはHTML5から導入された、二次元の図形描写が可能な要素です。

STL

STL(Standard Template Library)は、ジェネティックコンテイナー、イテレーター、アルゴリズム、そして関数オブジェクトのC++ライブラリーです。

Three.js

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

WebGL

WebGL(ウェブジーエル)は、ウェブブラウザで 3次元コンピュータグラフィックスを表示させるための標準仕様です。

0グッド

0クリップ

投稿2015/12/20 13:49

編集2016/01/09 13:36

3Dデータを表示させてマウスの動きでうごかしたいです。(canvasの中で)
blenderからプラグインを用いて(参考サイトhttp://mox-motion.com/blog/webgl04-2/)three.js用の.jsonファイルをエクスポートしました。
データは他人がSTL形式で送ってくれています。(データは建物の構造です)
それに色や文字などを付けて表示させたいのです
ここで質問なのですが、three.jsではwebglが対応していないブラウザでみた場合どうなるのでしょうか。
真っ白になるのか他の方法に変わるのでしょうか(たしかそのようなことがあった気がするのですが)
ご教授よろしくお願いいたします
また他にいい方法があったらお願いしますm(_ _)m

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

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

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

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

現行のThree.jsではjsonの他にもobjやcollada形式等にも対応してますのでお好きなフォーマットでどうぞ。どの形式でもconsole.log()等でMeshの場所が特定できればあとは普通のMesh同様の操作が出来ます。但し同じ形式でも入れ子構造が違う場合があるのでその場合ファイル毎に特定する必要があります。

>ここで質問なのですが、three.jsではwebglが対応していなかった場合どうなるのでしょうか。
ちょっと意味が分からないです。Three.jsはWebGLのライブラリなのでthree.jsはWebGLそのものです。
真っ白になるのは主にコードエラーでレンダリングできなかった時でしょう。
どこかからコードをコピペしてもバージョンが違うとエラーを吐きます。
2年以上前バージョンのコードはほぼ動かないと思った方が良いです。
しかし開発者様達が親切なので大抵ログを見るとバージョン違いのエラーは教えてくれます。

>またどのくらいのpcやスマホがみれないのでしょうか
WebGLのスマホの対応は端末ではなくブラウザ準拠です。
Caniuse | WebGL
スペック的な話でしたら3Dゲームがプレイ可能なスマホなら問題ないと思います。

全体的に質問の意図が良くわかりません。
もうちょっと具体的に何が分からないのかを明確にしないと誰も答えられないと思います。

投稿2016/01/04 18:00

編集2016/01/04 18:13
yuya3110

総合スコア89

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

urawanousagi

2016/01/09 13:37

ありがとうございました!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問