nevermind, statics don't rly suck

2023-10-03 00:20:39 -04:00 · 2023-10-03 00:20:39 -04:00 · 428246706f
commit 428246706f
parent adc3a38395
13 changed files with 532 additions and 5 deletions
--- a/html/001-platform-provenance/index.html
+++ b/html/001-platform-provenance/index.html
@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<meta charset="utf-8" />
+<title>com.mekanoe.art // 001-platform-provenance</title>
+<style>
+  html,
+  body {
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+    background-color: black;
+    color: white;
+  }
+  main {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+  }
+</style>
+<link rel="stylesheet" href="work.css" />
+<main>
+  <canvas id="canvas" width="1280" height="720"></canvas>
+  <div id="telemetry">XX.X FPS (XX.X ms)</div>
+</main>
+<script
+  src="https://cdnjs.cloudflare.com/ajax/libs/gl-matrix/3.4.2/gl-matrix-min.min.js"
+  integrity="sha512-cR3oS5mKRWD+38vYi1CNJk1DLpi104ovuQBuVv9p7nNxeqzSNiHzlboK2BZQybmpTi1QNnQ5unYajpURcMjeZQ=="
+  crossorigin="anonymous"
+  referrerpolicy="no-referrer"
+></script>
+<script src="/001-platform-provenance/main.js" type="module"></script>
--- a/html/001-platform-provenance/main.js
+++ b/html/001-platform-provenance/main.js
@ -0,0 +1,62 @@
+import {
+App,
+BasicPlane,
+Shader
+} from "../chunk-2775206da9dea9ea.js";
+
+// src/001-platform-provenance/main.ts
+var app2 = new App({ fov: 20 });
+var gl = app2.gl;
+var shader2 = new Shader(app2).attach(gl.VERTEX_SHADER, `
+      attribute vec4 aVertexPosition;
+      attribute vec2 aTextureCoord;
+      
+      uniform mat4 uModelViewMatrix;
+      uniform mat4 uProjectionMatrix;
+
+      varying highp vec2 vTextureCoord;
+      
+      void main() {
+        gl_Position = uProjectionMatrix * uModelViewMatrix * aVertexPosition;
+        vTextureCoord = aTextureCoord;
+      }
+    `).attach(gl.FRAGMENT_SHADER, `
+      precision highp float;
+
+      uniform float uTime;
+      uniform float uSinTime;
+      uniform float uCosTime;
+
+      varying highp vec2 vTextureCoord;
+
+      vec3 rgb2hsv(vec3 c) {
+        vec4 K = vec4(0.0, -1.0 / 3.0, 2.0 / 3.0, -1.0);
+        vec4 p = mix(vec4(c.bg, K.wz), vec4(c.gb, K.xy), step(c.b, c.g));
+        vec4 q = mix(vec4(p.xyw, c.r), vec4(c.r, p.yzx), step(p.x, c.r));
+
+        float d = q.x - min(q.w, q.y);
+        float e = 1.0e-10;
+        return vec3(abs(q.z + (q.w - q.y) / (6.0 * d + e)), d / (q.x + e), q.x);
+      }
+
+      vec3 hsv2rgb(vec3 c) {
+        vec4 K = vec4(1.0, 2.0 / 3.0, 1.0 / 3.0, 3.0);
+        vec3 p = abs(fract(c.xxx + K.xyz) * 6.0 - K.www);
+        return c.z * mix(K.xxx, clamp(p - K.xxx, 0.0, 1.0), c.y);
+      }
+
+      void main() {
+        float zComponent = uSinTime * 0.001 * 0.5 + 0.5;
+        vec3 hsv = rgb2hsv(vec3(vTextureCoord, zComponent));
+        hsv.x += uTime * 0.0001;
+        hsv.y = 1.0;
+        hsv.z = 1.0;
+        vec3 rgb = hsv2rgb(hsv);
+
+        gl_FragColor = vec4(rgb, 1.0);
+        gl_FragColor = clamp(gl_FragColor, 0.0, 1.0);
+      }
+    `).link();
+var plane = new BasicPlane(app2);
+plane.attachShader(shader2);
+app2.loop();