let inside = 0;

function setup() {

createCanvas(400, 400);

frameRate(100);

noFill();

rect(0, 0, 400, 400);

ellipse(200, 200, 400, 400);

}

function draw() {

let x = random(400);

let y = random(400);

let d = dist(x, y, 200, 200);

total++;

if (d <= 200) {

inside++;

fill(0, 0, 255);

} else {

fill(255, 0, 0);

}

noStroke();

ellipse(x, y, 4, 4);

let result = 4 * inside / total;

fill(255);

rect(0, 0, 200, 30);

fill(0);

textSize(16);

text(result, 10, 30);

}

2) background 색을 (210, 4, 6)으로 바꿈

3) ellipse 인 원의 크기를 (100, 100) 으로 바꿈

원끼리 합쳐지게 하는 아이디어를 내봤는데, harder than you think 류 게임이 생각나서 한번 ai로 만들어뵜습니다

클릭하면 사각형으로 바뀜

클릭하면 회전 방향 전환,

키보드로 속도 조절,

창 크기에 반응(반응형 중앙 정렬)

map(mouseY, 0, height, 0, 255) : 마우스 Y 좌표를 초록(G) 값으로 변환

200 : 파랑(B) 값은 고정

결과적으로 마우스를 움직이면 색상이 부드럽게 변함

마우스를 오른쪽으로 옮길수록 회전이 빨라지고, 왼쪽으로 옮기면 느려짐

angle += speed; : 변환된 속도를 angle에 더해 회전각을 계속 변화시킴