greggman

WebGPU: Small Code Textured Quad

view on jsgist

greggman

WebGPU request limits

  const adapter = await navigator?.gpu.requestAdapter();
  const device = await adapter?.requestDevice({
    requiredLimits: {
      maxBufferSize: adapter.limits.maxBufferSize,
    },
  });

greggman

WebGL: Multiple Canvases

view on jsgist

greggman

Byte Beats

• hello world

  only works with the main visualization.

• other hello world

greggman

ByteBeatNode (visualizer via AnalyserNode)

view on jsgist

greggman

ByteBeatNode (visualizer)

view on jsgist

greggman

ByteBeatNode (umd)

view on jsgist

greggman

ByteBeatNode (esm)

view on jsgist

greggman

#version 300 es
#define varying in
out highp vec4 pc_fragColor;
#define gl_FragColor pc_fragColor
#define gl_FragDepthEXT gl_FragDepth
#define texture2D texture
#define textureCube texture
#define texture2DProj textureProj
#define texture2DLodEXT textureLod
#define texture2DProjLodEXT textureProjLod

greggman

body { margin: 0; }
canvas { width: 100vw; height: 100vh; display block; }