Congress Design on an Oscilloscope

What do we have?

What do I want?

This design as a vector graphics on a phosphor layer.

What do I need for that?

  • The path data in XY samples
  • Something to convert it into analoge values

PaperJS is our friend



for (let offset = 0; offset < path.length; offset += delta) {
    const point = path.getLocationAt(offset).point;
    x_path.push(point.x);
    y_path.push(point.y);
}
Calculates the point on the path at the given offset.

The Audio Part

DTPIL: There is a full featured WebAudioAPI o.O

  • modular routing
  • input/output nodes
  • effect nodes

So you can use your browser to mix music,
while it is mining bitcoins.

DTPIL = During This Project I Learned

The Audio Part 2

Just use these arrays and play them. 

const aBuf = aCTX.createBuffer(2, 88200, audioCtx.sampleRate);
aBuf.copyToChannel(x_path,0);
aBuf.copyToChannel(y_path,1);
(Maybe some normalisation, scaling)

    Longer talk

    • in german
    • today 19:45 at ChaosZone Stage
    • not recorded, come around!
    • more background, details and outlook

    Ask me:

    • quanten at ChaosZone
    • Twitter: @quintusquanten
    • DECT 6626
    • 36C3 Wiki Project