phi

I'm a Game Programmer and Frontend Engineer passionate about programming education. Math / C / C++ / C# / JavaScript / HTML5 / CSS3 / Python

phiaryjust a creator

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

7 years ago

下記のように 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