Three.js tips - クロスドメイン参照の画像を使う方法

phi phi on three.js

下記のように crossOrigin の設定を追加するだけいけます!

var texloader = new THREE.TextureLoader();  
texloader.crossOrigin = 'anonymous';  
var texture = texloader.load('http://phi-jp.github.io/phiary-workspace/assets/images/tomapiko.png');

// old
// THREE.ImageUtils.crossOrigin = 'anonymous';

※ 画像は CORS を許可している必要があります

Reference

javascript - Three.js and loading a cross-domain image - Stack Overflow