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 phong & standard

Browse Source
This commit is contained in:
Kevin Levron 2020-10-04 10:22:26 +02:00
parent 864adc1379
commit 92c419040e
2 changed files with 22 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/materials/PhongMaterial.js
View File

@ -1,13 +1,33 @@
import { MeshPhongMaterial } from 'three';
import { watch } from 'vue';
import { propsValues } from '../tools.js';
import Material from './Material';
export default {
extends: Material,
props: {
emissive: { type: [Number, String], default: 0 },
emissiveIntensity: { type: Number, default: 1 },
reflectivity: { type: Number, default: 1 },
shininess: { type: Number, default: 30 },
specular: { type: [String, Number], default: 0x111111 },
},
methods: {
createMaterial() {
console.log(this.$props);
this.material = new MeshPhongMaterial(propsValues(this.$props, ['id']));
},
addWatchers() {
['emissive', 'emissiveIntensity', 'reflectivity', 'shininess', 'specular'].forEach(p => {
watch(() => this[p], (value) => {
if (p === 'emissive' || p === 'specular') {
this.material[p].set(value);
} else {
this.material[p] = value;
}
});
});
},
},
__hmrId: 'PhongMaterial',
};

4
src/materials/StandardMaterial.js
View File

@ -1,4 +1,4 @@
import { Color, MeshStandardMaterial } from 'three';
import { MeshStandardMaterial } from 'three';
import { watch } from 'vue';
import { propsValues } from '../tools.js';
import Material from './Material';
@ -19,7 +19,7 @@ export default {
['emissive', 'emissiveIntensity', 'metalness', 'roughness'].forEach(p => {
watch(() => this[p], (value) => {
if (p === 'emissive') {
this.material.emissive = new Color(value);
this.material[p].set(value);
} else {
this.material[p] = value;
}