1
0
mirror of https://github.com/troisjs/trois.git synced 2024-11-24 04:12:02 +08:00
This commit is contained in:
Kevin Levron 2020-10-03 11:15:52 +02:00
parent 3ecaaad06a
commit 440a854417
2 changed files with 24 additions and 17 deletions

View File

@ -5,7 +5,7 @@ import Mesh from './Mesh.js';
export default {
extends: Mesh,
props: {
size: { type: Number },
size: Number,
width: { type: Number, default: 1 },
height: { type: Number, default: 1 },
depth: { type: Number, default: 1 },

View File

@ -22,27 +22,34 @@ export default {
}
},
mounted() {
this.mesh = new InstancedMesh(this.geometry, this.three.materials[this.materialId], this.count);
useBindProp(this, 'position', this.mesh.position);
useBindProp(this, 'rotation', this.mesh.rotation);
useBindProp(this, 'scale', this.mesh.scale);
['castShadow', 'receiveShadow'].forEach(p => {
this.mesh[p] = this[p];
watch(() => this[p], () => { this.mesh[p] = this[p]; });
});
// watch(() => this.materialId, () => {
// this.mesh.material = this.three.materials[this.materialId];
// });
this.scene.add(this.mesh);
this.initMesh();
},
unmounted() {
this.scene.remove(this.mesh);
},
methods: {
initMesh() {
if (!this.material && this.materialId) {
this.material = this.three.materials[this.materialId];
}
this.mesh = new InstancedMesh(this.geometry, this.material, this.count);
useBindProp(this, 'position', this.mesh.position);
useBindProp(this, 'rotation', this.mesh.rotation);
useBindProp(this, 'scale', this.mesh.scale);
['castShadow', 'receiveShadow'].forEach(p => {
this.mesh[p] = this[p];
watch(() => this[p], () => { this.mesh[p] = this[p]; });
});
// watch(() => this.materialId, () => {
// this.mesh.material = this.three.materials[this.materialId];
// });
this.scene.add(this.mesh);
},
setGeometry(geometry) {
this.geometry = geometry;
if (this.mesh) this.mesh.geometry = geometry;