feat: add Electrobun WGPU prototype (Dawn GPU on Linux confirmed)
This commit is contained in:
Hibryda
parent
14a3dbd096
commit
1f20fc460e
17 changed files with 233127 additions and 0 deletions
18
ui-electrobun/build/dev-linux-x64/wgpu-dev/Info.plist
Normal file
18
ui-electrobun/build/dev-linux-x64/wgpu-dev/Info.plist
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
|
||||
<plist version="1.0">
|
||||
<dict>
|
||||
<key>CFBundleExecutable</key>
|
||||
<string>launcher</string>
|
||||
<key>CFBundleIdentifier</key>
|
||||
<string>wgpu.electrobun.dev</string>
|
||||
<key>CFBundleName</key>
|
||||
<string>wgpu-dev</string>
|
||||
<key>CFBundleVersion</key>
|
||||
<string>0.0.1</string>
|
||||
<key>CFBundlePackageType</key>
|
||||
<string>APPL</string>
|
||||
<key>CFBundleIconFile</key>
|
||||
<string>AppIcon</string>
|
||||
</dict>
|
||||
</plist>
|
||||
232237
ui-electrobun/build/dev-linux-x64/wgpu-dev/Resources/app/bun/index.js
Normal file
232237
ui-electrobun/build/dev-linux-x64/wgpu-dev/Resources/app/bun/index.js
Normal file
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1 @@
|
|||
{"defaultRenderer":"native","availableRenderers":["native"],"runtime":{},"bunVersion":"1.3.9"}
|
||||
164
ui-electrobun/build/dev-linux-x64/wgpu-dev/Resources/main.js
Normal file
164
ui-electrobun/build/dev-linux-x64/wgpu-dev/Resources/main.js
Normal file
|
|
@ -0,0 +1,164 @@
|
|||
// @bun
|
||||
var __require = import.meta.require;
|
||||
|
||||
// src/launcher/main.ts
|
||||
import { join, dirname, resolve } from "path";
|
||||
import { dlopen, suffix, ptr, toArrayBuffer } from "bun:ffi";
|
||||
import { existsSync, writeFileSync } from "fs";
|
||||
import { tmpdir } from "os";
|
||||
var pathToMacOS = dirname(process.argv0);
|
||||
var libPath = join(pathToMacOS, `libNativeWrapper.${suffix}`);
|
||||
var absoluteLibPath = resolve(libPath);
|
||||
function main() {
|
||||
let channel = "";
|
||||
let identifier = "";
|
||||
let name = "";
|
||||
try {
|
||||
const pathToLauncherBin2 = process.argv0;
|
||||
const pathToBinDir2 = dirname(pathToLauncherBin2);
|
||||
const versionJsonPath = join(pathToBinDir2, "..", "Resources", "version.json");
|
||||
if (existsSync(versionJsonPath)) {
|
||||
const versionInfo = __require(versionJsonPath);
|
||||
if (versionInfo.identifier) {
|
||||
identifier = versionInfo.identifier;
|
||||
}
|
||||
if (versionInfo.name) {
|
||||
name = versionInfo.name;
|
||||
}
|
||||
if (versionInfo.channel) {
|
||||
channel = versionInfo.channel;
|
||||
}
|
||||
console.log(`[LAUNCHER] Loaded identifier: ${identifier}, name: ${name}, channel: ${channel}`);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error(`[LAUNCHER] Warning: Could not read version.json:`, error);
|
||||
}
|
||||
if (process.platform === "linux") {
|
||||
const cefLibs = [
|
||||
join(pathToMacOS, "libcef.so"),
|
||||
join(pathToMacOS, "libvk_swiftshader.so")
|
||||
];
|
||||
const existingCefLibs = cefLibs.filter((lib2) => existsSync(lib2));
|
||||
if (existingCefLibs.length > 0 && !process.env["LD_PRELOAD"]) {
|
||||
console.error(`[LAUNCHER] ERROR: CEF libraries found but LD_PRELOAD not set!`);
|
||||
console.error(`[LAUNCHER] Please run through the wrapper script: ./run.sh`);
|
||||
console.error(`[LAUNCHER] Or set: LD_PRELOAD="${existingCefLibs.join(":")}" before starting.`);
|
||||
const { spawn } = __require("child_process");
|
||||
const env = { ...process.env, LD_PRELOAD: existingCefLibs.join(":") };
|
||||
const child = spawn(process.argv[0], process.argv.slice(1), {
|
||||
env,
|
||||
stdio: "inherit"
|
||||
});
|
||||
child.on("exit", (code) => process.exit(code ?? 1));
|
||||
return;
|
||||
}
|
||||
}
|
||||
let lib;
|
||||
try {
|
||||
if (!process.env["LD_LIBRARY_PATH"]?.includes(".")) {
|
||||
process.env["LD_LIBRARY_PATH"] = `.${process.env["LD_LIBRARY_PATH"] ? ":" + process.env["LD_LIBRARY_PATH"] : ""}`;
|
||||
}
|
||||
lib = dlopen(libPath, {
|
||||
startEventLoop: {
|
||||
args: ["cstring", "cstring", "cstring"],
|
||||
returns: "void"
|
||||
},
|
||||
forceExit: {
|
||||
args: ["i32"],
|
||||
returns: "void"
|
||||
}
|
||||
});
|
||||
} catch (error) {
|
||||
console.error(`[LAUNCHER] Failed to load library: ${error.message}`);
|
||||
try {
|
||||
lib = dlopen(absoluteLibPath, {
|
||||
startEventLoop: {
|
||||
args: ["cstring", "cstring", "cstring"],
|
||||
returns: "void"
|
||||
},
|
||||
forceExit: {
|
||||
args: ["i32"],
|
||||
returns: "void"
|
||||
}
|
||||
});
|
||||
} catch (absError) {
|
||||
console.error(`[LAUNCHER] Library loading failed. Try running: ldd ${libPath}`);
|
||||
throw error;
|
||||
}
|
||||
}
|
||||
const pathToLauncherBin = process.argv0;
|
||||
const pathToBinDir = dirname(pathToLauncherBin);
|
||||
const resourcesDir = join(pathToBinDir, "..", "Resources");
|
||||
const asarPath = join(resourcesDir, "app.asar");
|
||||
const appFolderPath = join(resourcesDir, "app");
|
||||
let appEntrypointPath;
|
||||
if (existsSync(asarPath)) {
|
||||
console.log(`[LAUNCHER] Loading app code from ASAR: ${asarPath}`);
|
||||
let asarLibPath;
|
||||
let asarLib;
|
||||
if (process.platform === "win32") {
|
||||
asarLibPath = libPath;
|
||||
console.log(`[LAUNCHER] Using native wrapper's ASAR reader: ${asarLibPath}`);
|
||||
} else {
|
||||
asarLibPath = join(pathToMacOS, `libasar.${suffix}`);
|
||||
}
|
||||
try {
|
||||
asarLib = dlopen(asarLibPath, {
|
||||
asar_open: { args: ["cstring"], returns: "ptr" },
|
||||
asar_read_file: { args: ["ptr", "cstring", "ptr"], returns: "ptr" },
|
||||
asar_free_buffer: { args: ["ptr", "u64"], returns: "void" },
|
||||
asar_close: { args: ["ptr"], returns: "void" }
|
||||
});
|
||||
} catch (error) {
|
||||
console.error(`[LAUNCHER] Failed to load ASAR library: ${error.message}`);
|
||||
throw error;
|
||||
}
|
||||
const asarArchive = asarLib.symbols.asar_open(ptr(new Uint8Array(Buffer.from(asarPath + "\x00", "utf8"))));
|
||||
if (!asarArchive || asarArchive === 0n) {
|
||||
console.error(`[LAUNCHER] Failed to open ASAR archive at: ${asarPath}`);
|
||||
throw new Error("Failed to open ASAR archive");
|
||||
}
|
||||
const filePath = "bun/index.js";
|
||||
const sizeBuffer = new BigUint64Array(1);
|
||||
const fileDataPtr = asarLib.symbols.asar_read_file(asarArchive, ptr(new Uint8Array(Buffer.from(filePath + "\x00", "utf8"))), ptr(sizeBuffer));
|
||||
if (!fileDataPtr || fileDataPtr === 0n) {
|
||||
console.error(`[LAUNCHER] Failed to read ${filePath} from ASAR`);
|
||||
asarLib.symbols.asar_close(asarArchive);
|
||||
throw new Error(`Failed to read ${filePath} from ASAR`);
|
||||
}
|
||||
const fileSize = Number(sizeBuffer[0]);
|
||||
console.log(`[LAUNCHER] Read ${fileSize} bytes from ASAR for ${filePath}`);
|
||||
const arrayBuffer = toArrayBuffer(fileDataPtr, 0, fileSize);
|
||||
const fileData = Buffer.from(arrayBuffer);
|
||||
const systemTmpDir = tmpdir();
|
||||
const randomFileName = `electrobun-${Date.now()}-${Math.random().toString(36).substring(7)}.js`;
|
||||
appEntrypointPath = join(systemTmpDir, randomFileName);
|
||||
const wrappedFileData = `
|
||||
// Auto-delete temp file after Worker loads it
|
||||
const __tempFilePath = "${appEntrypointPath}";
|
||||
setTimeout(() => {
|
||||
try {
|
||||
require("fs").unlinkSync(__tempFilePath);
|
||||
console.log("[LAUNCHER] Deleted temp file:", __tempFilePath);
|
||||
} catch (error) {
|
||||
console.warn("[LAUNCHER] Failed to delete temp file:", error.message);
|
||||
}
|
||||
}, 100);
|
||||
|
||||
${fileData.toString("utf8")}
|
||||
`;
|
||||
writeFileSync(appEntrypointPath, wrappedFileData);
|
||||
console.log(`[LAUNCHER] Wrote app entrypoint to: ${appEntrypointPath}`);
|
||||
asarLib.symbols.asar_free_buffer(fileDataPtr, BigInt(fileSize));
|
||||
asarLib.symbols.asar_close(asarArchive);
|
||||
} else {
|
||||
console.log(`[LAUNCHER] Loading app code from flat files`);
|
||||
appEntrypointPath = join(appFolderPath, "bun", "index.js");
|
||||
}
|
||||
process.on("SIGINT", () => {});
|
||||
process.on("SIGTERM", () => {});
|
||||
new Worker(appEntrypointPath, {});
|
||||
lib.symbols.startEventLoop(ptr(new Uint8Array(Buffer.from(identifier + "\x00", "utf8"))), ptr(new Uint8Array(Buffer.from(name + "\x00", "utf8"))), ptr(new Uint8Array(Buffer.from(channel + "\x00", "utf8"))));
|
||||
lib.symbols.forceExit(0);
|
||||
}
|
||||
main();
|
||||
|
|
@ -0,0 +1 @@
|
|||
{"version":"0.0.1","hash":"dev","channel":"dev","baseUrl":"","name":"wgpu-dev","identifier":"wgpu.electrobun.dev"}
|
||||
BIN
ui-electrobun/build/dev-linux-x64/wgpu-dev/bin/bspatch
Executable file
BIN
ui-electrobun/build/dev-linux-x64/wgpu-dev/bin/bspatch
Executable file
Binary file not shown.
BIN
ui-electrobun/build/dev-linux-x64/wgpu-dev/bin/bun
Executable file
BIN
ui-electrobun/build/dev-linux-x64/wgpu-dev/bin/bun
Executable file
Binary file not shown.
BIN
ui-electrobun/build/dev-linux-x64/wgpu-dev/bin/launcher
Executable file
BIN
ui-electrobun/build/dev-linux-x64/wgpu-dev/bin/launcher
Executable file
Binary file not shown.
BIN
ui-electrobun/build/dev-linux-x64/wgpu-dev/bin/libNativeWrapper.so
Executable file
BIN
ui-electrobun/build/dev-linux-x64/wgpu-dev/bin/libNativeWrapper.so
Executable file
Binary file not shown.
BIN
ui-electrobun/build/dev-linux-x64/wgpu-dev/bin/libasar.so
Executable file
BIN
ui-electrobun/build/dev-linux-x64/wgpu-dev/bin/libasar.so
Executable file
Binary file not shown.
BIN
ui-electrobun/build/dev-linux-x64/wgpu-dev/bin/libwebgpu_dawn.so
Normal file
BIN
ui-electrobun/build/dev-linux-x64/wgpu-dev/bin/libwebgpu_dawn.so
Normal file
Binary file not shown.
BIN
ui-electrobun/build/dev-linux-x64/wgpu-dev/bin/zig-zstd
Executable file
BIN
ui-electrobun/build/dev-linux-x64/wgpu-dev/bin/zig-zstd
Executable file
Binary file not shown.
117
ui-electrobun/bun.lock
Normal file
117
ui-electrobun/bun.lock
Normal file
|
|
@ -0,0 +1,117 @@
|
|||
{
|
||||
"lockfileVersion": 1,
|
||||
"configVersion": 1,
|
||||
"workspaces": {
|
||||
"": {
|
||||
"name": "electrobun-wgpu",
|
||||
"dependencies": {
|
||||
"electrobun": "latest",
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/bun": "latest",
|
||||
"typescript": "^5.7.2",
|
||||
},
|
||||
},
|
||||
},
|
||||
"packages": {
|
||||
"@babylonjs/core": ["@babylonjs/core@7.54.3", "", {}, "sha512-P5ncXVd8GEUJLhwloP9V0oVwQYIrvZztguVeLlvd5Rx+9aQnenKjpV8auJ6SRsUlAmNZU4pFTKzwF6o2EUfhAw=="],
|
||||
|
||||
"@malept/cross-spawn-promise": ["@malept/cross-spawn-promise@1.1.1", "", { "dependencies": { "cross-spawn": "^7.0.1" } }, "sha512-RTBGWL5FWQcg9orDOCcp4LvItNzUPcyEU9bwaeJX0rJ1IQxzucC48Y0/sQLp/g6t99IQgAlGIaesJS+gTn7tVQ=="],
|
||||
|
||||
"@tootallnate/quickjs-emscripten": ["@tootallnate/quickjs-emscripten@0.23.0", "", {}, "sha512-C5Mc6rdnsaJDjO3UpGW/CQTHtCKaYlScZTly4JIu97Jxo/odCiH0ITnDXSJPTOrEKk/ycSZ0AOgTmkDtkOsvIA=="],
|
||||
|
||||
"@types/bun": ["@types/bun@1.3.11", "", { "dependencies": { "bun-types": "1.3.11" } }, "sha512-5vPne5QvtpjGpsGYXiFyycfpDF2ECyPcTSsFBMa0fraoxiQyMJ3SmuQIGhzPg2WJuWxVBoxWJ2kClYTcw/4fAg=="],
|
||||
|
||||
"@types/node": ["@types/node@25.5.0", "", { "dependencies": { "undici-types": "~7.18.0" } }, "sha512-jp2P3tQMSxWugkCUKLRPVUpGaL5MVFwF8RDuSRztfwgN1wmqJeMSbKlnEtQqU8UrhTmzEmZdu2I6v2dpp7XIxw=="],
|
||||
|
||||
"agent-base": ["agent-base@7.1.4", "", {}, "sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ=="],
|
||||
|
||||
"ast-types": ["ast-types@0.13.4", "", { "dependencies": { "tslib": "^2.0.1" } }, "sha512-x1FCFnFifvYDDzTaLII71vG5uvDwgtmDTEVWAxrgeiR8VjMONcCXJx7E+USjDtHlwFmt9MysbqgF9b9Vjr6w+w=="],
|
||||
|
||||
"basic-ftp": ["basic-ftp@5.2.0", "", {}, "sha512-VoMINM2rqJwJgfdHq6RiUudKt2BV+FY5ZFezP/ypmwayk68+NzzAQy4XXLlqsGD4MCzq3DrmNFD/uUmBJuGoXw=="],
|
||||
|
||||
"bun-types": ["bun-types@1.3.11", "", { "dependencies": { "@types/node": "*" } }, "sha512-1KGPpoxQWl9f6wcZh57LvrPIInQMn2TQ7jsgxqpRzg+l0QPOFvJVH7HmvHo/AiPgwXy+/Thf6Ov3EdVn1vOabg=="],
|
||||
|
||||
"cross-spawn": ["cross-spawn@7.0.6", "", { "dependencies": { "path-key": "^3.1.0", "shebang-command": "^2.0.0", "which": "^2.0.1" } }, "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA=="],
|
||||
|
||||
"cross-spawn-windows-exe": ["cross-spawn-windows-exe@1.2.0", "", { "dependencies": { "@malept/cross-spawn-promise": "^1.1.0", "is-wsl": "^2.2.0", "which": "^2.0.2" } }, "sha512-mkLtJJcYbDCxEG7Js6eUnUNndWjyUZwJ3H7bErmmtOYU/Zb99DyUkpamuIZE0b3bhmJyZ7D90uS6f+CGxRRjOw=="],
|
||||
|
||||
"data-uri-to-buffer": ["data-uri-to-buffer@6.0.2", "", {}, "sha512-7hvf7/GW8e86rW0ptuwS3OcBGDjIi6SZva7hCyWC0yYry2cOPmLIjXAUHI6DK2HsnwJd9ifmt57i8eV2n4YNpw=="],
|
||||
|
||||
"debug": ["debug@4.4.3", "", { "dependencies": { "ms": "^2.1.3" } }, "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA=="],
|
||||
|
||||
"degenerator": ["degenerator@5.0.1", "", { "dependencies": { "ast-types": "^0.13.4", "escodegen": "^2.1.0", "esprima": "^4.0.1" } }, "sha512-TllpMR/t0M5sqCXfj85i4XaAzxmS5tVA16dqvdkMwGmzI+dXLXnw3J+3Vdv7VKw+ThlTMboK6i9rnZ6Nntj5CQ=="],
|
||||
|
||||
"electrobun": ["electrobun@1.16.0", "", { "dependencies": { "@babylonjs/core": "^7.45.0", "@types/bun": "^1.3.8", "png-to-ico": "^2.1.8", "proxy-agent": "^6.5.0", "rcedit": "^4.0.1", "three": "^0.165.0" }, "bin": { "electrobun": "bin/electrobun.cjs" } }, "sha512-KO/GQO6vpWACJXizqD8F551xtRAgg83Dcfzmjo+6qqCseobttu9x+HL40n+CBnYTe+kBvFXzwso2ZrPuec78zg=="],
|
||||
|
||||
"escodegen": ["escodegen@2.1.0", "", { "dependencies": { "esprima": "^4.0.1", "estraverse": "^5.2.0", "esutils": "^2.0.2" }, "optionalDependencies": { "source-map": "~0.6.1" }, "bin": { "esgenerate": "bin/esgenerate.js", "escodegen": "bin/escodegen.js" } }, "sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w=="],
|
||||
|
||||
"esprima": ["esprima@4.0.1", "", { "bin": { "esparse": "./bin/esparse.js", "esvalidate": "./bin/esvalidate.js" } }, "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A=="],
|
||||
|
||||
"estraverse": ["estraverse@5.3.0", "", {}, "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA=="],
|
||||
|
||||
"esutils": ["esutils@2.0.3", "", {}, "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g=="],
|
||||
|
||||
"get-uri": ["get-uri@6.0.5", "", { "dependencies": { "basic-ftp": "^5.0.2", "data-uri-to-buffer": "^6.0.2", "debug": "^4.3.4" } }, "sha512-b1O07XYq8eRuVzBNgJLstU6FYc1tS6wnMtF1I1D9lE8LxZSOGZ7LhxN54yPP6mGw5f2CkXY2BQUL9Fx41qvcIg=="],
|
||||
|
||||
"http-proxy-agent": ["http-proxy-agent@7.0.2", "", { "dependencies": { "agent-base": "^7.1.0", "debug": "^4.3.4" } }, "sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig=="],
|
||||
|
||||
"https-proxy-agent": ["https-proxy-agent@7.0.6", "", { "dependencies": { "agent-base": "^7.1.2", "debug": "4" } }, "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw=="],
|
||||
|
||||
"ip-address": ["ip-address@10.1.0", "", {}, "sha512-XXADHxXmvT9+CRxhXg56LJovE+bmWnEWB78LB83VZTprKTmaC5QfruXocxzTZ2Kl0DNwKuBdlIhjL8LeY8Sf8Q=="],
|
||||
|
||||
"is-docker": ["is-docker@2.2.1", "", { "bin": { "is-docker": "cli.js" } }, "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ=="],
|
||||
|
||||
"is-wsl": ["is-wsl@2.2.0", "", { "dependencies": { "is-docker": "^2.0.0" } }, "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww=="],
|
||||
|
||||
"isexe": ["isexe@2.0.0", "", {}, "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw=="],
|
||||
|
||||
"lru-cache": ["lru-cache@7.18.3", "", {}, "sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA=="],
|
||||
|
||||
"minimist": ["minimist@1.2.8", "", {}, "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA=="],
|
||||
|
||||
"ms": ["ms@2.1.3", "", {}, "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="],
|
||||
|
||||
"netmask": ["netmask@2.0.2", "", {}, "sha512-dBpDMdxv9Irdq66304OLfEmQ9tbNRFnFTuZiLo+bD+r332bBmMJ8GBLXklIXXgxd3+v9+KUnZaUR5PJMa75Gsg=="],
|
||||
|
||||
"pac-proxy-agent": ["pac-proxy-agent@7.2.0", "", { "dependencies": { "@tootallnate/quickjs-emscripten": "^0.23.0", "agent-base": "^7.1.2", "debug": "^4.3.4", "get-uri": "^6.0.1", "http-proxy-agent": "^7.0.0", "https-proxy-agent": "^7.0.6", "pac-resolver": "^7.0.1", "socks-proxy-agent": "^8.0.5" } }, "sha512-TEB8ESquiLMc0lV8vcd5Ql/JAKAoyzHFXaStwjkzpOpC5Yv+pIzLfHvjTSdf3vpa2bMiUQrg9i6276yn8666aA=="],
|
||||
|
||||
"pac-resolver": ["pac-resolver@7.0.1", "", { "dependencies": { "degenerator": "^5.0.0", "netmask": "^2.0.2" } }, "sha512-5NPgf87AT2STgwa2ntRMr45jTKrYBGkVU36yT0ig/n/GMAa3oPqhZfIQ2kMEimReg0+t9kZViDVZ83qfVUlckg=="],
|
||||
|
||||
"path-key": ["path-key@3.1.1", "", {}, "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q=="],
|
||||
|
||||
"png-to-ico": ["png-to-ico@2.1.8", "", { "dependencies": { "@types/node": "^17.0.36", "minimist": "^1.2.6", "pngjs": "^6.0.0" }, "bin": { "png-to-ico": "bin/cli.js" } }, "sha512-Nf+IIn/cZ/DIZVdGveJp86NG5uNib1ZXMiDd/8x32HCTeKSvgpyg6D/6tUBn1QO/zybzoMK0/mc3QRgAyXdv9w=="],
|
||||
|
||||
"pngjs": ["pngjs@6.0.0", "", {}, "sha512-TRzzuFRRmEoSW/p1KVAmiOgPco2Irlah+bGFCeNfJXxxYGwSw7YwAOAcd7X28K/m5bjBWKsC29KyoMfHbypayg=="],
|
||||
|
||||
"proxy-agent": ["proxy-agent@6.5.0", "", { "dependencies": { "agent-base": "^7.1.2", "debug": "^4.3.4", "http-proxy-agent": "^7.0.1", "https-proxy-agent": "^7.0.6", "lru-cache": "^7.14.1", "pac-proxy-agent": "^7.1.0", "proxy-from-env": "^1.1.0", "socks-proxy-agent": "^8.0.5" } }, "sha512-TmatMXdr2KlRiA2CyDu8GqR8EjahTG3aY3nXjdzFyoZbmB8hrBsTyMezhULIXKnC0jpfjlmiZ3+EaCzoInSu/A=="],
|
||||
|
||||
"proxy-from-env": ["proxy-from-env@1.1.0", "", {}, "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="],
|
||||
|
||||
"rcedit": ["rcedit@4.0.1", "", { "dependencies": { "cross-spawn-windows-exe": "^1.1.0" } }, "sha512-bZdaQi34krFWhrDn+O53ccBDw0MkAT2Vhu75SqhtvhQu4OPyFM4RoVheyYiVQYdjhUi6EJMVWQ0tR6bCIYVkUg=="],
|
||||
|
||||
"shebang-command": ["shebang-command@2.0.0", "", { "dependencies": { "shebang-regex": "^3.0.0" } }, "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA=="],
|
||||
|
||||
"shebang-regex": ["shebang-regex@3.0.0", "", {}, "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A=="],
|
||||
|
||||
"smart-buffer": ["smart-buffer@4.2.0", "", {}, "sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg=="],
|
||||
|
||||
"socks": ["socks@2.8.7", "", { "dependencies": { "ip-address": "^10.0.1", "smart-buffer": "^4.2.0" } }, "sha512-HLpt+uLy/pxB+bum/9DzAgiKS8CX1EvbWxI4zlmgGCExImLdiad2iCwXT5Z4c9c3Eq8rP2318mPW2c+QbtjK8A=="],
|
||||
|
||||
"socks-proxy-agent": ["socks-proxy-agent@8.0.5", "", { "dependencies": { "agent-base": "^7.1.2", "debug": "^4.3.4", "socks": "^2.8.3" } }, "sha512-HehCEsotFqbPW9sJ8WVYB6UbmIMv7kUUORIF2Nncq4VQvBfNBLibW9YZR5dlYCSUhwcD628pRllm7n+E+YTzJw=="],
|
||||
|
||||
"source-map": ["source-map@0.6.1", "", {}, "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="],
|
||||
|
||||
"three": ["three@0.165.0", "", {}, "sha512-cc96IlVYGydeceu0e5xq70H8/yoVT/tXBxV/W8A/U6uOq7DXc4/s1Mkmnu6SqoYGhSRWWYFOhVwvq6V0VtbplA=="],
|
||||
|
||||
"tslib": ["tslib@2.8.1", "", {}, "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="],
|
||||
|
||||
"typescript": ["typescript@5.9.3", "", { "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" } }, "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw=="],
|
||||
|
||||
"undici-types": ["undici-types@7.18.2", "", {}, "sha512-AsuCzffGHJybSaRrmr5eHr81mwJU3kjw6M+uprWvCXiNeN9SOGwQ3Jn8jb8m3Z6izVgknn1R0FTCEAP2QrLY/w=="],
|
||||
|
||||
"which": ["which@2.0.2", "", { "dependencies": { "isexe": "^2.0.0" }, "bin": { "node-which": "./bin/node-which" } }, "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA=="],
|
||||
|
||||
"png-to-ico/@types/node": ["@types/node@17.0.45", "", {}, "sha512-w+tIMs3rq2afQdsPJlODhoUEKzFP1ayaoyl1CcnwtIlsVe7K7bA1NGm4s3PraqTLlXnbIN84zuBlxBWo1u9BLw=="],
|
||||
}
|
||||
}
|
||||
26
ui-electrobun/electrobun.config.ts
Normal file
26
ui-electrobun/electrobun.config.ts
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
import type { ElectrobunConfig } from "electrobun";
|
||||
|
||||
export default {
|
||||
app: {
|
||||
name: "wgpu",
|
||||
identifier: "wgpu.electrobun.dev",
|
||||
version: "0.0.1",
|
||||
},
|
||||
build: {
|
||||
bun: {
|
||||
entrypoint: "src/bun/index.ts",
|
||||
},
|
||||
mac: {
|
||||
bundleCEF: false,
|
||||
bundleWGPU: true,
|
||||
},
|
||||
linux: {
|
||||
bundleCEF: false,
|
||||
bundleWGPU: true,
|
||||
},
|
||||
win: {
|
||||
bundleCEF: false,
|
||||
bundleWGPU: true,
|
||||
},
|
||||
},
|
||||
} satisfies ElectrobunConfig;
|
||||
18
ui-electrobun/package.json
Normal file
18
ui-electrobun/package.json
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
{
|
||||
"name": "electrobun-wgpu",
|
||||
"version": "1.0.0",
|
||||
"type": "module",
|
||||
"description": "A minimal WebGPU shader demo",
|
||||
"scripts": {
|
||||
"start": "electrobun dev",
|
||||
"dev": "electrobun dev --watch",
|
||||
"build:canary": "electrobun build --env=canary"
|
||||
},
|
||||
"dependencies": {
|
||||
"electrobun": "latest"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/bun": "latest",
|
||||
"typescript": "^5.7.2"
|
||||
}
|
||||
}
|
||||
526
ui-electrobun/src/bun/index.ts
Normal file
526
ui-electrobun/src/bun/index.ts
Normal file
|
|
@ -0,0 +1,526 @@
|
|||
import { GpuWindow, Screen, WGPU, WGPUBridge } from "electrobun/bun";
|
||||
import { CString, ptr, toArrayBuffer } from "bun:ffi";
|
||||
|
||||
const WGPUNative = WGPU.native;
|
||||
const WGPU_STRLEN = 0xffffffffffffffffn;
|
||||
const WGPU_DEPTH_SLICE_UNDEFINED = 0xffffffff;
|
||||
const WGPUTextureUsage_RenderAttachment = 0x0000000000000010n;
|
||||
const WGPUBufferUsage_Vertex = 0x0000000000000020n;
|
||||
const WGPUBufferUsage_CopyDst = 0x0000000000000008n;
|
||||
const WGPUVertexFormat_Float32 = 0x0000001c;
|
||||
const WGPUVertexFormat_Float32x2 = 0x0000001d;
|
||||
const WGPUVertexFormat_Float32x4 = 0x0000001f;
|
||||
const WGPUVertexStepMode_Vertex = 0x00000001;
|
||||
const WGPUPrimitiveTopology_TriangleList = 0x00000004;
|
||||
const WGPUFrontFace_CCW = 0x00000001;
|
||||
const WGPUCullMode_None = 0x00000001;
|
||||
const WGPUPresentMode_Fifo = 0x00000001;
|
||||
|
||||
const KEEPALIVE: any[] = [];
|
||||
|
||||
function writePtr(view: DataView, offset: number, value: number | bigint | null) {
|
||||
view.setBigUint64(offset, BigInt(value ?? 0), true);
|
||||
}
|
||||
|
||||
function writeU32(view: DataView, offset: number, value: number) {
|
||||
view.setUint32(offset, value >>> 0, true);
|
||||
}
|
||||
|
||||
function writeU64(view: DataView, offset: number, value: bigint) {
|
||||
view.setBigUint64(offset, value, true);
|
||||
}
|
||||
|
||||
|
||||
function makeSurfaceConfiguration(
|
||||
devicePtr: number,
|
||||
width: number,
|
||||
height: number,
|
||||
format: number,
|
||||
) {
|
||||
const buffer = new ArrayBuffer(64);
|
||||
const view = new DataView(buffer);
|
||||
writePtr(view, 0, 0);
|
||||
writePtr(view, 8, devicePtr);
|
||||
writeU32(view, 16, format);
|
||||
writeU32(view, 20, 0);
|
||||
writeU64(view, 24, WGPUTextureUsage_RenderAttachment);
|
||||
writeU32(view, 32, width);
|
||||
writeU32(view, 36, height);
|
||||
writeU64(view, 40, 0n);
|
||||
writePtr(view, 48, 0);
|
||||
writeU32(view, 56, 1);
|
||||
writeU32(view, 60, WGPUPresentMode_Fifo);
|
||||
return { buffer, ptr: ptr(buffer) };
|
||||
}
|
||||
|
||||
function makeShaderSourceWGSL(codePtr: number) {
|
||||
const buffer = new ArrayBuffer(32);
|
||||
const view = new DataView(buffer);
|
||||
writePtr(view, 0, 0);
|
||||
writeU32(view, 8, 0x00000002);
|
||||
writeU32(view, 12, 0);
|
||||
writePtr(view, 16, codePtr);
|
||||
writeU64(view, 24, WGPU_STRLEN);
|
||||
return { buffer, ptr: ptr(buffer) };
|
||||
}
|
||||
|
||||
function makeShaderModuleDescriptor(nextInChainPtr: number) {
|
||||
const buffer = new ArrayBuffer(24);
|
||||
const view = new DataView(buffer);
|
||||
writePtr(view, 0, nextInChainPtr);
|
||||
writePtr(view, 8, 0);
|
||||
writeU64(view, 16, 0n);
|
||||
return { buffer, ptr: ptr(buffer) };
|
||||
}
|
||||
|
||||
function makeVertexAttribute(offset: number, shaderLocation: number, format: number) {
|
||||
const buffer = new ArrayBuffer(32);
|
||||
const view = new DataView(buffer);
|
||||
writePtr(view, 0, 0);
|
||||
writeU32(view, 8, format);
|
||||
writeU32(view, 12, 0);
|
||||
writeU64(view, 16, BigInt(offset));
|
||||
writeU32(view, 24, shaderLocation);
|
||||
writeU32(view, 28, 0);
|
||||
return { buffer, ptr: ptr(buffer) };
|
||||
}
|
||||
|
||||
function makeVertexBufferLayout(
|
||||
attributePtr: number,
|
||||
attributeCount: number,
|
||||
stride: number,
|
||||
) {
|
||||
const buffer = new ArrayBuffer(40);
|
||||
const view = new DataView(buffer);
|
||||
writePtr(view, 0, 0);
|
||||
writeU32(view, 8, WGPUVertexStepMode_Vertex);
|
||||
writeU32(view, 12, 0);
|
||||
writeU64(view, 16, BigInt(stride));
|
||||
writeU64(view, 24, BigInt(attributeCount));
|
||||
writePtr(view, 32, attributePtr);
|
||||
return { buffer, ptr: ptr(buffer) };
|
||||
}
|
||||
|
||||
function makeColorTargetState(format: number) {
|
||||
const buffer = new ArrayBuffer(32);
|
||||
const view = new DataView(buffer);
|
||||
writePtr(view, 0, 0);
|
||||
writeU32(view, 8, format);
|
||||
writeU32(view, 12, 0);
|
||||
writePtr(view, 16, 0);
|
||||
writeU64(view, 24, 0x0fn);
|
||||
return { buffer, ptr: ptr(buffer) };
|
||||
}
|
||||
|
||||
function makeVertexState(
|
||||
modulePtr: number,
|
||||
entryPointPtr: number,
|
||||
bufferLayoutPtr: number,
|
||||
) {
|
||||
const buffer = new ArrayBuffer(64);
|
||||
const view = new DataView(buffer);
|
||||
writePtr(view, 0, 0);
|
||||
writePtr(view, 8, modulePtr);
|
||||
writePtr(view, 16, entryPointPtr);
|
||||
writeU64(view, 24, WGPU_STRLEN);
|
||||
writeU64(view, 32, 0n);
|
||||
writePtr(view, 40, 0);
|
||||
writeU64(view, 48, 1n);
|
||||
writePtr(view, 56, bufferLayoutPtr);
|
||||
return { buffer, ptr: ptr(buffer) };
|
||||
}
|
||||
|
||||
function makeFragmentState(
|
||||
modulePtr: number,
|
||||
entryPointPtr: number,
|
||||
targetPtr: number,
|
||||
) {
|
||||
const buffer = new ArrayBuffer(64);
|
||||
const view = new DataView(buffer);
|
||||
writePtr(view, 0, 0);
|
||||
writePtr(view, 8, modulePtr);
|
||||
writePtr(view, 16, entryPointPtr);
|
||||
writeU64(view, 24, WGPU_STRLEN);
|
||||
writeU64(view, 32, 0n);
|
||||
writePtr(view, 40, 0);
|
||||
writeU64(view, 48, 1n);
|
||||
writePtr(view, 56, targetPtr);
|
||||
return { buffer, ptr: ptr(buffer) };
|
||||
}
|
||||
|
||||
function makePrimitiveState() {
|
||||
const buffer = new ArrayBuffer(32);
|
||||
const view = new DataView(buffer);
|
||||
writePtr(view, 0, 0);
|
||||
writeU32(view, 8, WGPUPrimitiveTopology_TriangleList);
|
||||
writeU32(view, 12, 0);
|
||||
writeU32(view, 16, WGPUFrontFace_CCW);
|
||||
writeU32(view, 20, WGPUCullMode_None);
|
||||
writeU32(view, 24, 0);
|
||||
writeU32(view, 28, 0);
|
||||
return { buffer, ptr: ptr(buffer) };
|
||||
}
|
||||
|
||||
function makeMultisampleState() {
|
||||
const buffer = new ArrayBuffer(24);
|
||||
const view = new DataView(buffer);
|
||||
writePtr(view, 0, 0);
|
||||
writeU32(view, 8, 1);
|
||||
writeU32(view, 12, 0xffffffff);
|
||||
writeU32(view, 16, 0);
|
||||
writeU32(view, 20, 0);
|
||||
return { buffer, ptr: ptr(buffer) };
|
||||
}
|
||||
|
||||
function makeRenderPipelineDescriptor(
|
||||
vertexStatePtr: number,
|
||||
primitiveStatePtr: number,
|
||||
multisampleStatePtr: number,
|
||||
fragmentStatePtr: number,
|
||||
) {
|
||||
const buffer = new ArrayBuffer(168);
|
||||
const view = new DataView(buffer);
|
||||
writePtr(view, 0, 0);
|
||||
writePtr(view, 8, 0);
|
||||
writeU64(view, 16, 0n);
|
||||
writePtr(view, 24, 0);
|
||||
new Uint8Array(buffer, 32, 64).set(new Uint8Array(vertexStatePtr.buffer));
|
||||
new Uint8Array(buffer, 96, 32).set(new Uint8Array(primitiveStatePtr.buffer));
|
||||
writePtr(view, 128, 0);
|
||||
new Uint8Array(buffer, 136, 24).set(new Uint8Array(multisampleStatePtr.buffer));
|
||||
writePtr(view, 160, fragmentStatePtr.ptr as unknown as number);
|
||||
return { buffer, ptr: ptr(buffer) };
|
||||
}
|
||||
|
||||
function makeBufferDescriptor(size: number) {
|
||||
const buffer = new ArrayBuffer(48);
|
||||
const view = new DataView(buffer);
|
||||
writePtr(view, 0, 0);
|
||||
writePtr(view, 8, 0);
|
||||
writeU64(view, 16, 0n);
|
||||
writeU64(view, 24, WGPUBufferUsage_Vertex | WGPUBufferUsage_CopyDst);
|
||||
writeU64(view, 32, BigInt(size));
|
||||
writeU32(view, 40, 0);
|
||||
writeU32(view, 44, 0);
|
||||
return { buffer, ptr: ptr(buffer) };
|
||||
}
|
||||
|
||||
function makeCommandEncoderDescriptor() {
|
||||
const buffer = new ArrayBuffer(24);
|
||||
const view = new DataView(buffer);
|
||||
writePtr(view, 0, 0);
|
||||
writePtr(view, 8, 0);
|
||||
writeU64(view, 16, 0n);
|
||||
return { buffer, ptr: ptr(buffer) };
|
||||
}
|
||||
|
||||
function makeSurfaceTexture() {
|
||||
const buffer = new ArrayBuffer(24);
|
||||
return { buffer, view: new DataView(buffer), ptr: ptr(buffer) };
|
||||
}
|
||||
|
||||
function makeRenderPassColorAttachment(viewPtr: number, clear: { r: number; g: number; b: number; a: number }) {
|
||||
const buffer = new ArrayBuffer(72);
|
||||
const view = new DataView(buffer);
|
||||
writePtr(view, 0, 0);
|
||||
writePtr(view, 8, viewPtr);
|
||||
writeU32(view, 16, WGPU_DEPTH_SLICE_UNDEFINED);
|
||||
writeU32(view, 20, 0);
|
||||
writePtr(view, 24, 0);
|
||||
writeU32(view, 32, 2);
|
||||
writeU32(view, 36, 1);
|
||||
view.setFloat64(40, clear.r, true);
|
||||
view.setFloat64(48, clear.g, true);
|
||||
view.setFloat64(56, clear.b, true);
|
||||
view.setFloat64(64, clear.a, true);
|
||||
return { buffer, ptr: ptr(buffer) };
|
||||
}
|
||||
|
||||
function makeRenderPassDescriptor(colorAttachmentPtr: number) {
|
||||
const buffer = new ArrayBuffer(64);
|
||||
const view = new DataView(buffer);
|
||||
writePtr(view, 0, 0);
|
||||
writePtr(view, 8, 0);
|
||||
writeU64(view, 16, 0n);
|
||||
writeU64(view, 24, 1n);
|
||||
writePtr(view, 32, colorAttachmentPtr);
|
||||
writePtr(view, 40, 0);
|
||||
writePtr(view, 48, 0);
|
||||
writePtr(view, 56, 0);
|
||||
return { buffer, ptr: ptr(buffer) };
|
||||
}
|
||||
|
||||
function makeCommandBufferArray(cmdPtr: number) {
|
||||
const buffer = new BigUint64Array([BigInt(cmdPtr)]);
|
||||
return { buffer, ptr: ptr(buffer) };
|
||||
}
|
||||
|
||||
const size = 640;
|
||||
const display = Screen.getPrimaryDisplay();
|
||||
const workArea = display.workArea;
|
||||
const x = workArea.x + Math.floor((workArea.width - size) / 2);
|
||||
const y = workArea.y + Math.floor((workArea.height - size) / 2);
|
||||
|
||||
const win = new GpuWindow({
|
||||
title: "WGPU Shader",
|
||||
frame: { width: size, height: size, x, y },
|
||||
titleBarStyle: "default",
|
||||
transparent: false,
|
||||
});
|
||||
|
||||
if (!WGPUNative.available) {
|
||||
throw new Error("WGPU not available for wgpu");
|
||||
}
|
||||
|
||||
const instance = WGPUNative.symbols.wgpuCreateInstance(0);
|
||||
const surface = WGPUBridge.createSurfaceForView(
|
||||
instance as number,
|
||||
win.wgpuView.ptr as number,
|
||||
);
|
||||
|
||||
const adapterDevice = new BigUint64Array(2);
|
||||
WGPUBridge.createAdapterDeviceMainThread(
|
||||
instance as number,
|
||||
surface as number,
|
||||
ptr(adapterDevice),
|
||||
);
|
||||
const adapter = Number(adapterDevice[0]);
|
||||
const device = Number(adapterDevice[1]);
|
||||
if (!adapter || !device) {
|
||||
throw new Error("Failed to get WGPU adapter/device");
|
||||
}
|
||||
|
||||
const queue = WGPUNative.symbols.wgpuDeviceGetQueue(device);
|
||||
|
||||
// Query the surface capabilities to get a supported texture format
|
||||
const capsBuffer = new ArrayBuffer(64);
|
||||
const capsView = new DataView(capsBuffer);
|
||||
WGPUNative.symbols.wgpuSurfaceGetCapabilities(
|
||||
surface,
|
||||
adapter,
|
||||
ptr(capsBuffer),
|
||||
);
|
||||
const formatCount = Number(capsView.getBigUint64(16, true));
|
||||
const formatPtr = Number(capsView.getBigUint64(24, true));
|
||||
let surfaceFormat = 0x00000017; // BGRA8Unorm fallback
|
||||
if (formatCount && formatPtr) {
|
||||
const formats = new Uint32Array(toArrayBuffer(formatPtr, 0, formatCount * 4));
|
||||
if (formats.length) surfaceFormat = formats[0]!;
|
||||
}
|
||||
|
||||
const surfaceConfig = makeSurfaceConfiguration(
|
||||
device,
|
||||
size,
|
||||
size,
|
||||
surfaceFormat,
|
||||
);
|
||||
WGPUBridge.surfaceConfigure(surface as number, surfaceConfig.ptr as number);
|
||||
|
||||
const shaderText = `
|
||||
struct VSOut {
|
||||
@builtin(position) position : vec4<f32>,
|
||||
@location(0) uv : vec2<f32>,
|
||||
@location(1) time : f32,
|
||||
@location(2) resolution : vec2<f32>,
|
||||
@location(3) mouse : vec4<f32>,
|
||||
};
|
||||
|
||||
@vertex
|
||||
fn vs_main(
|
||||
@location(0) position: vec2<f32>,
|
||||
@location(1) time: f32,
|
||||
@location(2) resolution: vec2<f32>,
|
||||
@location(3) mouse: vec4<f32>
|
||||
) -> VSOut {
|
||||
var out: VSOut;
|
||||
out.position = vec4<f32>(position, 0.0, 1.0);
|
||||
out.uv = position;
|
||||
out.time = time;
|
||||
out.resolution = resolution;
|
||||
out.mouse = mouse;
|
||||
return out;
|
||||
}
|
||||
|
||||
@fragment
|
||||
fn fs_main(
|
||||
@location(0) uv: vec2<f32>,
|
||||
@location(1) time: f32,
|
||||
@location(2) resolution: vec2<f32>,
|
||||
@location(3) mouse: vec4<f32>
|
||||
) -> @location(0) vec4<f32> {
|
||||
let fragCoord = (uv * 0.5 + vec2<f32>(0.5)) * resolution;
|
||||
let m = (mouse.xy / max(resolution, vec2<f32>(1.0))) * 2.0 - vec2<f32>(1.0);
|
||||
let loopMax: i32 = select(32, 64, mouse.z > 0.5);
|
||||
var o = vec4<f32>(0.0);
|
||||
var i: f32 = 0.0;
|
||||
var d: f32 = 0.0;
|
||||
var c: f32 = 0.0;
|
||||
var s: f32 = 0.0;
|
||||
var q = vec3<f32>(0.0);
|
||||
var p = vec3<f32>(0.0);
|
||||
let r = vec3<f32>(resolution, 0.0);
|
||||
var dir = normalize(vec3<f32>((fragCoord + fragCoord - r.xy) / r.y, 1.0));
|
||||
dir.x = dir.x + m.x * 0.35;
|
||||
dir.y = dir.y + -m.y * 0.35;
|
||||
|
||||
for (var iter: i32 = 0; iter < loopMax; iter = iter + 1) {
|
||||
i = f32(iter + 1);
|
||||
p = dir * d;
|
||||
p.z = p.z + time * 4.0;
|
||||
q = p;
|
||||
s = 0.0;
|
||||
c = 20.0;
|
||||
loop {
|
||||
if (c <= 0.2) { break; }
|
||||
let m = mat2x2<f32>(
|
||||
vec2<f32>(cos(c / 30.0 + 0.0), cos(c / 30.0 + 33.0)),
|
||||
vec2<f32>(cos(c / 30.0 + 11.0), cos(c / 30.0 + 0.0))
|
||||
);
|
||||
let xz = m * vec2<f32>(p.x, p.z);
|
||||
p.x = xz.x;
|
||||
p.z = xz.y;
|
||||
p = abs(fract(p / c) * c - vec3<f32>(c * 0.5)) - vec3<f32>(c * 0.2);
|
||||
s = max(
|
||||
9.0 + 3.0 * sin(q.z * 0.05) - abs(q.x),
|
||||
max(s, min(p.x, min(p.y, p.z)))
|
||||
);
|
||||
p = q;
|
||||
c = c * 0.5;
|
||||
}
|
||||
let sinp = sin(p * 12.0);
|
||||
let dotv = dot(sinp, vec3<f32>(0.1, 0.1, 0.1));
|
||||
s = min(s, p.y + 8.0 + dotv);
|
||||
d = d + s;
|
||||
let add = i / max(s, 0.001);
|
||||
o = o + vec4<f32>(add, add, add, add);
|
||||
}
|
||||
|
||||
let denom = max(d, 0.000001);
|
||||
o = tanh(o / denom / 30000.0);
|
||||
return vec4<f32>(o.xyz, 1.0);
|
||||
}
|
||||
`;
|
||||
|
||||
const shaderBytes = new TextEncoder().encode(shaderText + "\0");
|
||||
const shaderBuf = new Uint8Array(shaderBytes);
|
||||
KEEPALIVE.push(shaderBuf);
|
||||
const shaderPtr = ptr(shaderBuf);
|
||||
const shaderSource = makeShaderSourceWGSL(shaderPtr);
|
||||
const shaderDesc = makeShaderModuleDescriptor(shaderSource.ptr as number);
|
||||
const shaderModule = WGPUNative.symbols.wgpuDeviceCreateShaderModule(device, shaderDesc.ptr as number);
|
||||
|
||||
const entryPoint = new CString("vs_main");
|
||||
const fragEntryPoint = new CString("fs_main");
|
||||
KEEPALIVE.push(entryPoint, fragEntryPoint);
|
||||
const posAttr = makeVertexAttribute(0, 0, WGPUVertexFormat_Float32x2);
|
||||
const timeAttr = makeVertexAttribute(8, 1, WGPUVertexFormat_Float32);
|
||||
const resAttr = makeVertexAttribute(12, 2, WGPUVertexFormat_Float32x2);
|
||||
const mouseAttr = makeVertexAttribute(20, 3, WGPUVertexFormat_Float32x4);
|
||||
const attrBuf = new ArrayBuffer(32 * 4);
|
||||
new Uint8Array(attrBuf, 0, 32).set(new Uint8Array(posAttr.buffer));
|
||||
new Uint8Array(attrBuf, 32, 32).set(new Uint8Array(timeAttr.buffer));
|
||||
new Uint8Array(attrBuf, 64, 32).set(new Uint8Array(resAttr.buffer));
|
||||
new Uint8Array(attrBuf, 96, 32).set(new Uint8Array(mouseAttr.buffer));
|
||||
const attrPtr = ptr(attrBuf);
|
||||
KEEPALIVE.push(attrBuf);
|
||||
const vertexLayout = makeVertexBufferLayout(attrPtr as number, 4, 36);
|
||||
const vertexState = makeVertexState(shaderModule, entryPoint.ptr, vertexLayout.ptr as number);
|
||||
const colorTarget = makeColorTargetState(surfaceFormat);
|
||||
const fragmentState = makeFragmentState(shaderModule, fragEntryPoint.ptr, colorTarget.ptr as number);
|
||||
const primitiveState = makePrimitiveState();
|
||||
const multisampleState = makeMultisampleState();
|
||||
const pipelineDesc = makeRenderPipelineDescriptor(
|
||||
vertexState,
|
||||
primitiveState,
|
||||
multisampleState,
|
||||
fragmentState,
|
||||
);
|
||||
const pipeline = WGPUNative.symbols.wgpuDeviceCreateRenderPipeline(device, pipelineDesc.ptr as number);
|
||||
|
||||
const vertexCount = 3;
|
||||
const bufferDesc = makeBufferDescriptor(vertexCount * 9 * 4);
|
||||
const vertexBuffer = WGPUNative.symbols.wgpuDeviceCreateBuffer(device, bufferDesc.ptr as number);
|
||||
const encoderDesc = makeCommandEncoderDescriptor();
|
||||
let lastLeftDown = false;
|
||||
let qualityBoost = false;
|
||||
let clickX = 0;
|
||||
let clickY = 0;
|
||||
|
||||
function renderFrame() {
|
||||
const sizeNow = win.getSize();
|
||||
const t = performance.now() * 0.001;
|
||||
const positions = [-1, -1, 3, -1, -1, 3];
|
||||
const frame = win.getFrame();
|
||||
const cursor = Screen.getCursorScreenPoint();
|
||||
const rawX = cursor.x - frame.x;
|
||||
const rawY = cursor.y - frame.y;
|
||||
const mx = Math.max(0, Math.min(frame.width, rawX));
|
||||
const my = Math.max(0, Math.min(frame.height, rawY));
|
||||
const buttons = Screen.getMouseButtons();
|
||||
const leftDown = (buttons & 1n) === 1n;
|
||||
if (leftDown && !lastLeftDown) {
|
||||
qualityBoost = !qualityBoost;
|
||||
clickX = mx;
|
||||
clickY = my;
|
||||
}
|
||||
lastLeftDown = leftDown;
|
||||
const packed = new Float32Array(vertexCount * 9);
|
||||
for (let i = 0; i < vertexCount; i += 1) {
|
||||
const idx = i * 9;
|
||||
packed[idx] = positions[i * 2]!;
|
||||
packed[idx + 1] = positions[i * 2 + 1]!;
|
||||
packed[idx + 2] = t;
|
||||
packed[idx + 3] = sizeNow.width;
|
||||
packed[idx + 4] = sizeNow.height;
|
||||
packed[idx + 5] = mx;
|
||||
packed[idx + 6] = my;
|
||||
packed[idx + 7] = qualityBoost ? clickX : 0;
|
||||
packed[idx + 8] = qualityBoost ? clickY : 0;
|
||||
}
|
||||
|
||||
WGPUNative.symbols.wgpuQueueWriteBuffer(
|
||||
queue,
|
||||
vertexBuffer,
|
||||
0,
|
||||
ptr(packed),
|
||||
packed.byteLength,
|
||||
);
|
||||
|
||||
WGPUNative.symbols.wgpuInstanceProcessEvents(instance);
|
||||
|
||||
const surfaceTexture = makeSurfaceTexture();
|
||||
WGPUBridge.surfaceGetCurrentTexture(surface as number, surfaceTexture.ptr as number);
|
||||
const status = surfaceTexture.view.getUint32(16, true);
|
||||
if (status !== 1 && status !== 2) return;
|
||||
const texPtr = Number(surfaceTexture.view.getBigUint64(8, true));
|
||||
if (!texPtr) return;
|
||||
|
||||
const textureView = WGPUNative.symbols.wgpuTextureCreateView(texPtr, 0);
|
||||
if (!textureView) return;
|
||||
|
||||
const colorAttachment = makeRenderPassColorAttachment(textureView, {
|
||||
r: 0.05,
|
||||
g: 0.05,
|
||||
b: 0.1,
|
||||
a: 1.0,
|
||||
});
|
||||
const renderPassDesc = makeRenderPassDescriptor(colorAttachment.ptr as number);
|
||||
const encoder = WGPUNative.symbols.wgpuDeviceCreateCommandEncoder(device, encoderDesc.ptr as number);
|
||||
const pass = WGPUNative.symbols.wgpuCommandEncoderBeginRenderPass(encoder, renderPassDesc.ptr as number);
|
||||
WGPUNative.symbols.wgpuRenderPassEncoderSetPipeline(pass, pipeline);
|
||||
WGPUNative.symbols.wgpuRenderPassEncoderSetVertexBuffer(pass, 0, vertexBuffer, 0, packed.byteLength);
|
||||
WGPUNative.symbols.wgpuRenderPassEncoderDraw(pass, vertexCount, 1, 0, 0);
|
||||
WGPUNative.symbols.wgpuRenderPassEncoderEnd(pass);
|
||||
|
||||
const commandBuffer = WGPUNative.symbols.wgpuCommandEncoderFinish(encoder, 0);
|
||||
const commandArray = makeCommandBufferArray(commandBuffer);
|
||||
WGPUNative.symbols.wgpuQueueSubmit(queue, 1, commandArray.ptr as number);
|
||||
WGPUBridge.surfacePresent(surface as number);
|
||||
|
||||
WGPUNative.symbols.wgpuTextureViewRelease(textureView);
|
||||
WGPUNative.symbols.wgpuTextureRelease(texPtr);
|
||||
WGPUNative.symbols.wgpuCommandBufferRelease(commandBuffer);
|
||||
WGPUNative.symbols.wgpuCommandEncoderRelease(encoder);
|
||||
}
|
||||
|
||||
setInterval(renderFrame, 16);
|
||||
19
ui-electrobun/tsconfig.json
Normal file
19
ui-electrobun/tsconfig.json
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
{
|
||||
"compilerOptions": {
|
||||
"target": "ESNext",
|
||||
"useDefineForClassFields": true,
|
||||
"module": "ESNext",
|
||||
"resolveJsonModule": true,
|
||||
"allowJs": true,
|
||||
"isolatedModules": true,
|
||||
"moduleDetection": "force",
|
||||
"noEmit": true,
|
||||
"strict": true,
|
||||
"noUnusedLocals": true,
|
||||
"noUnusedParameters": true,
|
||||
"noFallthroughCasesInSwitch": true,
|
||||
"moduleResolution": "bundler"
|
||||
},
|
||||
"include": ["src"],
|
||||
"exclude": ["node_modules", "dist", "build", "../../package/dist"]
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue