three.js を使用して .jpg テクスチャをロードしながら、テクスチャ イメージ データを操作したい (.jpg ヘッダー テキストを変更するなど)。
どうすればこれを行うことができますか? テクスチャ データは、たとえば文字列としてコード内のどこかに到達できますか?
three.js を使用して .jpg テクスチャをロードしながら、テクスチャ イメージ データを操作したい (.jpg ヘッダー テキストを変更するなど)。
どうすればこれを行うことができますか? テクスチャ データは、たとえば文字列としてコード内のどこかに到達できますか?
2D をテクスチャ ソースとして使用できるため、テクスチャ データとして GPU<canvas>
にアップロードする前に、画像データ操作に HTML5 キャンバス API を使用できます。<canvas>
ここに例があります (大きすぎる JPEG のサイズを変更する場合)
キャンバスを作成するだけ
https://github.com/miohtama/Krusovice/blob/master/src/showobjects/framedimage.js#L134
元のテクスチャ データから drawImage() を実行します。
https://github.com/miohtama/Krusovice/blob/master/src/showobjects/framedimage.js#L165
そして、次のようにテクスチャソースとして使用できます<img>
https://github.com/miohtama/Krusovice/blob/master/src/renderers/three.js#L396