From 4b7b53fd862a6057c5cb4b1e69867627979c7728 Mon Sep 17 00:00:00 2001
From: Brendan Hansen <brendan.f.hansen@gmail.com>
Date: Thu, 22 Apr 2021 11:02:36 -0500
Subject: [PATCH] basics of rendering the world texture

---
 lib/immediate_renderer.onyx |  22 ++++++++++++++++++----
 site/js/webgl2.js           |   2 +-
 site/sand_toy.wasm          | Bin 31706 -> 32468 bytes
 src/sand_toy.onyx           |  31 ++++++++++++++++++++++++++++---
 4 files changed, 47 insertions(+), 8 deletions(-)

diff --git a/lib/immediate_renderer.onyx b/lib/immediate_renderer.onyx
index e37a0ca..470a16c 100644
--- a/lib/immediate_renderer.onyx
+++ b/lib/immediate_renderer.onyx
@@ -111,10 +111,10 @@ Immediate_Renderer :: struct {
     push_vertex :: proc {
         // If a color is not provided, the previous color is used.
         (use ir: ^Immediate_Renderer, position: Vector2) {
-            push_vertex(ir, position, color = verticies[vertex_count - 1].color);
+            push_vertex(ir, position, texture = .{ 0, 0 }, color = verticies[vertex_count - 1].color);
         },
 
-        (use ir: ^Immediate_Renderer, position: Vector2, color: Color4) {
+        (use ir: ^Immediate_Renderer, position: Vector2, color: Color4, texture: Vector2 = .{0,0}) {
             if vertex_count >= verticies.count do ir->flush();
 
             vertex_ptr := ^verticies[vertex_count];
@@ -122,7 +122,7 @@ Immediate_Renderer :: struct {
 
             vertex_ptr.position = position;
             vertex_ptr.color = color;
-            vertex_ptr.texture = .{ 0, 0 };
+            vertex_ptr.texture = texture;
         },
     }
 
@@ -136,7 +136,17 @@ Immediate_Renderer :: struct {
         push_vertex(ir, .{ position.x,          position.y + size.y });
     }
 
-    // NOTE: Calling set_texture without a paramter will disabled textured rendering.
+    textured_quad :: (use ir: ^Immediate_Renderer, position: Vector2, size: Vector2, texture_position: Vector2, texture_size: Vector2, color: Color4 = .{1,1,1}) {
+        push_vertex(ir, .{ position.x,          position.y          }, color, .{ texture_position.x,                   texture_position.y                  });
+        push_vertex(ir, .{ position.x + size.x, position.y          }, color, .{ texture_position.x + texture_size.x,  texture_position.y                  });
+        push_vertex(ir, .{ position.x + size.x, position.y + size.y }, color, .{ texture_position.x + texture_size.x,  texture_position.y + texture_size.y });
+
+        push_vertex(ir, .{ position.x,          position.y          }, color, .{ texture_position.x,                   texture_position.y                  });
+        push_vertex(ir, .{ position.x + size.x, position.y + size.y }, color, .{ texture_position.x + texture_size.x,  texture_position.y + texture_size.y });
+        push_vertex(ir, .{ position.x,          position.y + size.y }, color, .{ texture_position.x,                   texture_position.y + texture_size.y });
+    }
+
+    // NOTE: Calling set_texture without a parameter will disable textured rendering.
     set_texture :: (use ir: ^Immediate_Renderer, texture_id: i32 = -1) {
         if vertex_count > 0 do flush(ir);
 
@@ -174,6 +184,10 @@ immediate_quad :: (position: Vector2, size: Vector2, color: Color4 = .{1,1,1}) {
     immediate_renderer->quad(position, size, color);
 }
 
+immediate_textured_quad :: (position: Vector2, size: Vector2, texture_position: Vector2, texture_size: Vector2, color: Color4 = .{1,1,1}) {
+    immediate_renderer->textured_quad(position, size, texture_position, texture_size, color);
+}
+
 immediate_flush :: () do immediate_renderer->flush();
 
 immediate_set_texture :: (texture_id: i32 = -1) do immediate_renderer->set_texture(texture_id);
diff --git a/site/js/webgl2.js b/site/js/webgl2.js
index 61d565a..bd53399 100644
--- a/site/js/webgl2.js
+++ b/site/js/webgl2.js
@@ -249,7 +249,7 @@ window.ONYX_MODULES.push({
     stencilOp(fail, zfail, mask) { gl.stencilOp(fail, zfail, mask); },
     stencilOpSeparate(face, fail, zfail, zpass) { gl.stencilOpSeparate(face, fail, zfail, zpass); },
     texImage2D(target, level, internalforamt, width, height, border, format, type, pixels, pixelslen) {
-        const data = new DataView(window.ONYX_MEMORY.buffer, pixels, pixelslen);
+        const data = new Uint8Array(window.ONYX_MEMORY.buffer, pixels, pixelslen);
         gl.texImage2D(target, level, internalforamt, width, height, border, format, type, data);
     },
     texParameterf(target, pname, param) { gl.texParameterf(target, pname, param); },
diff --git a/site/sand_toy.wasm b/site/sand_toy.wasm
index ed634df6c1f57a6b6bf3f6c377235f4bbfa24dbe..ad6c39bad00b1cfb75777e5912e18f5a93c6d4c0 100644
GIT binary patch
delta 10046
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

delta 9007
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
NMJWe!;NF8X{|4XH(J%l2

diff --git a/src/sand_toy.onyx b/src/sand_toy.onyx
index 62134b0..aa75920 100644
--- a/src/sand_toy.onyx
+++ b/src/sand_toy.onyx
@@ -3,10 +3,28 @@ use package core
 #private_file events :: package js_events
 #private_file gl     :: package gl
 
+
+world_texture : gl.GLTexture
+world_texture_data : [] u8
+world_width := 256
+world_height := 256
+
 init :: () {
     events.init();
 
     gl.init("simulation-canvas"); 
+
+    world_texture = gl.createTexture();
+    world_texture_data = memory.make_slice(u8, world_width * world_height * 3);
+
+    gl.bindTexture(gl.TEXTURE_2D, world_texture); 
+    gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGB, world_width, world_height, 0, gl.RGB, gl.UNSIGNED_BYTE, world_texture_data);
+    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
+    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);
+    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
+    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
+    gl.bindTexture(gl.TEXTURE_2D, -1);
+
     imgui.immediate_renderer_init();
 }
 
@@ -36,18 +54,25 @@ poll_events :: () {
 }
 
 update :: () {
+    world_texture_data[(100 * world_width + 50) * 3 + 0] = 255;
+    world_texture_data[(100 * world_width + 50) * 3 + 2] = 255;
 }
 
 draw :: () {
     gl.clearColor(0, 0, 0, 1);
     gl.clear(gl.COLOR_BUFFER_BIT);
 
-    use imgui;
+    use imgui { immediate_set_texture, immediate_textured_quad, immediate_flush };
 
-    immediate_set_texture();
-    immediate_quad(.{ -1, -1 }, .{ 2, 2 }, color=.{ 1, 0, 0 });
+    gl.bindTexture(gl.TEXTURE_2D, world_texture);
+    gl.texSubImage2D(gl.TEXTURE_2D, 0, 0, 0, world_width, world_height, gl.RGB, gl.UNSIGNED_BYTE, world_texture_data);
+    
+    immediate_set_texture(0);
+    immediate_textured_quad(.{ -1, -1 }, .{ 2, 2 }, .{ 0, 0 }, .{ 1, 1 }, color=.{ 1, 1, 1 });
 
     immediate_flush();
+
+    gl.bindTexture(gl.TEXTURE_2D, -1);
 }
 
 loop :: () -> void #export {
-- 
2.25.1