lab/experiments.json at main · joyco-studio/lab · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
{
  "$schema": "./schema.json",
  "experiments": [
    {
      "slug": "dot-interactive",
      "title": "Dot Interactive",
      "description": "A dense halftone field that reacts to your cursor — dots swell and brighten wherever you hover, rippling outward like light catching a printed surface. Tune the grid rotation and cell count to find your pattern.",
      "href": "https://laboratory-dot-interactive.vercel.app/",
      "repo": "https://github.com/joyco-studio/laboratory/tree/main/lab/dot-interactive#readme",
      "template": "3d",
      "tags": [
        "webgl",
        "glsl",
        "shader",
        "interactive",
        "mouse",
        "halftone",
        "dots",
        "pattern",
        "post-processing"
      ],
      "hasControls": true,
      "date": "2026-03-12"
    },
    {
      "slug": "msdf-text-fluidsim",
      "title": "MSDF Text & Fluidsim",
      "description": "A phrase rendered in MSDF text repeats across the screen, colored and offset based on mouse position, creating a fluid effect that shifts through different color tones against a black background.",
      "href": "https://laboratory-msdf.vercel.app/",
      "repo": "https://github.com/joyco-studio/laboratory/tree/main/lab/MSDF#readme",
      "template": "3d",
      "tags": [
        "three.js",
        "glsl",
        "shader",
        "text",
        "fluid simulation",
        "msdf",
        "typography",
        "webgl"
      ],
      "hasControls": false,
      "date": "2026-03-12"
    },
    {
      "slug": "bichromatic-grain-post-pass",
      "title": "Bichromatic grain post pass",
      "description": "A scene rendered as a two-color duotone with layered grain. Controls let you adjust contrast, tint, background color, max brightness, and noise intensity.",
      "href": "https://laboratory-bichromatic-grain.vercel.app/",
      "repo": "https://github.com/joyco-studio/laboratory/tree/main/lab/gods-gods-gods#readme",
      "template": "3d",
      "tags": [
        "post-processing",
        "shader",
        "glsl",
        "duotone",
        "grain",
        "texture",
        "risograph",
        "webgl",
        "creative tools"
      ],
      "hasControls": true,
      "date": "2026-03-12"
    },
    {
      "slug": "joyco-miami",
      "title": "Joyco Miami",
      "description": "A sun-bleached Miami wall tagged with JOYCO graffiti, built in Three.js. Hover your mouse across the scene and the spray cans scattered on the street roll and nudge — lazy, physical, a little alive. Street art as interactive still life.",
      "href": "https://miami.joyco.studio",
      "repo": "https://github.com/joyco-studio/laboratory/tree/main/lab/miami#readme",
      "template": "3d",
      "tags": [
        "@react-three/fiber",
        "three.js",
        "susano"
      ],
      "hasControls": false,
      "date": "2026-03-11"
    },
    {
      "slug": "scene-scissor-clip",
      "title": "Scene Scissor Clip",
      "description": "Controlled dual scene rendering with clipping capabilities",
      "href": "https://scene-scissor-clip-pi.vercel.app/",
      "repo": "https://github.com/joyco-studio/scene-scissor-clip",
      "template": "3d",
      "tags": [
        "webgl"
      ],
      "hasControls": true,
      "date": "2026-03-15"
    },
    {
      "slug": "sdf-svg-playground",
      "title": "SDF SVG Playground",
      "description": "Drop an SVG and tweak the shader",
      "href": "https://logo-shader-experiment.vercel.app/",
      "repo": "https://github.com/joyco-studio/logo-shader-experiment",
      "template": "3d",
      "tags": [
        "3d",
        "sdf",
        "threejs",
        "webgpu"
      ],
      "hasControls": true,
      "date": "2026-04-27"
    }
  ]
}