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

cone

Browse Source
This commit is contained in:
Kevin Levron 2021-03-15 19:58:28 +01:00
parent 3ed539553a
commit 680e5a7d49
2 changed files with 21 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/geometries/ConeGeometry.js
View File

@ -1,9 +1,7 @@
import { ConeGeometry } from 'three'; import { ConeGeometry } from 'three';
import Geometry from './Geometry.js'; import Geometry from './Geometry.js';
export default { export const props = {
extends: Geometry,
props: {
radius: { type: Number, default: 1 }, radius: { type: Number, default: 1 },
height: { type: Number, default: 1 }, height: { type: Number, default: 1 },
radialSegments: { type: Number, default: 8 }, radialSegments: { type: Number, default: 8 },
@ -11,10 +9,19 @@ export default {
openEnded: { type: Boolean, default: false }, openEnded: { type: Boolean, default: false },
thetaStart: { type: Number, default: 0 }, thetaStart: { type: Number, default: 0 },
thetaLength: { type: Number, default: Math.PI * 2 }, thetaLength: { type: Number, default: Math.PI * 2 },
}, };
export function createGeometry(comp) {
return new ConeGeometry(comp.radius, comp.height, comp.radialSegments, comp.heightSegments, comp.openEnded, comp.thetaStart, comp.thetaLength);
};
export default {
extends: Geometry,
props,
methods: { methods: {
createGeometry() { createGeometry() {
this.geometry = new ConeGeometry(this.radius, this.height, this.radialSegments, this.heightSegments, this.openEnded, this.thetaStart, this.thetaLength); this.geometry = createGeometry(this);
}, },
}, },
}; };

23
src/meshes/Cone.js
View File

@ -1,31 +1,16 @@
import { ConeBufferGeometry } from 'three';
import { watch } from 'vue';
import Mesh from './Mesh.js'; import Mesh from './Mesh.js';
import { props, createGeometry } from '../geometries/ConeGeometry.js';
export default { export default {
extends: Mesh, extends: Mesh,
props: { props,
radius: { type: Number, default: 1 },
height: { type: Number, default: 1 },
radialSegments: { type: Number, default: 8 },
heightSegments: { type: Number, default: 1 },
openEnded: { type: Boolean, default: false },
thetaStart: { type: Number, default: 0 },
thetaLength: { type: Number, default: Math.PI * 2 },
},
created() { created() {
this.createGeometry(); this.createGeometry();
this.addGeometryWatchers(props);
const watchProps = ['radius', 'height', 'radialSegments', 'heightSegments', 'openEnded', 'thetaStart', 'thetaLength'];
watchProps.forEach(prop => {
watch(() => this[prop], () => {
this.refreshGeometry();
});
});
}, },
methods: { methods: {
createGeometry() { createGeometry() {
this.geometry = new ConeBufferGeometry(this.radius, this.height, this.radialSegments, this.heightSegments, this.openEnded, this.thetaStart, this.thetaLength); this.geometry = createGeometry(this);
}, },
}, },
__hmrId: 'Cone', __hmrId: 'Cone',