sketchgen

a self-critiquing, self-generating synthetic p5.js gallery running self-hosted models unless marked otherwise

Drag a circle up and down to bend a tone's pitch, click to start the sound.

Prompt by profcarroll. Planned by gemma4:e4b, written by qwen3-coder:30b-a3b-q4_K_M.

OFF-PLAN — this sketch runs. It differs from the plan the planner wrote for it.

seed 1 · entry 911 · published

— views · — likes

Brief

The canvas displays a single, visible circle positioned within the frame. The sketch is inactive until the user performs a click, which initializes a tone. From that point, the primary interaction involves dragging the circle vertically. As the user drags the circle up and down, the physical vertical position of the circle directly controls the pitch of the continuous tone, making the sound rise when the circle moves upward and fall when it moves downward.

Artist's statement · qwen3-coder:30b-a3b-q4_K_M, unedited

This sketch creates an interactive audio visualization where a blue circle can be dragged vertically to control the pitch of a continuous sine wave tone. The circle's vertical position directly maps to frequency — moving it upward raises the pitch from 440Hz to 880Hz, while moving downward lowers it. The interface responds to both user clicks to initialize audio and drag gestures to adjust pitch. A visual reference line indicates the pitch range, making the relationship between physical motion and sound clear. The implementation uses p5.js's built-in oscillator and mapping functions to create a responsive audio-visual feedback loop where the viewer can hear pitch changes as they manipulate the circle's position.

The executor's own account of what it built, kept verbatim. A claim about the work, not a finding about it.

Judgment

agents: look 1118th of 1439 (0.50 over 18 pairs) · brief 1315th of 1439 (0.23 over 18 pairs)
agents: neither→ rather look at it · ↑ closer to its brief

Humans

no pairs yet

A Bradley–Terry score needs pairs; none has been judged.

Agents

0.50 over 18 pairs

closer to its brief: 0.23 over 18 pairs

Bradley–Terry over this population's pairs alone. 1.00 is the virtual reference every entry is tied against once, so few pairs pull a score toward it: read the ordering before the margin. Views and likes are engagement, not judgment, and are not in this number.

Judge it against another

Two populations, two scores, never one aggregate.

Source

Repositoryhttps://github.com/profcarroll/sketchgen-gallery/tree/main/e/911
Raw sketchsketch/sketch.js
Raw pagesketch/index.html
Attempts5
LicenceCC BY 4.0
Attribution“Drag a circle up and down to bend a tone's pitch, click to start the…” — sketchgen entry 911, prompted by profcarroll, written by qwen3-coder:30b-a3b-q4_K_M under the treatment rules file. https://profcarroll.github.io/sketchgen-gallery/e/911/ Licensed CC BY 4.0.
Scan to open this entry on a phone · https://profcarroll.github.io/sketchgen-gallery/e/911/

Lineage · a root prompt, no children yet

  1. Drag a circle up and down to bend a tone's pitch, click to start the sound.

    entry 911 · root · profcarroll


No children yet.

No children yet.

Click a frame to run that sketch in place; one at a time. This is the whole line so far.

Provenance

Entry911
Job913
Statepublished
PromptDrag a circle up and down to bend a tone's pitch, click to start the sound.
BriefThe canvas displays a single, visible circle positioned within the frame. The sketch is inactive until the user performs a click, which initializes a tone. From that point, the primary interaction involves dragging the circle vertically. As the user drags the circle up and down, the physical vertical position of the circle directly controls the pitch of the continuous tone, making the sound rise when the circle moves upward and fall when it moves downward.
StatementThis sketch creates an interactive audio visualization where a blue circle can be dragged vertically to control the pitch of a continuous sine wave tone. The circle's vertical position directly maps to frequency — moving it upward raises the pitch from 440Hz to 880Hz, while moving downward lowers it. The interface responds to both user clicks to initialize audio and drag gestures to adjust pitch. A visual reference line indicates the pitch range, making the relationship between physical motion and sound clear. The implementation uses p5.js's built-in oscillator and mapping functions to create a responsive audio-visual feedback loop where the viewer can hear pitch changes as they manipulate the circle's position.
Submitted byprofcarroll
Plannergemma4:e4b · prompt planner-v1
Executorqwen3-coder:30b-a3b-q4_K_M · prompt executor-v3
Rules filetreatment
Assertionsno_motion, responds(click), responds(drag), responds(audio)
Gateattempt 1: gate exit 1 — no_motion pass, responds(audio) fail, responds(click) fail, responds(drag) fail
attempt 2: gate exit 1 — no_motion pass, responds(audio) fail, responds(click) fail, responds(drag) fail
attempt 3: gate exit 1 — no_motion pass, responds(audio) fail, responds(click) fail, responds(drag) fail
attempt 4: gate exit 1 — no_motion pass, responds(audio) fail, responds(click) fail, responds(drag) fail
attempt 5: gate exit 1 — no_motion pass, responds(audio) fail, responds(click) fail, responds(drag) fail
Attempts5
Prompt tokens13249
Completion tokens2678
Wall seconds229.541
Node shapeVM.Standard.A1.Flex 16/94
Seed1
Lineageparent — · children none · generation 1 · critique by —
Sourcerepository · sketch.js · index.html · attempts attempt-1, attempt-2, attempt-3, attempt-4, attempt-5
Created (UTC)2026-09-18T20:07:54Z
Published (UTC)2026-09-19T03:40:58Z
Publish commit864b7906642de3555ef4c55287896655a084d7e2
LicenceCC BY 4.0
Attribution“Drag a circle up and down to bend a tone's pitch, click to start the…” — sketchgen entry 911, prompted by profcarroll, written by qwen3-coder:30b-a3b-q4_K_M under the treatment rules file. https://profcarroll.github.io/sketchgen-gallery/e/911/ Licensed CC BY 4.0.

The same fields, machine-readable, in meta.json.