2

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

ありがとう、ブランドン

4

2 に答える 2

2

WebGLキャンバスのテクスチャとして使用する前に、2Dキャンバスに画像を描画することを試みました。それは動作しますが、パフォーマンスはひどいです（それは実際にはブラウザごとに異なります）。私は現在、それをリファクタリングするための他のいくつかのオプションを検討しています。1つまたは2つの2Dキャンバスに静的に画像を描画する以上のことにはお勧めしません。

http://github.com/fintler/lanyardのプロジェクトで、lanyard / src / render/SurfaceTileRenderer.jsの狂気の例を見ることができます。

于 2011-03-09T23:31:52.687 に答える
2

2D シェイプにテクスチャを適用しようとしていますか?

このようなものを試してください http://jsfiddle.net/3U9pm/

于 2011-10-19T23:09:17.860 に答える