forked from GreggJuanEduardoPH/vue-gl
-
Notifications
You must be signed in to change notification settings - Fork 0
/
vgl-grid-helper.js
36 lines (34 loc) · 1.04 KB
/
vgl-grid-helper.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
import { GridHelper } from 'three';
import VglObject3d from '../core/vgl-object3d';
import { float, int, color } from '../types';
/**
* A component to define grids,
* corresponding [THREE.GridHelper](https://threejs.org/docs/index.html#api/helpers/GridHelper).
* Grids are two-dimensional arrays of lines.
*
* Properties of [VglObject3d](../core/vgl-object3d) are also available as mixin.
*/
export default {
mixins: [VglObject3d],
props: {
/** The size of the grid. */
size: { type: float, default: 10 },
/** The number of divisions across the grid. */
divisions: { type: int, default: 10 },
/** The color of the centerline. */
colorCenterLine: { type: color, default: '#444444' },
/** The color of the lines of the grid. */
colorGrid: { type: color, default: '#888888' },
},
computed: {
/** The THREE.GridHelper instance. */
inst() {
return new GridHelper(
parseFloat(this.size),
parseInt(this.divisions, 10),
this.colorCenterLine,
this.colorGrid,
);
},
},
};