eric/matrix
1
0
Fork 0
mirror of https://github.com/Rezmason/matrix.git synced 2026-04-21 23:39:29 -07:00
Code Issues Packages Projects Releases Wiki Activity

Code intended to leverage imports in the load functions.

Browse Source
This commit is contained in:
Rezmason
2025-05-20 07:59:20 -07:00
parent f61a4e29c9
commit 658f07c6ab
4 changed files with 31 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
js/regl/main.js
View File

@@ -59,7 +59,7 @@ export const init = async (canvas) => {
]; ];
const regl = createREGL({ canvas, pixelRatio: 1, extensions, optionalExtensions }); const regl = createREGL({ canvas, pixelRatio: 1, extensions, optionalExtensions });
const cache = new Map(); const cache = new Map(inclusions);
const rain = { canvas, resize, doubleClick, cache, regl, resolution: 1 }; const rain = { canvas, resize, doubleClick, cache, regl, resolution: 1 };
window.addEventListener("dblclick", doubleClick); window.addEventListener("dblclick", doubleClick);

16
js/regl/utils.js
View File

@@ -59,7 +59,13 @@ const loadImage = (cache, regl, url, mipmap) => {
if (url != null) { if (url != null) {
const data = new Image(); const data = new Image();
data.crossOrigin = "anonymous"; data.crossOrigin = "anonymous";
data.src = url; let imageURL;
if (typeof cache.get(`import::${url}`) === "function") {
imageURL = (await cache.get(`import::${url}`)()).default;
} else {
imageURL = url;
}
data.src = imageURL;
await data.decode(); await data.decode();
loaded = true; loaded = true;
if (mipmap) { if (mipmap) {
@@ -97,7 +103,13 @@ const loadText = (cache, url) => {
}, },
loaded: (async () => { loaded: (async () => {
if (url != null) { if (url != null) {
text = await (await fetch(url)).text(); let textURL;
if (typeof cache.get(`import::${url}`) === "function") {
textURL = (await cache.get(`import::${url}`)()).default;
} else {
textURL = url;
}
text = await (await fetch(textURL)).text();
loaded = true; loaded = true;
} }
})(), })(),

2
js/webgpu/main.js
View File

@@ -56,7 +56,7 @@ export const init = async (canvas) => {
const adapter = await navigator.gpu.requestAdapter(); const adapter = await navigator.gpu.requestAdapter();
const device = await adapter.requestDevice(); const device = await adapter.requestDevice();
const cache = new Map(); const cache = new Map(inclusions);
const rain = { const rain = {
canvas, canvas,
resize, resize,

17
js/webgpu/utils.js
View File

@@ -16,7 +16,14 @@ const loadTexture = async (device, cache, url) => {
GPUTextureUsage.RENDER_ATTACHMENT, GPUTextureUsage.RENDER_ATTACHMENT,
}); });
} else { } else {
const response = await fetch(url); let imageURL;
if (typeof cache.get(`import::${url}`) === "function") {
imageURL = (await cache.get(`import::${url}`)()).default;
} else {
imageURL = url;
}
const response = await fetch(imageURL);
const data = await response.blob(); const data = await response.blob();
const source = await createImageBitmap(data); const source = await createImageBitmap(data);
const size = [source.width, source.height, 1]; const size = [source.width, source.height, 1];
@@ -67,7 +74,13 @@ const loadShader = async (device, cache, url) => {
if (cache.has(key)) { if (cache.has(key)) {
return cache.get(key); return cache.get(key);
} }
const response = await fetch(url); let textURL;
if (typeof cache.get(`import::${url}`) === "function") {
textURL = (await cache.get(`import::${url}`)()).default;
} else {
textURL = url;
}
const response = await fetch(textURL);
const code = await response.text(); const code = await response.text();
return { return {
code, code,