1

p5.js 기본

1차시. p5.js가 무엇인가요?

퀴즈
(2문항)

2차시. p5.js로 무엇을 할 수 있을까요?

3차시. 그리는 위치

4차시. 점 그리기

5차시. 선분 그리기

2

변수와 반복 그리기

1차시. 기본 도형 직사각형 그리기

퀴즈
(2문항)

2차시. 기본 도형 타원 그리기

3차시. 기본 도형 삼각형 그리기

4차시.기본 도형 사각형 그리기

5차시.그리는 순서

3

조건에 따른 선택

1차시. 변수와 자료형

퀴즈
(2문항)

2차시. 산술연산

3차시. 반복 그리기

4차시.마우스로 점을 찍어 볼까요?

5차시.정보 출력하기

4

조건에 따라 진행 방향 변경

1차시. 선분으로 그림 그리기

퀴즈
(2문항)

과제(1)

2차시. if문이 무엇일까요?

3차시. 조건에 따른 흐름 변화

4차시.두 갈래 길에서 선택

5차시.회색톤 색 표현

5

코드 묶음에 이름 부여하기 (1)

1차시. 외곽선과 면 속성

퀴즈
(2문항)

2차시. 여러 조건 중 선택

3차시. 나머지연산자 활용

4차시.조건 + 마우스로 그리기

5차시.색 표현

6

코드 묶음에 이름 부여하기 (2)

1차시. 색 표현 활용하기

퀴즈
(2문항)

2차시. 코드 묶음에 이름 부여하기

3차시. 함수 만들기

4차시.함수 활용하기

5차시.마우스 이벤트1

7

반복문 활용 패턴 만들기

1차시. 마우스 이벤트2

퀴즈
(2문항)

2차시. 도형 반복하여 그림 그리기

3차시. for 문 활용

4차시.반복문 사용 패턴 만들기

5차시.while 문

8주차 중간고사 (10문제)

9

좌표계 변환 활용 그리기

1차시. 이중 for 문

퀴즈
(2문항)

2차시. 변화가 있는 동심원 패턴 그리기

3차시. 변화가 있는 그리드 그리기

4차시.키보드 이벤트

5차시. 배열이란?

10

배열 활용 그리기

1차시. 일차원 배열 활용

퀴즈
(2문항)

2차시. 이차원 배열 알아보기

3차시. 이차원 배열 활용하기 1

4차시.이차원 배열 활용하기 2

5차시. 버블 정렬

11

움직임 활용 그리기

1차시. 애니메이션 알아보기

퀴즈
(2문항)

2차시. 거북이 애니메이션

3차시. 연산자와 우선순위

4차시. 거리 활용 애니메이션

5차시. 사인, 코사인 곡선 애니메이션

12

자신을 반복 활용하기

1차시. 재귀함수란?

퀴즈
(2문항)

과제(2)

2차시. 사각형 패턴 그리기

3차시. 삼각형 패턴 그리기

4차시. 시에르핀스키 삼각형 그리기

5차시. 프랙탈 나무 그리기

13

클래스가 무엇일까요

1차시. 클래스란?

퀴즈
(2문항)

2차시. 클래스 활용하기

3차시. 클래스 만들어 사용하기

4차시. p5.js 커뮤니티 활동 (1) - 전문가 대담

5차시. p5.js 커뮤니티 활동 (2) - 전문가 대담

14

이미지 활용하기

1차시. 도화지에 이미지 그리기

퀴즈
(2문항)

2차시. 픽셀 정보 가져오기

3차시. 이미지로 배경 만들기

4차시.픽셀 정보 변경하기

5차시. 다양한 이미지 효과 부여하기

15주차 기말고사 (10문제)