From bc16822d14844efb84864e610c963b3e68650b06 Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Wed, 28 May 2025 23:27:17 +0000
Subject: [PATCH] docs: showcase housekeeping
---
quartz/components/scripts/graph.inline.ts | 27 ++++++++++++++++++++++++++-
1 files changed, 26 insertions(+), 1 deletions(-)
diff --git a/quartz/components/scripts/graph.inline.ts b/quartz/components/scripts/graph.inline.ts
index a669b05..9c8ec60 100644
--- a/quartz/components/scripts/graph.inline.ts
+++ b/quartz/components/scripts/graph.inline.ts
@@ -68,6 +68,30 @@
stop: () => void
}
+// workaround for pixijs webgpu issue: https://github.com/pixijs/pixijs/issues/11389
+async function determineGraphicsAPI(): Promise<"webgpu" | "webgl"> {
+ const adapter = await navigator.gpu?.requestAdapter().catch(() => null)
+ const device = adapter && (await adapter.requestDevice().catch(() => null))
+ if (!device) {
+ return "webgl"
+ }
+
+ const canvas = document.createElement("canvas")
+ const gl =
+ (canvas.getContext("webgl2") as WebGL2RenderingContext | null) ??
+ (canvas.getContext("webgl") as WebGLRenderingContext | null)
+
+ // we have to return webgl so pixijs automatically falls back to canvas
+ if (!gl) {
+ return "webgl"
+ }
+
+ const webglMaxTextures = gl.getParameter(gl.MAX_TEXTURE_IMAGE_UNITS)
+ const webgpuMaxTextures = device.limits.maxSampledTexturesPerShaderStage
+
+ return webglMaxTextures === webgpuMaxTextures ? "webgpu" : "webgl"
+}
+
async function renderGraph(graph: HTMLElement, fullSlug: FullSlug) {
const slug = simplifySlug(fullSlug)
const visited = getVisited()
@@ -349,6 +373,7 @@
tweens.forEach((tween) => tween.stop())
tweens.clear()
+ const pixiPreference = await determineGraphicsAPI()
const app = new Application()
await app.init({
width,
@@ -357,7 +382,7 @@
autoStart: false,
autoDensity: true,
backgroundAlpha: 0,
- preference: "webgpu",
+ preference: pixiPreference,
resolution: window.devicePixelRatio,
eventMode: "static",
})
--
Gitblit v1.10.0