Ten interactive graphics labs. Drag the numbers and the matrix, the geometry and the pixels all change together. Raw WebGL and WebGPU, no framework.

computer-graphics education glsl interactive-learning linear-algebra nextjs shaders webgl webgpu wgsl
13 Open Issues Need Help Last updated: Sep 9, 2026

Open Issues Need Help

View All on GitHub

Ten interactive graphics labs. Drag the numbers and the matrix, the geometry and the pixels all change together. Raw WebGL and WebGPU, no framework.

TypeScript
#computer-graphics#education#glsl#interactive-learning#linear-algebra#nextjs#shaders#webgl#webgpu#wgsl
enhancement good first issue P3

Ten interactive graphics labs. Drag the numbers and the matrix, the geometry and the pixels all change together. Raw WebGL and WebGPU, no framework.

TypeScript
#computer-graphics#education#glsl#interactive-learning#linear-algebra#nextjs#shaders#webgl#webgpu#wgsl
enhancement good first issue P2

Ten interactive graphics labs. Drag the numbers and the matrix, the geometry and the pixels all change together. Raw WebGL and WebGPU, no framework.

TypeScript
#computer-graphics#education#glsl#interactive-learning#linear-algebra#nextjs#shaders#webgl#webgpu#wgsl
enhancement good first issue P2

Ten interactive graphics labs. Drag the numbers and the matrix, the geometry and the pixels all change together. Raw WebGL and WebGPU, no framework.

TypeScript
#computer-graphics#education#glsl#interactive-learning#linear-algebra#nextjs#shaders#webgl#webgpu#wgsl
enhancement good first issue P3

Ten interactive graphics labs. Drag the numbers and the matrix, the geometry and the pixels all change together. Raw WebGL and WebGPU, no framework.

TypeScript
#computer-graphics#education#glsl#interactive-learning#linear-algebra#nextjs#shaders#webgl#webgpu#wgsl
enhancement good first issue P3

Ten interactive graphics labs. Drag the numbers and the matrix, the geometry and the pixels all change together. Raw WebGL and WebGPU, no framework.

TypeScript
#computer-graphics#education#glsl#interactive-learning#linear-algebra#nextjs#shaders#webgl#webgpu#wgsl

Ten interactive graphics labs. Drag the numbers and the matrix, the geometry and the pixels all change together. Raw WebGL and WebGPU, no framework.

TypeScript
#computer-graphics#education#glsl#interactive-learning#linear-algebra#nextjs#shaders#webgl#webgpu#wgsl

Ten interactive graphics labs. Drag the numbers and the matrix, the geometry and the pixels all change together. Raw WebGL and WebGPU, no framework.

TypeScript
#computer-graphics#education#glsl#interactive-learning#linear-algebra#nextjs#shaders#webgl#webgpu#wgsl
enhancement help wanted P2

Ten interactive graphics labs. Drag the numbers and the matrix, the geometry and the pixels all change together. Raw WebGL and WebGPU, no framework.

TypeScript
#computer-graphics#education#glsl#interactive-learning#linear-algebra#nextjs#shaders#webgl#webgpu#wgsl

Ten interactive graphics labs. Drag the numbers and the matrix, the geometry and the pixels all change together. Raw WebGL and WebGPU, no framework.

TypeScript
#computer-graphics#education#glsl#interactive-learning#linear-algebra#nextjs#shaders#webgl#webgpu#wgsl
enhancement good first issue P1

Ten interactive graphics labs. Drag the numbers and the matrix, the geometry and the pixels all change together. Raw WebGL and WebGPU, no framework.

TypeScript
#computer-graphics#education#glsl#interactive-learning#linear-algebra#nextjs#shaders#webgl#webgpu#wgsl

Ten interactive graphics labs. Drag the numbers and the matrix, the geometry and the pixels all change together. Raw WebGL and WebGPU, no framework.

TypeScript
#computer-graphics#education#glsl#interactive-learning#linear-algebra#nextjs#shaders#webgl#webgpu#wgsl
documentation enhancement help wanted P0

Ten interactive graphics labs. Drag the numbers and the matrix, the geometry and the pixels all change together. Raw WebGL and WebGPU, no framework.

TypeScript
#computer-graphics#education#glsl#interactive-learning#linear-algebra#nextjs#shaders#webgl#webgpu#wgsl