LabyStudio
71 lines
2.0 KiB
JavaScript
71 lines
2.0 KiB
JavaScript
window.Tessellator = class {
|
|
|
|
constructor() {
|
|
this.material = new THREE.MeshBasicMaterial({
|
|
vertexColors: THREE.VertexColors,
|
|
side: THREE.BackSide,
|
|
transparent: true,
|
|
depthTest: true
|
|
});
|
|
}
|
|
|
|
bindTexture(texture) {
|
|
this.material.map = texture;
|
|
}
|
|
|
|
startDrawing() {
|
|
this.addedVertices = 0;
|
|
this.vertices = [];
|
|
this.uv = [];
|
|
this.colors = [];
|
|
}
|
|
|
|
setColor(red, green, blue) {
|
|
this.red = red;
|
|
this.green = green;
|
|
this.blue = blue;
|
|
}
|
|
|
|
addVertexWithUV(x, y, z, u, v) {
|
|
this.addedVertices++;
|
|
|
|
// Add vertex
|
|
this.vertices.push(x);
|
|
this.vertices.push(y);
|
|
this.vertices.push(z);
|
|
|
|
// Add UV
|
|
this.uv.push(u);
|
|
this.uv.push(v);
|
|
|
|
// Add colors
|
|
this.colors.push(this.red);
|
|
this.colors.push(this.green);
|
|
this.colors.push(this.blue);
|
|
}
|
|
|
|
draw(group) {
|
|
let geometry = new THREE.BufferGeometry();
|
|
geometry.setAttribute('position', new THREE.BufferAttribute(new Float32Array(this.vertices), 3));
|
|
geometry.setAttribute('color', new THREE.BufferAttribute(new Float32Array(this.colors), 3));
|
|
geometry.setAttribute('uv', new THREE.BufferAttribute(new Float32Array(this.uv), 2));
|
|
|
|
// Create index array
|
|
let index = [];
|
|
let verticesPerFace = 4;
|
|
for (let i = 0; i < this.addedVertices / verticesPerFace; i++) {
|
|
index.push(i * verticesPerFace + 0);
|
|
index.push(i * verticesPerFace + 2);
|
|
index.push(i * verticesPerFace + 1);
|
|
index.push(i * verticesPerFace + 0);
|
|
index.push(i * verticesPerFace + 3);
|
|
index.push(i * verticesPerFace + 2);
|
|
}
|
|
geometry.setIndex(new THREE.BufferAttribute(new Uint32Array(index), 1));
|
|
|
|
let mesh = new THREE.Mesh(geometry, this.material);
|
|
group.matrixAutoUpdate = false;
|
|
group.add(mesh);
|
|
}
|
|
|
|
} |