WebGLレンダラーを使用してthree.jsでsvgを表示

Question

WebGLレンダラーを使用してthree.jsシーンでsvgを表示できますか？ SVGレンダラーとローダーを使用してこれを行うことができますが、私の問題では使用できません。

ありがとうございました。

Answer 1

あなたはSpriteオブジェクトを使用するので、同様に、TextureLoader（）で、あなたのSVGファイルを指定することができます。

var map = new THREE.TextureLoader().load("sprite.svg"); 
var material = new THREE.SpriteMaterial({ map: map, color: 0xffffff, fog: true }); 
var sprite = new THREE.Sprite(material); 
scene.add(sprite); 

をあなたがここで詳細を読むことができます：Three.js - Sprite