1

シンボルなどのカスタム ジオメトリを持つ光源を Three.js で作成することは可能ですか。Three.js には、長方形の光源として機能し、幅と高さのパラメーターを持つ Arealight があります。最後に、目的は、そのような光源によって照らされた表面を取得することです。これは、視覚的にそのカスタム フィギュアです。

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)
4

1 に答える 1

1

AreaLightWebGLDeferredRendererこれは非常に新しく、例の一部 (ライブラリではありません) でのみ機能し、その使用例はあまりありません。

この例を見ると、ムービー テクスチャが光源として使用されていることがわかります。

この例では、次のようにビデオ テクスチャを別のテクスチャに置き換えることができます。

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

残念ながら、この例ではライブラリの修正版を使用しています。

three.js r.56

于 2013-02-21T15:49:30.100 に答える