Constrain Within Circle

← Button Function Control Structures 01 →

500×500 · p5.js instance mode

Constrain_within_circle.pde 34 lines

float x, y;
float easing = 0.05;
PVector circle = new PVector(250, 250);
int diameter = 300;
 
void setup() {
  size(500, 500);
  x = y = width/2;
  noStroke();
  smooth();
}
 
void draw () {
  background(51);
  fill(255);
  ellipse(circle.x, circle.y, diameter, diameter);
 
  PVector m = new PVector(mouseX, mouseY);
  if (dist(m.x, m.y, circle.x, circle.y) > diameter/2) {
    m.sub(circle);
    m.normalize();
    m.mult(diameter/2);
    m.add(circle);
  }
 
  fill(0, 0, 255);
  ellipse(m.x, m.y, 6, 6);
 
  x = x + (m.x - x) * easing;
  y = y + (m.y - y) * easing;
 
  fill(255, 0, 0);
  ellipse(x, y, 24, 24);
}

read-only archive source from /2017/Useful References/Constrain_within_circle/Constrain_within_circle.pde

Description

This page is generated from the Processing project folder at /2017/Useful References/Constrain_within_circle/Constrain_within_circle.pde.

Constrain Within Circle

Description

Archive