Web3D/trois
1
0
Fork 0
mirror of https://github.com/troisjs/trois.git synced 2024-11-24 04:12:02 +08:00
Code Issues Projects Releases Wiki Activity

update standard material

Browse Source
This commit is contained in:
Kevin Levron 2020-10-14 21:37:08 +02:00
parent bf8c9501f0
commit 85b7907cef
1 changed files with 23 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/materials/StandardMaterial.js
View File

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