|
@ -19,10 +19,6 @@ var screenX; |
|
|
var screenY; |
|
|
var screenY; |
|
|
var shapes = []; |
|
|
var shapes = []; |
|
|
var stopButton; |
|
|
var stopButton; |
|
|
var toScreenX; |
|
|
|
|
|
var toScreenY; |
|
|
|
|
|
var zoom = 1; |
|
|
|
|
|
var zoomSensitivity = 0.005; |
|
|
|
|
|
function record() { |
|
|
function record() { |
|
|
/** |
|
|
/** |
|
|
* Starting recording. |
|
|
* Starting recording. |
|
@ -223,8 +219,6 @@ function setup() { |
|
|
* The p5.js initial setup function. |
|
|
* The p5.js initial setup function. |
|
|
**/ |
|
|
**/ |
|
|
createCanvas(windowWidth, windowHeight); |
|
|
createCanvas(windowWidth, windowHeight); |
|
|
screenX = toScreenX = 0; |
|
|
|
|
|
screenY = toScreenY = 0; |
|
|
|
|
|
setupRecording(); |
|
|
setupRecording(); |
|
|
frameRate(frameRate); |
|
|
frameRate(frameRate); |
|
|
fill("#F38630"); |
|
|
fill("#F38630"); |
|
@ -236,12 +230,6 @@ function draw() { |
|
|
**/ |
|
|
**/ |
|
|
background("#69D2E7"); |
|
|
background("#69D2E7"); |
|
|
|
|
|
|
|
|
screenX = lerp(screenX, toScreenX, 0.1); |
|
|
|
|
|
screenY = lerp(screenY, toScreenY, 0.1); |
|
|
|
|
|
translate(screenX, screenY); |
|
|
|
|
|
|
|
|
|
|
|
scale(zoom); |
|
|
|
|
|
|
|
|
|
|
|
if (newSoundJustRecorded === true) { |
|
|
if (newSoundJustRecorded === true) { |
|
|
shapes.push(new GeneratedShape()); |
|
|
shapes.push(new GeneratedShape()); |
|
|
newSoundJustRecorded = false; |
|
|
newSoundJustRecorded = false; |
|
@ -256,25 +244,3 @@ function draw() { |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
function mouseWheel(event) { |
|
|
|
|
|
/** |
|
|
|
|
|
* Mouse wheel zoom handling. |
|
|
|
|
|
**/ |
|
|
|
|
|
zoom += zoomSensitivity * event.delta; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
function mouseDragged() { |
|
|
|
|
|
/** |
|
|
|
|
|
* Mouse drag movement handling. |
|
|
|
|
|
**/ |
|
|
|
|
|
toScreenX += mouseX - pmouseX; |
|
|
|
|
|
toScreenY += mouseY - pmouseY; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
function windowResized() { |
|
|
|
|
|
/** |
|
|
|
|
|
* Canvas re-draw handling. |
|
|
|
|
|
**/ |
|
|
|
|
|
resizeCanvas(windowWidth, windowHeight); |
|
|
|
|
|
} |
|
|
|
|
|