問題タブ [glge]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
723 参照

webgl - GLGE: ドロップ シャドウ

私は webgl と GLGE フレームワークに熱心です。キューブのドロップ シャドウを平面に作成できません。GLGE シャドウ デモからライトの定義をコピーしましたが、まだシャドウが表示されません。

GLGE でオブジェクトに影を落とすには、何を考慮する必要がありますか?

0 投票する
2 に答える
649 参照

opengl-es - GLGEで立方体の異なる面にテクスチャをロードする方法は? (または少なくとも WebGL)

立方体の 6 つの異なる面にロードしたい 6 つのテクスチャがあります。を使って新しいテクスチャを作ろうとしていGLGE.TextureCube();ます。そして、6つの画像すべてを、立方体にあるはずの顔にロードします

次に、Wavefrontオブジェクトにテクスチャを追加します。ただし、6 つのテクスチャ イメージのうち 1 つだけがマップされ、正しくマップされていないようです。

私の推測では、他の 6 つから新しいテクスチャ マップを作成するときに、それらを並べて並べて表示するため、新しいテクスチャ マップの座標がその obj ファイルに対応しなくなります。

GLGE で使用する 1 つのマップに 6 つのテクスチャを適切に結合するにはどうすればよいですか? または、メッシュの面にテクスチャを手動でロードする方法はありますか?

0 投票する
1 に答える
512 参照

javascript - GLGE API setRot/setRotXが機能しない

3Dモデルを表示するための小さなシーンを作成しようとしています。

GLGE Colladaの例を変更して、コードから.daeモデルを追加しました。

http://goleztrol.nl/SO/GLGE/01/

私が持って
いるもの これまでのところ、それは機能します。カメラはアニメーションを使用して回転します。

「追加」および「削除」ボタンを使用して、次のコードを使用してモデルをシーンに追加およびシーンから削除します(「アヒル」を気にしないでください。元の例ではアヒルでした)。

問題
モデルは立っているはずなのに、横になっています。要素のさまざまなメソッドが機能しているようです。場所が設定され、スケールが設定されていますが、setRotXの呼び出しは無視されているようです。APIから他のさまざまなメソッドを試しましたが、setRotY、setRot、setQuatX、およびsetDRotXはすべて失敗しているようです。エラーは発生しません(この方法についてはよくありません)。1.57(約90度)の値を試しましたが、他の値も1から180の範囲です。

何が間違っているのかわかりません。もちろん、Blenderでモデル自体を回転させることもできますが、GLGEAPIを使用して回転させたいと思います。

更新
デモモデルをロードするとseymourplane_triangulate.dae、回転が機能します。どうやら私のモデルは回転できないという点で異なります。理由がわかりません。モデルがさまざまな個別のメッシュで構築されているためかもしれないと思いましたが、スケーリングと移動が機能する理由がわかりません。

このモデルの何が問題になっているのか、そしてそれを修正するために私が何ができるのか(おそらくBlenderを使用して)誰かが知っていますか?

シーンを含むXMLファイルで初期回転を設定することは機能します。別の要素(シーン全体など)に回転を設定することもできます。

0 投票する
2 に答える
786 参照

jquery - jQuery タブ メニューと WebGL

jQuery UI (ソース: http://jqueryui.com/demos/tabs/ ) のタブを使用して、WebGL GLGE (ソース: http://www.glge.org/ ) を使用して COLLADA dae ファイルを各タブに表示したい)。タブは、xml ファイルに応じて動的に生成する必要があります。すべてが計画どおりに機能しますが、3D オブジェクトのレンダリングだけが機能しません。

私は今、さまざまなアプローチを試みましたが、どれもうまくいきません。結果は毎回同じです。3D COLLADA オブジェクトは、最初のタブでのみレンダリングされます。XML からデータを取得せずに基本的および静的な document.write ステートメントを使用しても、最初のページの建物のみが表示されます。

例えば:

jQuery タブから iframe を使用すると、複数の iframe がレンダリングされます。そう

タブの上に 3 つのレンダリングされた 3D オブジェクトを表示します。

私の問題を理解し、私を助けてくれることを願っています。

編集: 上記の「単純な」例をアップロードしました。以下で確認できます: http://korb.cwsurf.de/tmp/buildingdetail_simple.html

こんにちは、ファイコ

0 投票する
1 に答える
1649 参照

webgl - マウスの位置をオブジェクト座標に変換する

Collada オブジェクトを使用して、基本的なマウスを小さなデモに統合しようとしています。正しいマウスの x と y を取得できますが、それらをオブジェクトに使用する座標に変換する方法がわかりません。

GLGE 関数duck.setLoc(mousepos.x, mousepos.y)がピクセルから変換されることを期待していましたが、そうではありません。

2D マウスポス ピクセルを 3D ポイントに変換するにはどうすればよいですか?

0 投票する
1 に答える
2617 参照

unit-testing - ヘッドレス ブラウザで WebGL Web アプリケーションの単体テストを実行する方法はありますか

ヘッドレス ブラウザで WebGL (GLGE) Web アプリケーションの単体テストを実行する方法はありますか?

jenkins サーバーでテストを実行したいので、テストはヘッドレス (phantom.js) ブラウザーで実行する必要があります。

誰かがすでにそれを試しましたか?

乾杯

0 投票する
0 に答える
56 参照

webgl - GLGE XMLはどのように機能しますか?

GLGEを使おうとしていますが、3DモデルをXMLメッシュで作成[またはエクスポート..または変換..]する方法がわかりません。

このXMLの王様を「理解」する方法を誰かに説明してもらえますか?