// Created by CalebHM var drawing = false; var point1 = {x: 0, y: 0}; var point2 = [{x: 0, y: 0, velx: 0, vely: 0, life: 600}]; var distance; var grav = 0.14; var ar = 0.014; var rad = 7; var ballspeed = 0.25; var ballcolor = "#ffffff"; var help = true; var count = 0; var stopcount = 1; var drawline = false; var opened = false; var col = 0; var lifespan = 600; function setup() { createCanvas(window.innerWidth, window.innerHeight); background(0); stroke(255); fill(255); point1.x = width/2; point1.y = height/2; point2[0].x = width/2; point2[0].y = height/2; $("#bars").click(function() { if (opened) { $("#settings").animate({left: "-60vw"}); $("#bars").animate({left: "1vw"}); $("#b1").animate({opacity : "1"}); $("#b3").animate({opacity : "1"}); opened = false; } else { $("#settings").animate({left: "0"}); $("#bars").animate({left: "61vw"}); $("#b1").animate({opacity : "0"}); $("#b3").animate({opacity : "0"}); opened = true; } }); } function draw() { background(0); rad = document.getElementById("ballsize").value; ballspeed = document.getElementById("ballspeed").value; ballcolor = document.getElementById("ballcolor").value; grav = parseFloat(document.getElementById("gravity").value); col = parseInt(document.getElementById("collision").value); lifespan = parseInt(document.getElementById("lifespan").value); if (help && point2[0]) { stroke(0); fill(150+point2[0].vely*4); textSize(width/16); textFont("sans-serif"); text("tap & drag", width*0.385, height*0.45); textSize(width/24); text("reload if not full-screen", width*0.32, height*0.55); } stroke(255); fill(0); ellipse(mouseX, mouseY, rad*2+1, rad*2+1); if (drawing) { distance = Math.round(dist(point1.x, point1.y, point2[count].x, point2[count].y)); stroke(map(distance, 0, width, 0, 255)); if (drawline){ line(point1.x, point1.y, point2[stopcount-1].x, point2[stopcount-1].y); } fill(0); ellipse(point1.x, point1.y, rad*2, rad*2); } else { for(i=point2.length-1; i>=0; i--) { point2[i].x += point2[i].velx; point2[i].y += point2[i].vely; point2[i].vely += grav; if (point2[i].vely < 0) { point2[i].vely += grav; } if (point2[i].velx > 0) { point2[i].velx -= ar; } else if (point2[i].velx < 0) { point2[i].velx += ar; } if (point2[i].x <= rad || point2[i].x >= width-rad) { point2[i].velx *= -1; } if (point2[i].y >= height-rad || point2[i].y < rad){ if (point2[i].y < rad) { point2[i].y = parseInt(rad); } point2[i].vely *= -1; } } } for(i=point2.length-1; i>=0; i--) { stroke(255); fill(ballcolor); ellipse(point2[i].x, point2[i].y, rad*2, rad*2); point2[i].life--; if (col) { for(q=point2.length-1; q>=0; q--){ if(dist(point2[i].x, point2[i].y, point2[q].x, point2[q].y) <= (rad*2) && q != i){ var xx = point2[q].velx; var yy = point2[q].vely; point2[q].velx = point2[i].velx*0.9; point2[q].vely = point2[i].vely*0.9; point2[i].velx = xx; point2[i].vely = yy; if(dist(point2[i].x, point2[i].y, point2[q].x, point2[q].y) <= (rad*2) && q != i){ point2[q].x += point2[q].velx; point2[q].y += point2[q].vely; point2[i].x += point2[i].velx; point2[i].y += point2[i].vely; } } } } if (point2[i].life <=0) { count--; stopcount--; point2.splice([i], 1); } } } function mousePressed() { if (!opened) { drawing = true; point1.x = mouseX; point1.y = mouseY; (count= height-rad) { point2[count].y = parseInt(height-rad+1); } if (point2[count].x <= rad) { point2[count].x = parseInt(rad)+1; } if (point2[count].x >= width-rad) { point2[count].x = parseInt(width-rad+1); } } for(k=point2.length-1; k>=0; k--){ if(dist(point2[count].x, point2[count].y, point2[k].x, point2[k].y) <= (rad*2) && k != count){ count--; stopcount--; point2.pop(); break; } } }

52. birad ball style