我是 Three Js 的新手,當我按下 html 頁面上的按鈕時,我不知道如何更改材質的顏色。您有什么建議嗎?我將在此處附上代碼這是我聲明我的材料的方式: var color2= new THREE.Color(0xff0000) var customMaterial = new THREE.ShaderMaterial( { uniforms: { p: { type: "f", value: 2 }, glowColor: { type: "c", value: color2 }, }, vertexShader: $('#vertexShader').text, fragmentShader: $('#fragmentShader').text, side: THREE.DoubleSide, blending: THREE.AdditiveBlending, transparent: true, depthWrite: false });這是我更新顏色的方法:function render() {renderer.render(scene, camera);document.getElementById("colore").onclick= function(){ console.log("prova caramella"); var customMaterial = new THREE.ShaderMaterial( { uniforms: { p: { type: "f", value: 2 }, glowColor: { type: "c", value: new THREE.Color(0x00ff00) }, }, vertexShader: $('#vertexShader').text, fragmentShader: $('#fragmentShader').text, side: THREE.DoubleSide, blending: THREE.AdditiveBlending, transparent: true, depthWrite: false }); customMaterial.needsUpdate = true }最后,這就是我將材質鏈接到 3D 模型的方式:function petali2(){var loaderpetali = new THREE.ColladaLoader();loaderpetali.load('petali3.dae', function (collada) {petali = collada.scene;petali.traverse( function ( child ) { if (child instanceof THREE.Mesh) { console.log(child); child.material = customMaterial; }} );petali.scale.x = 2;petali.scale.y = 2;petali.scale.z = 2;//flower = dae;scene.add(petali);});}
如何在 ThreeJS 中更改 Shader 顏色
蠱毒傳說
2023-09-21 16:20:52