@bigmistqke/view.gl 0.1.1 → 0.1.3

package/dev/dist/assets/index-0qrXMlfv.js

@@ -0,0 +1,109 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/bezier-DuLTb2d1.js","assets/tag-C_bg62fD.js","assets/utils-CvCgsM08.js","assets/game_of_life-D7qHdFcv.js","assets/grid-Ie22U_9K.js","assets/overview-DAxtMIw5.js","assets/pix_sim-DIhzM_vu.js","assets/symbol-BouRL-Ni.js","assets/tetris-IMnkSi9p.js"])))=>i.map(i=>d[i]);
+import { c as createElement } from './utils-CvCgsM08.js';
+
+const scriptRel = 'modulepreload';const assetsURL = function(dep) { return "/"+dep };const seen = {};const __vitePreload = function preload(baseModule, deps, importerUrl) {
+	let promise = Promise.resolve();
+	if (true               && deps && deps.length > 0) {
+		document.getElementsByTagName("link");
+		const cspNonceMeta = document.querySelector("meta[property=csp-nonce]");
+		const cspNonce = cspNonceMeta?.nonce || cspNonceMeta?.getAttribute("nonce");
+		function allSettled(promises$2) {
+			return Promise.all(promises$2.map((p$1) => Promise.resolve(p$1).then((value$1) => ({
+				status: "fulfilled",
+				value: value$1
+			}), (reason) => ({
+				status: "rejected",
+				reason
+			}))));
+		}
+		promise = allSettled(deps.map((dep) => {
+			dep = assetsURL(dep);
+			if (dep in seen) return;
+			seen[dep] = true;
+			const isCss = dep.endsWith(".css");
+			const cssSelector = isCss ? "[rel=\"stylesheet\"]" : "";
+			if (document.querySelector(`link[href="${dep}"]${cssSelector}`)) return;
+			const link = document.createElement("link");
+			link.rel = isCss ? "stylesheet" : scriptRel;
+			if (!isCss) link.as = "script";
+			link.crossOrigin = "";
+			link.href = dep;
+			if (cspNonce) link.setAttribute("nonce", cspNonce);
+			document.head.appendChild(link);
+			if (isCss) return new Promise((res, rej) => {
+				link.addEventListener("load", res);
+				link.addEventListener("error", () => rej(/* @__PURE__ */ new Error(`Unable to preload CSS for ${dep}`)));
+			});
+		}));
+	}
+	function handlePreloadError(err$2) {
+		const e$1 = new Event("vite:preloadError", { cancelable: true });
+		e$1.payload = err$2;
+		window.dispatchEvent(e$1);
+		if (!e$1.defaultPrevented) throw err$2;
+	}
+	return promise.then((res) => {
+		for (const item of res || []) {
+			if (item.status !== "rejected") continue;
+			handlePreloadError(item.reason);
+		}
+		return baseModule().catch(handlePreloadError);
+	});
+};
+
+const css = "/assets/index-C2N3u8wj.css";
+
+const iframe = document.querySelector("iframe");
+const nav = document.querySelector("nav");
+createElement("h3", { innerText: "Examples", parentElement: nav });
+const urls = Object.fromEntries(
+  Object.entries(/* #__PURE__ */ Object.assign({"./examples/bezier.ts": () => __vitePreload(() => import('./bezier-DuLTb2d1.js'),true              ?__vite__mapDeps([0,1,2]):void 0),"./examples/game_of_life.ts": () => __vitePreload(() => import('./game_of_life-D7qHdFcv.js'),true              ?__vite__mapDeps([3,1]):void 0),"./examples/grid.ts": () => __vitePreload(() => import('./grid-Ie22U_9K.js'),true              ?__vite__mapDeps([4,1,2]):void 0),"./examples/overview.ts": () => __vitePreload(() => import('./overview-DAxtMIw5.js'),true              ?__vite__mapDeps([5,1]):void 0),"./examples/pix_sim.ts": () => __vitePreload(() => import('./pix_sim-DIhzM_vu.js'),true              ?__vite__mapDeps([6,1,2]):void 0),"./examples/symbol.ts": () => __vitePreload(() => import('./symbol-BouRL-Ni.js'),true              ?__vite__mapDeps([7,1,2]):void 0),"./examples/tetris.ts": () => __vitePreload(() => import('./tetris-IMnkSi9p.js'),true              ?__vite__mapDeps([8,1]):void 0)})).map(([key, entry]) => {
+    const name = key.split("/").pop().replace(".ts", "");
+    const chunk = entry.toString().match(/import\(['"]([^'"]+)['"]/)[1];
+    return [name, chunk];
+  })
+);
+Object.entries(urls).forEach(([name, localUrl]) => {
+  createElement("button", {
+    onclick(event) {
+      event.preventDefault();
+      load(name, localUrl);
+    },
+    innerHTML: name,
+    parentElement: nav,
+    "data-route": name
+  });
+});
+function load(name, url) {
+  window.location.hash = name;
+  URL.revokeObjectURL(iframe.src);
+  nav.querySelectorAll("button").forEach((button) => {
+    if (button.getAttribute("data-route") === name) {
+      button.classList.add("active");
+    } else {
+      button.classList.remove("active");
+    }
+  });
+  iframe.src = URL.createObjectURL(
+    new Blob(
+      [
+        `<head>
+<link rel="stylesheet" href="${new URL(css, import.meta.url).href}"></link>
+<script type="module" src="${new URL(url, import.meta.url).href}"><\/script></head>`
+      ],
+      {
+        type: "text/html"
+      }
+    )
+  );
+}
+const hash = window.location.hash.slice(1);
+if (hash && hash in urls) {
+  load(hash, urls[hash]);
+}
+window.addEventListener("hashchange", () => {
+  const hash2 = window.location.hash.slice(1);
+  if (hash2 && hash2 in urls) {
+    load(hash2, urls[hash2]);
+  }
+});

package/dev/dist/assets/index-C2N3u8wj.css

@@ -0,0 +1,12 @@
+body {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: 0px;
+  height: 100%;
+  overscroll-behavior-y: none;
+}
+canvas {
+  margin: auto;
+  image-rendering: pixelated;
+}

package/dev/dist/assets/main-BZ1N6pp6.js

@@ -0,0 +1,32 @@
+import './index-0qrXMlfv.js';
+import './utils-CvCgsM08.js';
+
+true              &&(function polyfill() {
+	const relList = document.createElement("link").relList;
+	if (relList && relList.supports && relList.supports("modulepreload")) return;
+	for (const link of document.querySelectorAll("link[rel=\"modulepreload\"]")) processPreload(link);
+	new MutationObserver((mutations) => {
+		for (const mutation of mutations) {
+			if (mutation.type !== "childList") continue;
+			for (const node of mutation.addedNodes) if (node.tagName === "LINK" && node.rel === "modulepreload") processPreload(node);
+		}
+	}).observe(document, {
+		childList: true,
+		subtree: true
+	});
+	function getFetchOpts(link) {
+		const fetchOpts = {};
+		if (link.integrity) fetchOpts.integrity = link.integrity;
+		if (link.referrerPolicy) fetchOpts.referrerPolicy = link.referrerPolicy;
+		if (link.crossOrigin === "use-credentials") fetchOpts.credentials = "include";
+		else if (link.crossOrigin === "anonymous") fetchOpts.credentials = "omit";
+		else fetchOpts.credentials = "same-origin";
+		return fetchOpts;
+	}
+	function processPreload(link) {
+		if (link.ep) return;
+		link.ep = true;
+		const fetchOpts = getFetchOpts(link);
+		fetch(link.href, fetchOpts);
+	}
+}());

package/dev/dist/assets/overview-DAxtMIw5.js

@@ -0,0 +1,78 @@
+import { i as interleave, a as attribute, u as uniform, g as glsl, c as compile, v as view } from './tag-C_bg62fD.js';
+
+const canvas = document.createElement("canvas");
+canvas.width = 800;
+canvas.height = 600;
+document.body.append(canvas);
+const gl = canvas.getContext("webgl2");
+gl.viewport(0, 0, canvas.width, canvas.height);
+const vertex = glsl`
+precision mediump float;
+
+${interleave("instancedData", [attribute.vec2("a_pos"), attribute.vec3("a_color")], {
+  instanced: true
+})}
+${attribute.vec2("a_vertex")}
+${uniform.float("u_time")}
+
+varying vec3 v_color;
+
+void main() {
+  float s = sin(u_time);
+  float c = cos(u_time);
+  mat2 rotation = mat2(
+    c, -s,
+    s,  c
+  );
+  vec2 position = a_pos + a_vertex * rotation;
+  gl_Position = vec4(position, 0.0,  1.0);
+
+  v_color = a_color;
+}`;
+const fragment = glsl`
+precision mediump float;
+
+varying vec3 v_color;
+
+void main() {
+  gl_FragColor = vec4(v_color, 1.0);
+}`;
+const { program, schema } = compile(gl, vertex, fragment);
+const {
+  attributes: { a_vertex },
+  uniforms: { u_time },
+  interleavedAttributes: { instancedData }
+} = view(gl, program, schema);
+instancedData.set(
+  new Float32Array(
+    function* () {
+      for (let i = 0; i < 100; i++) {
+        yield (Math.random() - 0.5) * 2;
+        yield (Math.random() - 0.5) * 2;
+        yield Math.random();
+        yield Math.random();
+        yield Math.random();
+      }
+    }()
+  )
+);
+instancedData.bind();
+a_vertex.set(
+  new Float32Array([
+    // top
+    0,
+    1,
+    // bottom left
+    -1,
+    -1,
+    // bottom right
+    1,
+    -1
+  ])
+).bind();
+gl.useProgram(program);
+requestAnimationFrame(function draw(delta) {
+  requestAnimationFrame(draw);
+  u_time.set(delta / 1e3);
+  gl.drawArraysInstanced(gl.TRIANGLES, 0, 3, 100);
+});