Under the Microscope

To Deform a Circle 1

Drawing a circle

 // Placing 50 points 
// around the circumference of a circle
beginShape()
for(let a = 0; a < TAU; a+=TAU/50){
  let x = 200 + 100 * cos(a)
  let y = 200 + 100 * sin(a)
 
  vertex(x, y)
}
endShape(CLOSE)

To Deform a Circle 2

Deforming with Perlin Noise

 beginShape()
for(let a = 0; a < TAU; a+=TAU/50){
  let x = 200 + 100 * cos(a)
  let y = 200 + 100 * sin(a)
 
  let noi = map(noise(x * 0.02, y * 0.02),0,1,-10,10)
 
  vertex(x+noi, y-noi)
}
endShape(CLOSE)

(Broken) Circle Packing

Actually had to go back and read my code to figure out what I was doing

Under the Microscope

By Ahmad Moussa

Under the Microscope

9 months ago
226

	for(let n = 0; n < numAttempts; n++){

	let randX = random(PAD, 800 - PAD)
	let randY = random(PAD, 800 - PAD)
	let randR = random(5, 50)

	let placeable = true
	for(let i = 0; i < circles.length; i++){
	let otherC = circles[i]

	let d = dist(
	otherC.x, otherC.y,
	randX, randY
	)
	if(d < otherC.rad + randR + 5){
	placeable = false
	}
	}

	if(placeable){
	circles.push(
	{x: randX, y: randY, rad: randR}
	)
	}
	}

Under the Microscope

Itinerary

Microcosm

To Deform a Circle 1

To Deform a Circle 2

To Deform a Circle 3

Not a new Idea

Domain Warping

Why?

Cranking It

(Broken) Circle Packing

The Usual Approach

In this Case...

Making Circles Overlap

Fake... fake Circles

If we don't cheat

No Idea what's going on here but also looks kinda cool

Buffer Shenanigans

aka More is More

See Through Effect

Earlier Iterations of this Idea

Cool Effect

Aesthetics?

Thanks

Under the Microscope

Under the Microscope

Ahmad Moussa

	// Placing 50 points
	// around the circumference of a circle
	beginShape()
	for(let a = 0; a < TAU; a+=TAU/50){
	let x = 200 + 100 * cos(a)
	let y = 200 + 100 * sin(a)

	vertex(x, y)
	}
	endShape(CLOSE)

	buff1 = createGraphics(WID, HEI)
	buff2 = createGraphics(WID, HEI)

Under the Microscope

Under the Microscope

More from Ahmad Moussa