Three.js, пользовательская геометрия света

Question

Возможно ли создать в Three.js источник света, который имеет пользовательскую геометрию, например. символ. Существует Arealight в Three.js, который работает как прямоугольный источник света и имеет параметры парика и высоты. И, наконец, цель состоит в том, чтобы получить поверхность, освещенную таким источником, которая визуально является таковой фигурой.

Спасибо WestLangley, это отличный пример, я пробовал этот путь, но, к сожалению, это не сработало для меня. Я попытался это:

var textTexture = new THREE.Texture("textures/text.jpg"); 
     //var textTexture = THREE.ImageUtils.loadTexture("textures/text.jpg"); 
     textTexture.format = THREE.RGBFormat; 
     textTexture.wrapS = textTexture.wrapT = THREE.MirroredRepeatWrapping; 
     textTexture.anisotropy = 4; 
     var textLight = new THREE.AreaLight(0xffffff, 3); 
     textLight.position.set(10, 5, -5); 
     textLight.rotation.x = Math.PI/2; 
     textLight.width = 30; 
     textLight.height = 10; 
     textLight.texture = textTexture; 
     scene.add(textLight) 

Answer 1

AreaLight работает только с WebGLDeferredRenderer, который является совершенно новым, часть примеров (не библиотеки), и не очень много примеров его использования.

Если вы посмотрите на this example, вы можете увидеть, что текстура фильма используется как источник света.

В этом примере, вы можете заменить другую текстуру для видео текстуры, как так:

// texture = new THREE.Texture(video); 
texture = THREE.ImageUtils.loadTexture("texture.jpg"); 

К сожалению, этот пример использует модифицированную версию библиотеки.

Three.js R.56