問題タブ [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 投票する
1 に答える
832 参照

webgl - WebGL を始めるにはどうすればよいですか

WebGL のプログラミングを開始するにはどうすればよいですか

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

javascript - JavaScriptの任意のベクトル数学にWebGLシェーダー言語(GLSL)を使用する

WebGLシェーダー言語(GLSL)は、多次元ベクトル数学のための非常に強力なツールです。

JavaScript(Webブラウザーで実行)からのその力をプライベートな非3D計算に使用する可能性はありますか?データを取り込むことは可能ですが、シェーダーの計算が行われた後にJavaScriptにデータを取り出す方法はありますか?

実際の描画は必要ありません。ベクトルを計算するだけです。(JavaScriptで記述されたハードウェアアクセラレーション重力シミュレーターのアイデアをいじっています。)

ありがとう!


ニュース:Khronosは、JavaScriptでアクセス可能なバージョンのOpenCLとなるWebCLを開発しているようです。それはまさに私が探しているものですが、それは少し時間がかかります...

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

glsl - gl_FragCoord を使用してクワッドに穴を作成する

私はWebGLを学んでおり、次のことをしたいと思っています:

フラグメント シェーダーを使用して、四角い穴のある 3D クワッドを作成します。

gl_FragColorに基づいてgl_FragCoord適切に設定する必要があるようです。

だから私はすべきです:

a)gl_FragCoordウィンドウ座標からモデル座標に変換し、適切なジオメトリ チェックを行い、色を設定します。

また

b) 頂点シェーダーからフラグメント シェーダーに何らかの方法でホール情報を渡します。たぶん、テクスチャ座標を使用してください。この部分についてははっきりしていません。

上記のいずれかの実装については曖昧なので、どちらかのコーディングのヒントをいただければ幸いです。

私のバックグラウンドは、新しいシェーディング言語のパラダイムに追いついておらず、追いつこうとしている OpenGL の古いタイマーのバックグラウンドです...

編集 (2011 年 3 月 27 日):

tex coord ヒントに基づいて上記を正常に実装できました。以下のリンクにこの例を書きました。

穴のあるクワッド - 例

穴のあるクワッド - 例

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

javascript - WebGL開発用のGLGE、SceneJS、またはWebGLU?

WebGLを使用して、
主にプレゼンテーションとナビゲーションの目的で開発を行うことを検討しています(ナビゲーションの可能性がある家を表示するなど)。


学習曲線が最も速く、強力な発展途上のコミュニティであるこれらのライブラリの経験がある人がいるかどうか知りたい ですか?

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

javascript - WebGLで入力検索によってポイントを見つける方法は?

検索入力を使用して3DEarthを作成します。誰かがWebGLを使用して、入力検索によってポイント(正確な場所のポイント)を見つけるコードを書く方法を教えてもらえますか?

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

javascript - このトンネルのようなアニメーションを WebGL に実装するにはどうすればよいですか?

このトンネルのようなアニメーションを WebGL に実装するにはどうすればよいですか?

ここに画像の説明を入力

ソース: http://dvdp.tumblr.com/

参照: WebGL でこの回転スパイラルを実装するには?

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

javascript - javascript マトリックス指数関数、ala cv::Rodrigues( )?

javascript で行列指数関数を実行する既存のコードを知っている人はいますか?

または、そうでない場合、そのようなものを書くための「ベストプラクティス」は何ですか? 私は C++ と Matlab に慣れており、ここ数日でいくつかの WebGL をハッキングしようとしています...

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

webgl - WebGLを介してOpenGL4機能を使用するにはどうすればよいですか

WebGLのOpenGL4の機能の一部(具体的には、テッセレーションシェーダーと新しいシェーダー言語バージョン)を使用したいと思います。これは、標準に準拠した方法またはハック的な方法のいずれかで可能ですか?たとえば、gl.FRAGMENT_SHADERの代わりに、テッセレーションシェーダーをコンパイルするように基になるGL実装に指示するために使用できる魔法の値はありますか?

0 投票する
6 に答える
2660 参照

javascript - HTML5/WebGLでのMMO 3Dゲームの実現可能性

誰かがこれについて考えたかどうかはわかりませんが、World of Warcraft、Lineage II、または Aion のようなゲームは、WebGL を介したブラウザー フロントエンドで実行可能ですか? これらの新しいテクノロジーを使って本格的なゲームを作りたい場合、考慮しなければならないことは何ですか? また、どこから始めるのが良いでしょうか?

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

javascript - WebGL でオブジェクトをアニメーション化する方法 (完全な変換ではなく特定の頂点を変更する)

わかった、

私は 3D グラフィックスを初めて使用し、モデル内の個々の特定の頂点をアニメーション化したいと考えています(モデル全体の変換ではありません)。私のスクリプトは主に NEHE webgl チュートリアルに基づいています。このチュートリアルでは、すべてのオブジェクトの頂点がバッファーに格納されます。このバッファーは、プログラムの最初の実行時に一度初期化されます。初期化コードは次のとおりです。 *頂点には頂点の配列が含まれていることに注意してください。

これらは最初に初期化されるため、明らかに vertices 配列を変更しても何も起こりません。そのため、スムーズに実行するのに十分な効率を維持しながら、リアルタイムで頂点を変更する最良の方法は何かと考えていました。

何らかの方法でバッファを再バインドすることは可能ですか?たとえば、アニメーションのティックごとにこのコードを再度実行しますか?

乾杯、J