如何將着色器添加到從STLLoader加載的THREE.Object3D中

Question

我有一個使用THREE.STLLoader加載的模型。

var loader = new THREE.STLLoader(); 
loader.addEventListener('load', function(event) { 
    var mesh = event.content; 
    scene.add(mesh); 
}); 
loader.load('model/test.stl'); 

我需要將頂點和片段着色器應用於此模型。這個怎麼做？

Answer 1

常用方式，包括你的着色器是把他們在<script>標籤：

<script id="vertexShader" type="x-shader/x-vertex"> 

    void main() { 
     ... 
    } 

</script> 

<script id="fragmentShader" type="x-shader/x-fragment"> 

    void main() { 
     ... 
    } 

</script> 

然後，在你init功能：

// it's useful to have uniforms as a ~global variable, 
// so you can modify them from other functions 
// in animate() or render() for example 
var uniforms = { 
    // here, your shader's uniforms variables 
}; 

var material = new THREE.ShaderMaterial({ 
    uniforms: uniforms 
    vertexShader: document.getElementById('vertexShader').textContent, 
    fragmentShader: document.getElementById('fragmentShader').textContent 
}); 

而在你的裝載機回調

var mesh = event.content; 
mesh.material = material; 

看看這個簡單的着色器的例子http://threejs.org/examples/webgl_shader.html

Answer 2

此問題沒有顯示任何數量的自己的研究努力。 看到這個：How to assign a material to ColladaLoader or OBJLoader

只有三天。也許下次嘗試搜索至少3秒以上rollingEyes。是的，正如文森特所建議的那樣，有很多例子可以檢查。