Mesh chunks

client/systems/rendering/dimension.ts

@@ -2,15 +2,33 @@ import { get_sprite_region } from "$/common/utils.ts";
 import { Chunk, CHUNK_SIDE_SIZE, Dimension } from "$/client/components/dimension.ts";
 import { TEXTURE_SIZE } from "$/common/constants.ts";
 import { EverythingRegistry, TileRegistry } from "$/common/everything_registry.ts";
-import { push_cube } from "$/client/renderer/mod.ts";
+import { flush_buffer, gl, push_cube_to_mesh, set_current_texture } from "$/client/renderer/mod.ts";
 
 export function render_dimension(dimension: Dimension /*, camera: Camera*/) {
+	set_current_texture(dimension.image.tex);
 	for (const chunk of dimension.chunks) {
-		render_chunk(chunk, dimension);
+		if (chunk.dirty) {
+			if (chunk.vertexBuffer) {
+				gl.deleteBuffer(chunk.vertexBuffer);
+			}
+			chunk.dirty = false;
+			make_chunk_mesh(chunk, dimension);
+		}
+		render_chunk(chunk);
 	}
 }
 
-function render_chunk(chunk: Chunk, dimension: Dimension) {
+function render_chunk(chunk: Chunk) {
+	if (!chunk.vertexBuffer || !chunk.vertexCount) {
+		return;
+	}
+
+	flush_buffer(chunk.vertexBuffer, chunk.vertexCount);
+}
+
+function make_chunk_mesh(chunk: Chunk, dimension: Dimension) {
+	const vertices: number[] = [];
+	let count = 0;
 	const blocks_registry = EverythingRegistry.get_registry<TileRegistry>("blocks");
 	for (let i = 0; i < chunk.blocks.length; i += 1) {
 		const block_nid = chunk.blocks[i];
@@ -40,7 +58,9 @@ function render_chunk(chunk: Chunk, dimension: Dimension) {
 
 		const region = get_sprite_region(texture_id);
 
-		push_cube(
+		count = push_cube_to_mesh(
+			vertices,
+			count,
 			dimension.image,
 			wx,
 			y,
@@ -64,4 +84,14 @@ function render_chunk(chunk: Chunk, dimension: Dimension) {
 			bottom,
 		);
 	}
+
+	chunk.vertexBuffer = gl.createBuffer();
+	chunk.vertexCount = count / 9;
+
+	gl.bindBuffer(gl.ARRAY_BUFFER, chunk.vertexBuffer);
+	gl.bufferData(
+		gl.ARRAY_BUFFER,
+		new Float32Array(vertices),
+		gl.STATIC_DRAW,
+	);
 }