# <vgl-cylinder-geometry>
A mesh, line, or point geometry representation.
# Example Usage
<template>
<div>
<vgl-renderer antialias>
<template #scene>
<vgl-scene>
<vgl-mesh>
<template #geometry>
<vgl-cylinder-geometry
:radius-top="radiusTop"
:radius-bottom="radiusBottom"
:height="height"
/>
</template>
<template #material>
<vgl-mesh-standard-material />
</template>
</vgl-mesh>
<vgl-ambient-light color="#ffeecc" />
<vgl-directional-light
:position-y="1"
:position-z="2"
/>
</vgl-scene>
</template>
<template #camera>
<vgl-perspective-camera
position="spherical"
:position-radius="200"
:position-phi="1"
:position-theta="0.5"
rotation="lookAt"
/>
</template>
</vgl-renderer>
<aside>
<label>Top radius<input
v-model.number="radiusTop"
type="range"
></label>
<label>Bottom radius<input
v-model.number="radiusBottom"
type="range"
></label>
<label>Height<input
v-model.number="height"
type="range"
></label>
</aside>
</div>
</template>
<script>
import * as components from 'vue-gl';
export default {
components,
data: () => ({
radiusTop: 25,
radiusBottom: 25,
height: 50,
}),
};
</script>
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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
# Props
name
: string
An arbitrary name of the instance.
Defaults to [object Object]drawRangeStart
: number
The start index of drawn part in the geometry.
Defaults to [object Object]drawRangeCount
: number
The number of indices to be drawn.
Defaults to [object Object]groups
: array
An array of objects those represent index groups to be rendered in separate draw calls.
Defaults to [object Object]radiusTop
: number
The radius of the cylinder at its top.
Defaults to [object Object]radiusBottom
: number
The radius of the cylinder at its bottom.
Defaults to [object Object]height
: number
The height of the cylinder.
Defaults to [object Object]radialSegments
: number
The number of segmented faces around the circumference of the cylinder.
Defaults to [object Object]heightSegments
: number
The number of segmented faces along the height of the cylinder.
Defaults to [object Object]openEnded
: boolean
Whether ends of the cylinder are open or capped.thetaStart
: number
The start angle for the first segment.
Defaults to [object Object]thetaLength
: number
The central angle of the circular sector.
Defaults to [object Object]
# Slots
Any
Each attribute in a named slot will be added to the geometry with the same name as the slot.