Viewing Program

Program Data

Program thumbnail for "{props.program.title}"

Title	Exploding tire
ID	6285308288483328
Created	3 months ago, 1727233528596
Updated	3 months ago, 1727234031058
Code	<!DOCTYPE html> <html> <title>Exploding tire</title> <canvas id = "m" width = '1200' height = '1200'></canvas> <style> { margin:0px; overflow:hidden; width:600px; } </style> <img id="wonstin" src="https://cdn.kastatic.org/third_party/javascript-khansrc/live-editor/build/images/avatars/old-spice-man.png"> <script type="module"> var toggl=false; var can=true; var mouseX=135,pmouseX=0,mouseY=250,pmouseY=0,clicked=false,key={}; window.addEventListener("mouseover", event => { pmouseX = mouseX; pmouseY= mouseY mouseX = event.pageX; mouseY = event.pageY; }); window.addEventListener("mousemove", event => { pmouseX = mouseX; pmouseY= mouseY mouseX = event.pageX; mouseY = event.pageY; }); window.addEventListener('mousedown', event => { clicked = true; if(can){ toggl=true; can=false; } //clicking? }); window.addEventListener('mouseup', event => { clicked = false; can=true; //not clicking so set clicked to false }); for (let i = window.requestAnimationFrame(function() {}); i > 0; i--) { window.cancelAnimationFrame(i); } var c = document.getElementById("m") var ctx = c.getContext("2d"); var data = ctx.getImageData(0, 0, 1200, 1200); function dist(x1,y1,x2,y2){ return Math.sqrt((x1-x2)(x1-x2)+(y1-y2)(y1-y2)) } var anim=0; var x=0; var frameCount=0; var ind=0; class node{ constructor(x,y,f,i,xv,yv){ this.x=x; this.y=y; this.xvel=xv; this.yvel=yv; this.f=f; this.index=ind; this.stretch=0; this.count=0; ind++; } draw(){ ctx.fillStyle="rgb(0,255,255,1)" ctx.beginPath(); ctx.ellipse(this.x,this.y,5,5,0,0,Math.PI2); ctx.fill(); } update(){ this.count++; if(!this.f){ if(this.y>1200){ this.y=1199 this.yvel=this.yvel-(0.9) this.xvel=0.5; this.yvel=0.5; } if(this.x>1200){ this.x=1199 this.xvel=this.xvel-(0.9) this.xvel=0.5; this.yvel=0.5; } if(this.x<0){ this.x=1 this.xvel=this.xvel-(0.9) this.xvel=0.5; this.yvel=0.5; } this.x-=0.00008Math.random(); this.x+=this.xvel/10; this.y+=this.yvel/10; if(this.yvel<30){ this.yvel+=0.002 } } } } class spring{ constructor(n1,n2){ this.x1=n1.x; this.y1=n1.y; this.x2=n2.x; this.y2=n2.y; this.n1=n1; this.n2=n2; this.broken=false; var relativex1=this.x1-this.x2; var relativey1=this.y1-this.y2; var relativex2=this.x2-this.x1; var relativey2=this.y2-this.y1; this.stiffness=1.5; this.damping=0.1; this.springLength=Math.sqrt(relativex1relativex1+relativey1relativey1) } draw(){ this.x1=this.n1.x; this.y1=this.n1.y; this.x2=this.n2.x; this.y2=this.n2.y; ctx.beginPath(); ctx.moveTo(this.x1,this.y1); ctx.lineTo(this.x2,this.y2); ctx.stroke(); ctx.closePath(); } update(){ this.x1=this.n1.x; this.y1=this.n1.y; this.x2=this.n2.x; this.y2=this.n2.y; var relativex1=this.x1-this.x2; var relativey1=this.y1-this.y2; var relativex2=this.x2-this.x1; var relativey2=this.y2-this.y1; if(!nodes[this.n1.f]){ if(dist(mouseX,mouseY,this.x1,this.y1)<10&&this.springLength>0.01){ nodes[this.n1.index].xvel+=-(mouseX-this.x1)/Math.pow(dist(mouseX,mouseY,this.x1,this.y1),2)5; nodes[this.n1.index].yvel+=-(mouseY-this.y1)/Math.pow(dist(mouseX,mouseY,this.x1,this.y1),2)5; } nodes[this.n1.index].xvel/=1.0000002 nodes[this.n1.index].yvel/=1.0000002 var springlnormal={x:relativex1/Math.sqrt((relativex1relativex1)+(relativey1relativey1))this.springLength,y:(relativey1/Math.sqrt(relativex1relativex1+relativey1relativey1))this.springLength} if(dist((relativex1-springlnormal.x)/2886,(relativey1-springlnormal.y)/2886,0,0)>0.004){ this.broken=true; } nodes[this.n1.index].xvel-=(relativex1-springlnormal.x)/5; nodes[this.n1.index].yvel-=(relativey1-springlnormal.y)/5; } if(!nodes[this.n2.f]){ nodes[this.n2.index].xvel/=1.0000002 nodes[this.n2.index].yvel/=1.0000002 var springlnormal={x:relativex2/Math.sqrt((relativex2relativex2)+(relativey2relativey2))this.springLength,y:(relativey2/Math.sqrt(relativex2relativex2+relativey2relativey2))this.springLength} if(dist((relativex2-springlnormal.x)/2886,(relativey2-springlnormal.y)/2886,0,0)>0.004){ this.broken=true; } nodes[this.n2.index].xvel-=(relativex2-springlnormal.x)/5; nodes[this.n2.index].yvel-=(relativey2-springlnormal.y)/5; } } } document.getElementById("wonstin").crossOrigin = "Anonymous"; ctx.fillStyle="rgb(255,255,255)"; ctx.fillRect(0,0,1200,1200); ctx.drawImage(document.getElementById("wonstin"), 0, 0, 40, 40); var w = ctx.getImageData(0, 0, 40, 40); ctx.lineWidth=1; var springs=[]; var nodes=[]; for(var i =0;i<=64;i++){ for(var i2 =0;i2<=8;i2++){ var w1=i/32Math.PI2+Math.random()0.05 var w2=Math.sqrt(i2+1.0)580+Math.random()1-600; nodes.push(new node(300+Math.cos(w1)(80+w2/10),990+Math.sin(w1)(80+w2/10),false,0,-47.5Math.sin(w1),47.5*Math.cos(w1))); } } //nodes.push(new node(600,600,false,0,0,0)); for(var i =0;i<nodes.length-1;i++){ for(var j =0;j<nodes.length-1;j++){ if(dist(nodes[i].x,nodes[i].y,nodes[j].x,nodes[j].y)<38){ if(i!==j){ springs.push(new spring(nodes[i],nodes[j])); } //springs.push(new spring(nodes[i],nodes[nodes.length-1])); } // springs.push(new spring(nodes[i],nodes[i+1])) } } var fog=[]; var slo=true; var speed=1; var drawl=function() { ctx.fillStyle="rgb(255,255,255)" ctx.fillRect(0,0,1200,1200); ctx.drawImage(document.getElementById("wonstin"), 0, 0, 50, 50); var w = ctx.getImageData(0, 0, 50, 50); ctx.fillStyle="rgb(255,255,255)" ctx.fillRect(0,0,1200,1200); frameCount++; ctx.fillStyle="rgb(0,0,0)" if(toggl&&slo){ slo=false; toggl=false; } if(toggl&&!slo){ slo=true; } if(slo){ speed=1; }else{ speed=30; } for(var o=0;o<speed;o++){ for(var i=0;i<springs.length;i++){ springs[i].update(); } for(var i=0;i<nodes.length;i++){ nodes[i].update(); } } for(var i=0;i<springs.length;i++){ springs[i].draw(); if(springs[i].broken){ springs.splice(i,1); } } ctx.lineWidth=1; ctx.strokeStyle="rgb(10,10,10)" ctx.fillStyle="rgb(100,0,0,0.9)" ctx.font="40px Monospace" ctx.fillText("Slo Mo: "+slo +" (Click toggle)",50,50); toggl=false; window.requestAnimationFrame(drawl); } drawl(); //<script> </script> </html>
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgNv-xY6VCww
Votes	7
Spin-Offs	0
Type	WEBPAGE
Width	400
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Bearkirb314🐻‍❄️
Author Name	BearKirb314
Author ID	kaid_375460112550893828689953
Author Profile Access	PUBLIC

Archive Data

Added	3 months ago, 1727260597259
Updated	3 months ago, 1727260597259
Source Deleted	unknown