forked from GreggJuanEduardoPH/vue-gl
-
Notifications
You must be signed in to change notification settings - Fork 0
/
vgl-box-geometry.js
40 lines (38 loc) · 1.32 KB
/
vgl-box-geometry.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
import { BoxBufferGeometry } from 'three';
import VglGeometry from '../core/vgl-geometry';
import { float, int } from '../types';
/**
* This is the quadrilateral primitive geometry component,
* corresponding [THREE.BoxGeometry](https://threejs.org/docs/index.html#api/geometries/BoxGeometry).
*
* Properties of [VglGeometry](../core/vgl-geometry) are also available as mixin.
*/
export default {
mixins: [VglGeometry],
props: {
/** Width of the sides on the X axis. */
width: { type: float, default: 1 },
/** Height of the sides on the Y axis. */
height: { type: float, default: 1 },
/** Depth of the sides on the Z axis. */
depth: { type: float, default: 1 },
/** Number of segmented faces along the width of the sides. */
widthSegments: { type: int, default: 1 },
/** Number of segmented faces along the height of the sides. */
heightSegments: { type: int, default: 1 },
/** Number of segmented faces along the depth of the sides. */
depthSegments: { type: int, default: 1 },
},
computed: {
inst() {
return new BoxBufferGeometry(
parseFloat(this.width),
parseFloat(this.height),
parseFloat(this.depth),
parseInt(this.widthSegments, 10),
parseInt(this.heightSegments, 10),
parseInt(this.depthSegments, 10),
);
},
},
};