25:["$","title",null,{"children":"prova p5 | Paolo Andrenacci | Observable"}] 4c:T6b2,logic = p5 => { var x1, y1, x2, y2; const irnd=()=>1+Math.floor(Math.random()*5); var wcur=[0,0,0,0]; var wnext=[1,0,0,0]; var alpha=0; var startcur = Math.random()*2*Math.PI; var startnext = Math.random()*2*Math.PI; p5.setup = function() { p5.createCanvas(800, 600); p5.changew=function(){ mutable changecount++; for(var i=0; i<4;i++) { wcur[i] = wnext[i]; //wnext[i] = irnd(); } wnext[Math.floor(Math.random()*4)]+=1; //startcur=Math.random()*2*Math.PI; startcur=startnext; startnext = Math.random()*2*Math.PI; alpha=0; //p5.clear(); } } function drawone(w, start) { const N=1000; const STEP = 2*Math.PI/N; for (var j = 0; j <= 1000; j++) { //p5.alpha(100 / i); var ph1=j*STEP; var ph2=(j+1)*STEP; x1 = p5.width/2 + (p5.sin(start+ph1*w[0]) * 200) + (p5.sin(start+ph1*w[1]) * 100); y1 = p5.height/2 + (p5.cos(start+ph1*w[2]) * 100) + (p5.cos(start+ph1*w[3]) * 100); x2 = p5.width/2 + (p5.sin(start+ph2*w[0]) * 200) + (p5.sin(start+ph2*w[1]) * 100); y2 = p5.height/2 + (p5.cos(start+ph2*w[2]) * 100) + (p5.cos(start+ph2*w[3]) * 100); p5.line(x1,y1,x2,y2); } } p5.draw = function() { //p5.background(255); alpha+=.01; if (alpha<2) { var a=Math.min(alpha,1); mutable drawcount++; p5.stroke(255,0,0); p5.strokeWeight(2); var w = []; for(var i=0; i<4; i++) w[i] = wcur[i]*(1-a)+wnext[i]*a; var start = startcur*(1-a)+startnext*a; //p5.fill('rgba(0,0,0, 0.25)'); //p5.rect(0, 0, p5.width, p5.height); p5.clear(); drawone(w, start); } } } 4d:[] 48:{"id":"a8d364e527e40103","slug":"prova-p5","title":"prova p5","thumbnail":"cdf4a5a8768ff869ac8ceea4f198f73a7bb4205c2620aa4f5b2a346390b0a7c6","access_level":"public","create_time":"$D2021-01-12T11:08:40.570Z","update_time":"$D2021-01-13T16:32:57.549Z","view_time":null,"first_public_time":"$D2021-01-12T11:08:53.138Z","has_unpublished_edits":null,"fork":{"id":"1dacd0b9ab16ea37","slug":"p5-js-simple-dot-animation","title":"P5.js simple dot animation","owner":{"id":"caf608c7664555dc","login":"drivinward","name":"Edoardo Guido"}},"stars":1,"starred":false,"owner":{"type":"team","id":"3b42508407aca5a3","login":"zawinul","name":"Paolo Andrenacci","avatar_url":"https://avatars-next.observableusercontent.com/5cf0f05427bb66405cd76829c2ade969967efb177b4ffefd635433c153ce8f46","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":581,"publish_version":581,"role":null,"authored":false,"authors":[{"type":"individual","id":"ed8740f4700202b7","login":"zawinul","name":"Paolo Andrenacci","avatar_url":"https://avatars-next.observableusercontent.com/5cf0f05427bb66405cd76829c2ade969967efb177b4ffefd635433c153ce8f46","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"ed8740f4700202b7","login":"zawinul","name":"Paolo Andrenacci","avatar_url":"https://avatars-next.observableusercontent.com/5cf0f05427bb66405cd76829c2ade969967efb177b4ffefd635433c153ce8f46","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"prova p5","cells":[{"id":44,"value":"md`# prova p5`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":485,"value":"html`p5 API reference`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":480,"value":"mutable drawcount=0","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":517,"value":"mutable changecount=0","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":0,"value":"div = html`

`\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":499,"value":"{\n var button = html``;\n button.onclick=function() {\n p5engine.changew();\n };\n return button;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":573,"value":"$$('canvas').show()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":564,"value":"realTimeVideoRecorder($('canvas')[0])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":567,"value":"{\n var div=$('

');\n var button=$('