건너뛰기

언어 설정

배우기

깊이있고 순차적인 설명과 튜토리얼을 주제별로 제공합니다. p5.js 함수를 종류별로 알고싶다면 예제 를 클릭하세요.

p5.js 소개

p5.js에 오신 것을 환영합니다.
이 페이지는 p5.js 프로젝트 설정을 위한 기본 내용을 다룹니다.

p5.js 주요 기능에 대한 개괄 설명을 확인하세요.

p5와 프로세싱 간의 주요 차이점, 그리고 변환 방법을 알아보세요.

맥 OSX, 윈도우, 리눅스 상에서 로컬 서버 설정하기

커뮤니티의 기여로 제작된 레퍼런스와 튜토리얼

스크린 리더를 위한 p5 설정 방법을 알아보세요.

p5.js에 연결하기

p5.js로 node.js 서버 사용하기, socket.io로 연결, 통신하기

프로그래밍 주제

페이지상 캔버스 너머의 요소들 만들고 조작하기

WebGL 모드 기반의 고급 그래픽 개발하기

디지털 색상 소개

좌표계를 활용하여 간단한 도형 그리기

p5.js상의 곡선 3가지 소개: 아치형 곡선, 스플라인 곡선, 베지어 곡선

마우스 및 키보드 인터랙션 소개

p5.js에서 프로그램 플로우 조정하는 법 소개

더 나은 개발자 되기

모두를 위한 디버깅 필드 가이드

더 빠르고 부드러운 코딩을 위한 최적화 팁

설치로 인한 고통에서 벗어나세요. 유닛 테스팅이란 무엇이고 어떻게 사용하는가? 제작: 앤디 티몬스(Andy Timmons)

커뮤니티에 함께하기

개발 기여 시작하기 및 둘러보기

p5.js 개발용 파일 구조 및 도구에 대한 친절한 소개. 제작: 루이자 페레이라(Luisa Pereira)

프로그래밍 튜토리얼 제작 가이드.

p5.js 추가 라이브러리 만들기