1
0
mirror of https://github.com/troisjs/trois.git synced 2024-11-24 04:12:02 +08:00

update standard material

This commit is contained in:
Kevin Levron 2020-10-14 21:37:08 +02:00
parent bf8c9501f0
commit 85b7907cef

View File

@ -1,22 +1,35 @@
import { MeshStandardMaterial } from 'three';
import { MeshStandardMaterial, Vector2 } from 'three';
import { watch } from 'vue';
import { propsValues } from '../tools.js';
import useBindProp from '../use/useBindProp.js';
import Material from './Material';
const props = {
aoMapIntensity: { type: Number, default: 1 },
bumpScale: { type: Number, default: 1 },
displacementBias: { type: Number, default: 0 },
displacementScale: { type: Number, default: 1 },
emissive: { type: [Number, String], default: 0 },
emissiveIntensity: { type: Number, default: 1 },
envMapIntensity: { type: Number, default: 1 },
metalness: { type: Number, default: 0 },
normalScale: { type: Object, default: () => new Vector2(1, 1) },
roughness: { type: Number, default: 1 },
refractionRatio: { type: Number, default: 0.98 },
wireframe: Boolean,
};
export default {
extends: Material,
props: {
emissive: { type: [Number, String], default: 0 },
emissiveIntensity: { type: Number, default: 1 },
metalness: { type: Number, default: 0 },
roughness: { type: Number, default: 1 },
},
props,
methods: {
createMaterial() {
this.material = new MeshStandardMaterial(propsValues(this.$props, ['id']));
this.material = new MeshStandardMaterial(propsValues(this.$props, ['id', 'normalScale']));
},
addWatchers() {
['emissive', 'emissiveIntensity', 'metalness', 'roughness'].forEach(p => {
// todo : use setProp ?
Object.keys(props).forEach(p => {
if (p === 'normalScale') return;
watch(() => this[p], (value) => {
if (p === 'emissive') {
this.material[p].set(value);
@ -25,6 +38,7 @@ export default {
}
});
});
useBindProp(this, 'normalScale', this.material.normalScale);
},
},
__hmrId: 'StandardMaterial',