Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 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 | import { CylinderGeometry, MeshBasicMaterial } from "three";
import Element from "../Element";
import { ENTITY_TYPES } from "../constants";
import Color from "../../lib/Color";
export default class Cylinder extends Element {
constructor(
radiusTop = 10,
radiusBottom = 10,
height = 10,
color = Color.randomColor(true),
options = {},
) {
const segments = 32;
super({
radiusTop,
radiusBottom,
height,
color,
...options,
});
this.radiusTop = radiusTop;
this.radiusBottom = radiusBottom;
this.height = height;
this.color = color;
const geometry = new CylinderGeometry(radiusTop, radiusBottom, height, segments);
const material = new MeshBasicMaterial({
color,
wireframe: false,
...options,
});
this.setBody({ geometry, material });
this.setEntityType(ENTITY_TYPES.MESH.TYPE);
this.setEntitySubtype(ENTITY_TYPES.MESH.SUBTYPES.CYLINDER);
}
toJSON(parseJSON = false) {
if (this.isSerializable()) {
return {
...super.toJSON(parseJSON),
radiusTop: this.radiusTop,
radiusBottom: this.radiusBottom,
height: this.height,
color: this.color,
};
}
}
static create(data = {}) {
const { radiusTop, radiusBottom, height, color, options } = data;
return new Cylinder(radiusTop, radiusBottom, height, color, options);
}
}
|