# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.headline
p5, 사용할 수 있는 도구

# data[].attributes.subject
p5, 사용할 수 있는 도구

# data[].attributes.body
function setup() {

createCanvas(400, 400);

}

function draw() {

background(220);

let x = 100;

let y = 150;

let r = 50;

ellipse(x, y, r 2, r 2);

}

# data[].attributes.body
function setup() {

createCanvas(400, 400);

}

function draw() {

background(200);

rect(mouseX, mouseY, 50, 50);

}

# data[].attributes.body
function setup() {

createCanvas(400, 400);

}

function draw() {

if (mouseX < width / 2) {

background(0, 0, 255); // 파란 배경

} else {

background(255, 0, 0); // 빨간 배경

}

ellipse(width / 2, height / 2, 100, 100);

}

# data[].attributes.body
let x = 0;

function setup() {

createCanvas(400, 400);

}

function draw() {

background(255);

ellipse(x, 200, 50, 50);

x = x + 2;

}

# data[].attributes.body
let c = 0;

function setup() {

createCanvas(400, 400);

}

function draw() {

background(c);

ellipse(width / 2, height / 2, 100, 100);

}

function mousePressed() {

c = random(255);

}

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
1. 파이썬과 비교했을 때 틀렸다는 부분을 바로 잡아준다.

1. 파이썬에서 입력하는 명령어와 p5에서 입력하는 명령어가 다르다.

2. 잘 모르겠다.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.headline
첫시간 실습-파이값 관찰 시물레이션

# data[].attributes.subject
첫시간 실습-파이값 관찰 시물레이션

# data[].attributes.body
let total = 0;

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, 3, 3);

let result = 4 * inside / total;

fill(255);

rect(0, 0, 100, 30);

fill(0);

textSize(16);

text(result, 10, 30);

}

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.headline
동그라미에서 사각형으로 좌표를 0, 0에

# data[].attributes.body
동그라미에서 사각형으로 좌표를 0, 0에서 5, 5로

function setup() {

createCanvas(400, 400);

}

function draw() {

if (mouseX < width / 2){

background(5, 5, 255);

}else{

background(225, 5, 5);

}

rect(width / 2, height / 2, 100, 100);

}

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.headline
어떤 현상을 구현한 걸까?

# data[].attributes.subject
어떤 현상을 구현한 걸까?

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
1. 분야별 예제 선택

2. 코드 복사/실행해보기

3. 수정(분석)후 코드 링크 제출

핵심 알고리즘은?

수정 아이디어 ? - 구현도 가능

댓글로 작성

# data[].attributes.attachment_link.description
p5.js a JS client-side library for creating graphic and interactive experiences, based on the core principles of Processing.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
https://editor.p5js.org/uhyeonjun/full/IGuWLeJzi

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
마우스를 따라가는 눈을 마우스의 반대 방향으로 바꿔줘

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
이번에는 눈 말고 검은 배경에 흰 점 하나를 찍고 그 점이 마우스를 피하는 코드도 짜줘

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
사용자가 마우스를 통해 앵무새의 외부 표면에 접촉을 가할 경우, 해당 접촉에 반응하여 앵무새의 색조가 동적이고 점진적으로 변화하는 현상이 발생한다

# data[].attributes.attachment_link.description
Paint from an image file onto the canvas.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.