p5 for 50+ 시작하기


1. p5 for 50+ 웹프로그램이란?

코딩 언어 중 하나인 p5.js를 보다 쉽고 재밌게, 그리고 언제 어디서나 배울 수 있도록 만든 스마트폰 기반의 프로그램입니다.

❔ 왜 & 어떻게 만들었어요: 리서치 Research

2. p5 for 50+ 웹프로그램 켜기

자, 이제 본격적으로 어떻게 조금 더 쉽게 p5.js를 배울 수 있는지 알아볼게요!

우선, 아래의 버튼을 눌러 p5 for 50+ 웹프로그램에 접속합니다.


그럼, 다음과 같은 화면이 보일 거에요.

처음 접속 화면이에요. 가운데 시작하기 버튼을 누르면,

홈 화면으로 넘어옵니다. 흰색 화면에 손을 대면 물방울들이 그려져요!

3. 메뉴 > 예제 살펴보기

홈 화면의 우측 상단을 보면 “메뉴” 버튼이 있습니다. 여기서 “예제” 버튼을 눌러 p5.js로 어떤 것을 만들 수 있는지 한번 구경해볼까요!

원하는 스케치 예제를 클릭해서 이 스케치에 담겨있는 깜짝 이벤트들을 확인해볼까요? 손가락을 스케치 위에 이리저리 굴려보고 터치도 해봅니다.

4. 메뉴 > 예제 > 스케치 코드

5. 메뉴 > 에디터

6. 메뉴 > 배우기

7. 메뉴 > 레퍼런스 (함수 사전)