class Ball_2 { constructor(x, y, vx, vy, w, h, color, vt) { this.x = x; this.y = y; this.vx = vx; this.vy = vy; this.w = w; this.h = h; this.color = color; this.t = 0; this.vt = vt; } update() { this.x += this.vx; this.y += this.vy; this.t += this.vt; /* if (distance(c,this)>200) { this.vx = -this.vx; this.vy = -this.vy; } */ /* if ( this.t >100 || this.t <0) { this.vt = -this.vt; this.vx = -this.vx; this.vy = -this.vy; } */ /* if ( this.t <0) { this.vt = 0; this.vx = 0; this.vy = 0; } */ /* if(this.x > 400 || this.x < 0){ this.vx = -this.vx; } if(this.y > 400 || this.y < 0){ this.vy = -this.vy; } */ } render() { push(); ellipse(this.x, this.y, this.w / 2, this.h / 2); pop(); } } function magnitude(x, y) { return Math.sqrt(x ** 2 + y ** 2); } function makeVel(array,number){ array.forEach((obj,i) => { let vx = Math.cos(i*Math.PI*2/number); let vy = Math.sin(i*Math.PI*2/number); let r = Math.random(); obj.vx = 2*r*vx; obj.vy = 2*r*vy; obj.vt = 1; }) } function setup() { createCanvas(400, 400); } function draw() { //noFill(); background(255,255,0,100); noFill(); stroke(0, 0, 0); strokeWeight(4); /* balls.sort(function(a, b) { return a.x - b.x; }); */ a.forEach(obj => obj.update()); //a.forEach(obj => obj.render()); //b.forEach(obj => obj.update()); //b.forEach(obj => obj.render()); let half_2 = make_half_Point(balls); connectPoints_3(balls, half_2,color(250,0,0),color(250,0,250)); let c1 = color(n1,0,0); let c2 = color(n1,0,n2); connectPoints_3(balls, half_2,c1,c2); /* if(frameCount%200 < 100){ makeVel(a,100,1); } if(frameCount%200 > 100){ makeVel(a,100,-1); } */ makeVel(a,100,1); //let half_3 = make_half_Point(balls_2); //connectPoints_3(balls_2, half_3,color(200,0,0)); } let n1 = 0; let n2 = 0; function make_half_Point(array) { let array1 = []; for (let i = 0; i < array.length-1; i++) { let p = { x: (array[i].x + array[i + 1].x) / 2, y: (array[i].y + array[i + 1].y) / 2 }; array1.push(p); } return array1; } function connectPoints_2(array, half) { for (let i = 0; i < array.length-3; i++) { bezier(half[i].x, half[i].y, array[i + 1].x, array[i + 1].y, array[i + 1].x, array[i + 1].y, half[i + 1].x, half[i + 1].y); } } function connectPoints_3(array, half,color1,color2) { stroke(color1); fill(color2); beginShape(); for (let i = 0; i < array.length-3; i++) { vertex(half[i].x, half[i].y); bezierVertex(array[i + 1].x, array[i + 1].y, array[i + 1].x, array[i + 1].y, half[i + 1].x, half[i + 1].y); } endShape(); } let balls = []; let number = 100; for (let i = 0; i < number; i++) { let p = { x: 400 * Math.random(), y: 400 * Math.random() }; let vx = Math.cos(i*Math.PI*2/number); let vy = Math.sin(i*Math.PI*2/number); let r = Math.random(); balls.push(new Ball_2(200 + 100*vx,200 + 100*vy,2*r*vx,2*r*vy,10,10,"red",1)); } let a = balls.slice(); balls.push(balls[0]); balls.push(balls[1]); balls.push(balls[2]); function makeBalls(n,X,Y){ let balls = []; let number = n; for (let i = 0; i < number; i++) { let p = { x: 400 * Math.random(), y: 400 * Math.random() }; let vx = Math.cos(i*Math.PI*2/number); let vy = Math.sin(i*Math.PI*2/number); let r = Math.random(); balls.push(new Ball(X + 100*vx,Y + 100*vy,2*r*vx,2*r*vy,10,10,"red",1)); } return balls; } function makeVel(array,number,d){ array.forEach((obj,i) => { let vx = Math.cos(i*Math.PI*2/number); let vy = Math.sin(i*Math.PI*2/number); let r = Math.random(); obj.vx = 2*r*vx*d; obj.vy = 2*r*vy*d; obj.vt = 1; }) } function setPos(array,number,d){ array.forEach((obj,i) => { let vx = Math.cos(i*Math.PI*2/number); let vy = Math.sin(i*Math.PI*2/number); let r = Math.random(); obj.x = 200+100*vx*d; obj.y = 200+100*vy*d; //obj.vt = 1; }) } function mouseClicked() { n1 = 255*random(); n2 = 255*random(); setPos(a,100,1); }

spread circles