three.jsでテクスチャ画像をクロスドメイン回避して取得する

課題

three.jsでテクスチャ画像を別ドメインのサーバーから取得したいとき。

なにもしないと
"Cross-origin image load denied by Cross-Origin Resource Sharing policy."
のようなクロスドメインのエラーがでる。

解決方法

これでOK。

THREE.ImageUtils.crossOrigin = "*";
var texture = THREE.ImageUtils.loadTexture("http://example.com/hoge.jpg");