問題タブ [webgl]

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 投票する
4 に答える
208 参照

java - このゲームの背後にある言語は何ですか?

ブラウザ用のこの GWT Quake 2 ポートに出くわしました: http://www.youtube.com/watch?v=fyfu4OwjUEI

それは本当にJavaで作られていますか?それとも、WebGL API を使用しているため、おそらく JavaScript のようなものでしょうか?

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

cross-browser - ブラウザーでの WebGL サポートの最新状況はどこで確認できますか?

どのブラウザーが WebGL をサポートしており、いつサポートされるかを示す、定期的に更新される表はどこにありますか?

0 投票する
4 に答える
18358 参照

javascript - JavascriptとWebGL、外部スクリプト

ちょっと興味があるんだけど; WebGLシェーダーを外部ファイルに配置するにはどうすればよいですか?

現在私は持っています。

私のhtmlヘッダーで、外部ファイルからこれにリンクするにはどうすればよいですか?-私は通常のjavascriptアプローチを試しました。

0 投票する
3 に答える
13166 参照

webgl - VRMLファイルをWebGL対応ブラウザで閲覧

VRML 1.0 ファイルを生成するレガシー アプリケーションがあります。これらの VRML ファイルを表示できる WebGL ベースの Web インターフェイスを構築したいと考えています。そうする簡単な方法はありますか?

編集: それらが VRML 1.0 であることを指定しました。

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

glsl - GLSL シェーダーと WebGL の問題

Firefox で完全に動作するシェーダーを作成しましたが、Chrome ではフラグメント シェーダーと頂点シェーダーをリンクできません。それらは問題なくコンパイルされますが、リンク部分で何か問題が発生します。私はコードの次のビットで問題をローカライズしました:

この小さなコードは、ポイント ライトから反射されるディフューズ カラーを計算します。これは、より大きな for ループの一部です。ここに示されているように、まったくリンクしませんが、uLightAttenuation を att の計算から削除すると、次のようになります。

それはうまく動作します。uLightIntensity などの他のユニフォームに置き換えると、

再びそれは動作しません。単純な定数値/浮動小数点変数に置き換えると、奇妙なことにコンパイルされます。さらに奇妙なのは、色の計算から att を削除しても、ユニフォームを現在の位置に保持すると、問題なく実行されることです。

ユニフォームは float 値であり、型キャストに問題があったとしても、リンクではなくコンパイルで失敗するはずです。
これが完全なシェーダーです。コードのどこかで何かを見逃している可能性があります。

フラグメント シェーダー
頂点シェーダー

0 投票する
7 に答える
23319 参照

web-applications - WebGLには頂点の制限がありますか?

Three.jsは、65kを超える頂点をロードできないと言っています。

私の純粋なwebglアプリケーションでは、何も表示されませんが、大きなオブジェクトを試してみると、オブジェクト全体が表示されません。

オブジェクトを小さなバッファに分割することはできますが、それは私を悲しくさせます。

より良い解決策はありますか?65kは本当に頂点の制限量ですか?

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

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

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

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

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

html - CANVAS 2D コンテキストのテクスチャ

キャンバスを塗りつぶす実験を始めたばかりで、オブジェクトにテクスチャを適用しようとしています (ブロブの例のブロブ - http://www.blobsallad.se/ )。この例は 2D コンテキストを使用しており、webGL を実装していないようです。私が見つけたテクスチャリングに関する情報はすべて webGL を使用しており、この偉業を達成するのはどれほど簡単なのだろうと思っていました。コードを書き直さずに、webGL のテクスチャリング機能をこのキャンバスに組み込むことができる方法はありますか? 要約すると、この質問は、2D コンテキストで使用できるメソッドが webGL コンテキストでも使用できるかどうかを尋ねていると思います...もしそうなら、コンテキストを変更してテクスチャを適用できると思いますか? 私がこれについてすべて間違っていると考えている場合、または概念的に混乱している場合は、お知らせください。

ありがとう、ブランドン

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

javascript - body onload=""が関数を見つけることができません

私はphiloglライブラリで何かを試しています、そして私が書いたとき、

すべてが正常に動作しますが、私がそれにいくつかのphiloglを書くと、

chromeとfirefoxで、webGLStart()が定義されていないというエラーが表示されます。私のコードの何が問題になっていますか?

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

image - 深度画像データを使用して WebGL で 3D モデルを構築する

Kinect カメラからの RGB と深度データを組み合わせた画像があります。

可能であれば、両方とも WebGL で次の 2 つのことを行いたいと思います。

  1. 深度データから 3D モデルを作成します。
  2. RGB 画像をテクスチャとしてモデルに投影します。

どの WebGL JavaScript エンジンを調べる必要がありますか? 画像データを使用して 3D モデルを構築する同様の例はありますか?

(最初の質問です!)


Photoshop の 3D ツールを使用すると簡単であることがわかりました (3D > グレースケールからの新しいメッシュ): http://www.flickr.com/photos/forresto/5508400121/