// Created by Bell // Trying out ideas from Nature of Code by Daniel Shiffman, /* Food as derived class of Mover Mover class has Constructor, which along with properties position and radius reads object Gene with traits to be evolved. Radius is anticorrelated with velocity. The bounce limits dx and dy are passed through the Gene object. Movers gain health by eating and lose it with time. Health is displayed as a white circle. Older individuals turn grey and stop eating. Mutation and crossover take place among differently colored movers, giving rise to new movers. Probability of procreation depends on health. */ let ctx, p = [], z = 0, W = innerWidth, H = innerHeight; const Dist= (x1, y1, x2, y2) => Math.sqrt((x2-x1)*(x2-x1)+(y2-y1)*(y2-y1)); const pick = (min, max) => Math.random() * (max - min + 1) + min; const Norm = (v,invdist) => ({ x: v.x * invdist, y: v.y * invdist }); const RAD = 0.01745329252; let {sin, cos, PI: pi, abs, min, max} = Math; // wind force will be random but constant const winda ={x: 0.003*pick(-10, 10),y: 0.0015*pick(-7,-3)}; let col = ["PeachPuff", "cyan", "navy", "HotPink", "red","Indigo","Gold","Crimson","Turquoise", "Seagreen","Forestgreen","green","Darkgreen","DarkCyan","teal"]; class Mover { constructor(x, y, radius, gen) { this.x = x; this.y = y; this.radius = max(0.1, radius); this.color = col[Math.floor(Math.random()*4)]; this.velocity = { x: (H/(50*radius))*pick(-1, 1), y: (H/(50*radius))*pick(0, 1) }; this.acceleration = { x: 0.0, y: 0.0 }; this.dx= gen.ax; this.dy= gen.ay; this.mass = radius; this.health=100; this.time=Math.floor(pick(1, 300)); } draw() { if(this.time>1450)this.color="SlateGray"; ctx.fillStyle = this.color; ctx.beginPath(); ctx.arc(this.x, this.y, this.radius, 0, 2*Math.PI); ctx.fill(); ctx.strokeStyle= "white"; ctx.arc(this.x, this.y, 1+this.health/10, 0, 2*Math.PI); ctx.stroke(); ctx.closePath(); } windf() { this.acceleration.x+= winda.x; this.acceleration.y+= winda.y; } zoom() { this.acceleration.x+= 0.05*pick(-1,1); this.acceleration.y+= 0.05*pick(-1,1); } bounce() { if(this.x - this.dx*W -this.radius <= 0 || this.x + this.dx*W + this.radius >= W) this.velocity.x = -this.velocity.x; if(this.y - this.radius -this.dy*H <= 0 ) this.velocity.y = -this.velocity.y; if( this.y + this.radius + this.dy*H >= H) this.velocity.y = -this.velocity.y; } procreate(){ let nx = pick(0.05*W, 0.95*W ); let ny = pick(0.2*H, 0.30*H ); let a= this.radius; let r = pick(a-0.15, a+0.15); a= this.dx*100; let delx =pick(a-1,a+1)*0.03; a= this.dy*100; let dely =pick(a-1,a+1)*0.03; let h=this.health*0.75; let n=0; for (let j=0; jh&&(!p[j].hasOwnProperty('side'))){ r=0.5*r+0.5*p[j].radius; delx=0.5*delx+0.5*p[j].dx; dely=0.5*dely+0.5*p[j].dy; //console.log(r,delx,dely); let gen= new Gene(delx,dely); p.push(new Mover(nx, ny, r,gen)); n++; } } } // eat colliding food eat(){ for (let j=0; j5&&Math.random()<0.0005)this.procreate(); } } class Food extends Mover { constructor(x, y, radius,gen,side,angle) { super(x,y,radius,gen); this.side = side; this.angle = angle; this.color = col[side+6]; this.velocity.x=0; this.velocity.y=0; this.avel=-0.005*side; this.mass = 1; this.dx=gen.ax; this.dy=gen.ay; } draw() { ctx.fillStyle = this.color; ctx.save(); ctx.translate(this.x, this.y); ctx.rotate(this.angle); ctx.beginPath(); ctx.moveTo(this.radius, 0); for(let a = 360/this.side; a<360; a += 360/this.side) { ctx.lineTo(cos(a*RAD)*this.radius, sin(a*RAD)*this.radius); } ctx.fill(); ctx.closePath(); ctx.restore(); } update() { this.time+=0.3; this.angle+=this.avel; this.draw(); } } /* class Fluffy extends Mover { constructor(x, y, radius,ax,ay) { super(x,y,radius); this.mass=0.5; } draw() { ctx.fillStyle = this.color; for(let i=0; i < this.radius; i++) { ctx.globalAlpha = parseFloat(i / this.radius); ctx.beginPath(); ctx.arc(this.x, this.y, this.radius-i, 0, 2*Math.PI); ctx.fill(); ctx.strokeStyle= "white"; ctx.arc(this.x, this.y, 1+this.health/10, 0, 2*Math.PI); ctx.stroke(); ctx.closePath();} } } */ // Class to hold genetic traits, its objects are used to construct movers class Gene{ constructor(ax, ay) { this.ax = Math.min(0.99,Math.max(ax,0.01)); this.ay = Math.min(0.99,Math.max(ay,0.01)); } } function die(p){ for (let i=0; i { ctx.fillStyle = "rgba(154, 205, 50, .9)"; ctx.fillRect(0, 0, W, H); if(ctx == null) return; z++; if(z>150000)return; die(p); if(z%300==0)feed(p); p.forEach(pi => pi.update()); requestAnimationFrame(animate); } const init = () => { ctx = document.querySelector("#cvs").getContext("2d"); ctx.canvas.width = W = innerWidth; ctx.canvas.height = H = innerHeight; p = []; W = innerWidth; H = innerHeight; window.alert("GA evolution: young movers eat and gain health (white line) and mate among different colored. Size-speed and bounce limits mutate and cross-over. How does the ecosystem evolve?"); populate(); requestAnimationFrame(animate); } window.addEventListener("load", init);

MoversGAevolution13