【Three.js】Textureが反転してしまうのを直した

問題点

Three.jsではなぜかテクスチャを作成するとデフォルトで垂直軸に沿って反転される仕様になっています。どうして....

日本語訳

true に設定すると、テクスチャはGPUにアップロードされるときに垂直軸に沿って反転されます。
デフォルトは true です。

解決策

flipYをfalseに設定してあげると元に戻ります。

const texture = new THREE.TextureLoader().load('なんか画像とか');
texture.flipY = false;

おしまい。