WebGLでテクスチャを使う - ラシウラの続きです。 結論から言うと、canvas同様にimgでもWebGLのテクスチャに使えました。座標系はやはり画像の左上が(0,0)です。canvas2dでこれらと同様に扱えるvideoタグでもおそらく同様にテクスチャ利用ができそうです。 http://gist.github.com/216810 上下反転するにはいろいろやりかたがありますが、ここはvertex shaderのコードで texCoord = coord; を texCoord = mat2(1.0, 0.0, 0.0, -1.0) * coord; などと、変更するのがいいのではないでしょうか。 1ファイル完結にこだわっているため、コード中のimgタグにはdataスキームのURIで画像を埋め込んでます。もちろんhttpなurlでも、PNGでなくてもOKです。 ちなみにPNGファイルか
![WebGLのテクスチャはimgでもできました。 - ラシウラ](https://cdn-ak-scissors.b.st-hatena.com/image/square/ffee52fa37effb2ca770dc7611a8937869298d64/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fb%2Fbellbind%2F20091023%2F20091023200204.png)