Three实现车灯效果

BelieveTom、

已于 2024-08-21 20:53:26 修改

阅读量212

点赞数 1

分类专栏： Three 文章标签：前端 javascript 开发语言

于 2024-01-30 15:57:34 首次发布

本文链接：https://blog.youkuaiyun.com/m0_52510500/article/details/135935109

版权

Three 专栏收录该内容

3 篇文章

订阅专栏

let targetMesh = gltf.scene.getObjectByName('前灯罩02');
targetMesh.material = new THREE.MeshPhysicalMaterial({
    color: '#fff',
	metalness: 0,
	roughness: 0,
	transmission: 1.0,
	ior: 1.5,
});
const spotLight01 = new THREE.SpotLight('#fff', 1.6, 200, Math.PI/6);
spotLight01.position.set(-206, 86, 66);
this.scene.add(spotLight01);
const targetObj01 = new THREE.Group();
targetObj01.position.set(-406, 86, 66);
this.scene.add(targetObj01);
spotLight01.target = targetObj01;

const textureLoader = new THREE.TextureLoader();
const textureFlare0 = textureLoader.load(this.lightImg);
const textureFlare1 = textureLoader.load(this.lightImg);
const lensflare01 = new Lensflare();
lensflare01.addElement(new LensflareElement(textureFlare0, 512, 0));
lensflare01.addElement(new LensflareElement(textureFlare1, 512, 0));
spotLight01.add(lensflare01)