Creative Coding Art Source Code As you purchase and own this NFT of interactive Art source code, you are authorized to integrate or build upon in personal or commercial projects such as websites, web apps, and web templates intended for sale. With verified NFT, you can get support from the original artist - Che-Yu Wu (cyw345@nyu.edu) if you need technical support for this piece of code.

let colors = "07ed94-390099-9e0059-ff0054-ff5400-ffbd00-473BF0-f37748-d56062-fff-0c0a3e-7b1e7a-b33f62-f3c677".split("-").map(a=>`#${a}`)
let robots = []
let overAllTexture
class Robot{
	constructor(args){
		let def = {
			p: createVector(width/2,height/2),
			v: createVector(0,0),
			a: createVector(0,0),
			randomId: random(500),
			size: createVector(random(65,95),random(50,95)),
			antennaSize: createVector(random(5,20),random(5,30)),
			colors: [random(colors),
							 random(colors),
							 random(colors),
							 random(colors),
							 random(colors),
							 random(colors),
							 random(colors)],
			eyeSizes: createVector(
									random(10,20),
									random(10,20)),
			ang: random(-0.1,0.1),
			corner: random([0,0,5,20,50]),
			strokeWeight: random(4,8)
		}
		Object.assign(def,args)
		Object.assign(this,def)
	}
	draw(){
		push()
			translate(this.p.x,this.p.y)
			scale(0.95)
			rotate(this.ang+sin(this.randomId+mouseX/100+frameCount/50+this.p.x+this.p.y)/4)
		
			rectMode(CENTER)
			ellipseMode(CENTER)
			fill(this.colors[0])

			strokeWeight(this.strokeWeight/2)
			// stroke(this.colors[1])
		  // stroke(this.colors[3])
			if (this.colors[0]=="#0c0a3e"){
				stroke(255)
			}
			rect(0,0,this.size.x,this.size.y,this.corner)
			noStroke()

			stroke(this.colors[2])
			strokeWeight(this.strokeWeight) 
			fill(0)
			circle(-18,0,this.eyeSizes.x)
		
			stroke(this.colors[5])
			strokeWeight(this.strokeWeight/2) 
			circle(18,0,this.eyeSizes.x+sin(frameCount/50+mouseY/100)*2)
			noStroke()
			noStroke()
		
			fill(this.colors[2])
		
			push()
				fill(this.colors[4])
				rotate(sin(frameCount/30)/6)
				rect(18,-18+sin(frameCount/50+this.p.y-mouseX/20)*5,this.eyeSizes.x*1.5,6)
			pop()
			push()
				fill(this.colors[6])
				rotate(sin(frameCount/20+1)/5)
				rect(-18,-18+sin(frameCount/20+mouseY/25+this.p.y)*5,this.eyeSizes.x,6)
			pop()
			
			fill(this.colors[3])
			rect(-this.size.x/2-5,0,7,this.eyeSizes.y*3)
		
			fill(this.colors[4])
			rect(this.size.x/2+5,0,7,this.eyeSizes.x*3)
		
			fill(this.colors[4])
			rect(0,-this.size.y/2+sin(frameCount/20+0.5)*5,
				this.antennaSize.x,this.antennaSize.y)
			
			fill(this.colors[5])
			rect(0,this.size.y/8+sin(frameCount/20)*5,
					10,20)
		
			push()
				rotate(sin(frameCount/10+mouseX/20+mouseY/20)/5)
				fill(this.colors[6])
				rect(0,this.size.y/4,this.size.x/2,5,30)
			pop()
		
		pop()
	}
	update(){
		
	}
}

function addRobot(x,y){
	robots.push(new Robot({
		p: createVector(x,y)
	}))
}

function setup() {
	createCanvas(1000,1000);
	background(100);
	fill(0)
	rect(0,0,width,height)
	
	overAllTexture=createGraphics(width,height)
	overAllTexture.loadPixels()
	for(var i=0;i<width+50;i++){
		for(var o=0;o<height+50;o++){
			overAllTexture.set(i,o,color(100,noise(i/3,o/3,i*o/50)*random([0,50,100])))
		}
	}
	overAllTexture.updatePixels()
	
	for(var x=50;x<width;x+=100){
		for(var y=50;y<height;y+=100){
			addRobot(x,y)
		}
	}
}

function draw() {
	fill(0)
	rect(0,0,width,height)
	robots.forEach(robot=>{
		robot.update()
		robot.draw()
	})
	
	push()
		blendMode(MULTIPLY)
		image(overAllTexture,0,0)
	pop()
	// ellipse(mouseX, mouseY, 20, 20);
}