Skip to content

Instantly share code, notes, and snippets.

@GoSubRoutine
Last active September 19, 2021 20:07
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
Save GoSubRoutine/ed99264642c99e34919e5a6921ec1760 to your computer and use it in GitHub Desktop.
Mouse Loop Toggle Events
height: 330
scrolling: no
border: no
license: cc-by-4.0
<script async src=https://cdn.JsDelivr.net/npm/p5></script>
<script defer src=sketch.global.js></script>
<script defer src=https://cdn.JsDelivr.net/npm/p5></script>
<script defer src=sketch.global.js></script>
<script defer src=sketch.instance.js></script>
<script defer src=https://cdn.JsDelivr.net/npm/p5></script>
<script defer src=sketch.instance.js></script>
/**
* Mouse Loop Toggle Events (v1.0.1)
* GoToLoop (2021-Aug-21)
*
* Discourse.Processing.org/t/multiple-sketches-in-instance-mode/11222/4
* Bl.ocks.org/GoSubRoutine/ed99264642c99e34919e5a6921ec1760
*/
'use strict';
function setup() {
createCanvas(350, 300)//.mouseMoved(mouseMovedEvent);
noLoop();
canvas.onmouseout = noLoop;
canvas.onmouseover = loop;
}
function draw() {
background('#' + hex(~~random(0x1000), 3));
}
function mouseMovedEvent() {
redraw();
}
/**
* Mouse Loop Toggle Events (v1.0.1)
* GoToLoop (2021-Aug-21)
*
* Discourse.Processing.org/t/multiple-sketches-in-instance-mode/11222/4
* Bl.ocks.org/GoSubRoutine/ed99264642c99e34919e5a6921ec1760
*
* Bl.ocks.org/GoSubRoutine/raw/
* ed99264642c99e34919e5a6921ec1760/index.instance.html
*/
'use strict';
new p5(p => {
p.setup = function () {
p.createCanvas(350, 300)//.mouseMoved(mouseMovedEvent);
p.noLoop();
p.canvas.onmouseout = () => p.noLoop();
p.canvas.onmouseover = () => p.loop();
};
p.draw = function () {
p.background('#' + p.hex(~~p.random(0x1000), 3));
};
function mouseMovedEvent() {
p.redraw();
}
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment