問題タブ [webgl]

私は本当にここでいくつかの助けを借りることができました. 私が調べたところ、私がチェックしたサイトの多くはすべて同じことを言っています.WebGLはcanvasを使用しています.

ただし、私の質問は、OpenGL でさえ canvas 要素を使用していることです。WebGL の違いは何ですか?

また、PGM がキャンバスを使用する場合、デフォルトで WebGL ですか?

これがばかげた質問のように思われる場合は、申し訳ありません。:)

ブラウザベースの 3D レンダリングを行いたい場合、WebGL は見栄えがしますが、IE ではサポートされていません。ブラウザベースの 3D の他の唯一の現実的なオプションはプラグインを使用することであるため、Chrome Frame が実行可能な代替手段のようです... IE ユーザーはプラグイン/アドオン/拡張機能をインストールする必要がありますが、FF/Chrome の他のユーザーはインストールする必要があります。する必要はありません。

企業環境では、ブラウザアドオンのインストールは許可を得るのが難しいと予想されるかもしれません...しかし、私がIEで言うように、Chrome Frameのような一般的なプラグインであろうと、特定のプラグインのようなものであろうと、何らかのプラグインをインストールする必要があります。 Unity3D または独自の特注プラグイン。

この種の専門アプリの IE サポートをやめて、必要に応じて Chrome Frame を IE で自動的に実行できるようにすることは、合理的に思えますか?

立方体とテクスチャをレンダリングすると、立方体に沿って白いエッジができてしまいます。頂点とテクスチャの座標を確認しましたが、問題ないように見えます。私のテクスチャは 2 の累乗です。これは、各テクスチャが 16x16 ピクセルである 4x4 テクスチャを含むテクスチャ マップです。誰か提案はありますか？

WebGLを試してみたいのですが、JavaScriptはあまり好きではありません。WebGL開発に推奨できるGWT （JavaからJavaScript）のような*からJavaScriptへのコンパイラはありますか？

私は比較的 WebGL と OpenGL に慣れていませんが、最近は小さなゲームを書くことにほとんどの時間を費やしています。しかし、熱波のようなものを実装したいとき、または何らかの種類の歪みを実装したいとき、私は行き詰まったままになりました.

これで、フラグメント シェーダーを使用してテクスチャ リップルを作成できますが、オブジェクトの背後にあるコンテンツを歪めるとなると、何かが足りないように感じます。フラグメント シェーダー内で既にレンダリングされているピクセルの色を取得する方法はありますか?

テクスチャにレンダリングしてから、オブジェクトのテクスチャをそのようにしようとしましたが、シーンをテクスチャにレンダリングすることを選択すると、画面にもレンダリングできないようです。さらに、テクスチャにレンダリングしたい場合、そのテクスチャは 2 の累乗でなければなりません (多くの画面解像度はこれに完全に適合しません)。

どんな助けでも大歓迎です。

3D ファイル形式には多くの選択肢がありますが、少なくとも最小のファイル サイズ + テクスチャが必要ですか? 色々試したけどアドバイスお願いします。

フレームワークリストは http://www.khronos.org/webgl/wiki/User_Contributions#Frameworksにあります

しかし、それらの違いは何ですか？私はいくつかの記事を読みました、WebGLは低水準言語によって駆動されます、WebGLフレームワークは簡単に実装するために高水準言語にそれを作るだけです。

私はすでに多くのjQuery、jQueryUI、C＃のバックグラウンドを持っていますが、どれを選ぶべきですか？

仮想人間 (つまり、スケルトンを装備したモデル、できれば眉毛などを動かすモデル) を Web ページにロードする方法を探しています。機能は古いライブラリの Haptek Player (http://www.youtube.com/watch?v=c2iIuiT3IW8) に似ているはずですが、背景を透明にすることができます。理想的には、既存のコードと直接統合できるため、WebGL/O3D になります。ただし、Flash3D または別のプラグインに既に実装されている場合は、コードベースをアクション スクリプトにすばやく切り替えることができます。

npapi プラグインを使用して、Haptek Player の頂点を Float32Array (WebGL で使用) に送信しようとして調査しました。頂点データを JavaScript 配列に配置して、仮想人間を描画できます。ただし、WebGL で使用するには、配列を型付き配列 (Float32Array) にコピーする必要があるため、頂点データを変更することはできません。

ご意見ありがとうございます。

gl.texImage2D を呼び出すと、スプライト全体 (32x512) を正常に表示できます。

gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, image);

予想通り、水平方向に押しつぶされていますが、少なくとも画面にはレンダリングされます。シートに最初の 32x32 スプライトのみを表示しようとしていますが、単純に gl.texSubImage2D を使用してこの効果を実現できると想定しました。texImage2D を texSubImage2D (変更されたパラメーターを使用) に簡単に置き換えようとしましたが、画面にブラック ボックスが表示されます。私が使用しているコードは次のとおりです。

gl.texSubImage2D(gl.TEXTURE_2D, 0, 0, 0, 32, 32, gl.RGBA, gl.UNSIGNED_BYTE, image);

texSubImage2D の実装について何か不足していますか? 私がしなければならない他のステップはありますか？それとも、texSubImage2D はスプライト シートを行う正しい方法ではありませんか?

どのブラウザー用 3D グラフィックス API を学ぶ必要がありますか? Firefox 4 には WebGL があり、Chrome には O3D があり、Shockwave はすべてのブラウザで 10 年前から存在していると聞きました。他にもあるかもしれませんが、よくわかりません。最近のすべてのブラウザーは、マルチメディアの独自の実装を望んでいるようです。HTML5 ビデオ用のさまざまなコーデック、CSS3 用のさまざまな構文などです。少なくとも 3D グラフィックスの前面に頭を包み込みたいと思います。理想的には、私が選択する API は、プラグインを必要とせず、ハードウェア アクセラレーションを使用し、できるだけ多くの将来のブラウザーでサポートされるものであるべきです。