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

refactor box

Browse Source
This commit is contained in:
Kevin Levron 2021-03-15 19:41:07 +01:00
parent 85d220f4f8
commit 98a8c01ef1
2 changed files with 24 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/geometries/BoxGeometry.js
View File

@ -1,24 +1,30 @@
import { BoxGeometry } from 'three'; import { BoxGeometry } from 'three';
import Geometry from './Geometry.js'; import Geometry from './Geometry.js';
export const props = {
size: Number,
width: { type: Number, default: 1 },
height: { type: Number, default: 1 },
depth: { type: Number, default: 1 },
widthSegments: { type: Number, default: 1 },
heightSegments: { type: Number, default: 1 },
depthSegments: { type: Number, default: 1 },
};
export function createGeometry(comp) {
if (comp.size) {
return new BoxGeometry(comp.size, comp.size, comp.size, comp.widthSegments, comp.heightSegments, comp.depthSegments);
} else {
return new BoxGeometry(comp.width, comp.height, comp.depth, comp.widthSegments, comp.heightSegments, comp.depthSegments);
}
};
export default { export default {
extends: Geometry, extends: Geometry,
props: { props,
size: Number,
width: { type: Number, default: 1 },
height: { type: Number, default: 1 },
depth: { type: Number, default: 1 },
widthSegments: { type: Number, default: 1 },
heightSegments: { type: Number, default: 1 },
depthSegments: { type: Number, default: 1 },
},
methods: { methods: {
createGeometry() { createGeometry() {
let w = this.width, h = this.height, d = this.depth; this.geometry = createGeometry(this);
if (this.size) {
w = this.size; h = this.size; d = this.size;
}
this.geometry = new BoxGeometry(w, h, d, this.widthSegments, this.heightSegments, this.depthSegments);
}, },
}, },
}; };

21
src/meshes/Box.js
View File

@ -1,22 +1,13 @@
import { BoxBufferGeometry } from 'three';
import { watch } from 'vue'; import { watch } from 'vue';
import Mesh from './Mesh.js'; import Mesh from './Mesh.js';
import { props, createGeometry } from '../geometries/BoxGeometry.js';
export default { export default {
extends: Mesh, extends: Mesh,
props: { props,
size: Number,
width: { type: Number, default: 1 },
height: { type: Number, default: 1 },
depth: { type: Number, default: 1 },
widthSegments: { type: Number, default: 1 },
heightSegments: { type: Number, default: 1 },
depthSegments: { type: Number, default: 1 },
},
created() { created() {
this.createGeometry(); this.createGeometry();
Object.keys(props).forEach(prop => {
['size', 'width', 'height', 'depth', 'widthSegments', 'heightSegments', 'depthSegments'].forEach(prop => {
watch(() => this[prop], () => { watch(() => this[prop], () => {
this.refreshGeometry(); this.refreshGeometry();
}); });
@ -24,11 +15,7 @@ export default {
}, },
methods: { methods: {
createGeometry() { createGeometry() {
if (this.size) { this.geometry = createGeometry(this);
this.geometry = new BoxBufferGeometry(this.size, this.size, this.size);
} else {
this.geometry = new BoxBufferGeometry(this.width, this.height, this.depth);
}
}, },
}, },
__hmrId: 'Box', __hmrId: 'Box',