배우기
깊이있고 순차적인 설명과 튜토리얼을 주제별로 제공합니다. p5.js 함수를 종류별로 알고싶다면 예제 를 클릭하세요.
p5.js 소개
p5.js에 오신 것을 환영합니다.
이 페이지는 p5.js 프로젝트 설정을 위한 기본 내용을 다룹니다.
p5.js 주요 기능에 대한 개괄 설명을 확인하세요.
p5와 프로세싱 간의 주요 차이점, 그리고 변환 방법을 알아보세요.
맥 OSX, 윈도우, 리눅스 상에서 로컬 서버 설정하기
커뮤니티의 기여로 제작된 레퍼런스와 튜토리얼
스크린 리더를 위한 p5 설정 방법을 알아보세요.
Using labels to make your code accessible to screen readers.
p5.js에 연결하기
p5.js로 node.js 서버 사용하기, socket.io로 연결, 통신하기
프로그래밍 주제
페이지상 캔버스 너머의 요소들 만들고 조작하기
디지털 색상 소개
좌표계를 활용하여 간단한 도형 그리기
p5.js상의 곡선 3가지 소개: 아치형 곡선, 스플라인 곡선, 베지어 곡선
마우스 및 키보드 인터랙션 소개
p5.js에서 프로그램 플로우 조정하는 법 소개
Getting Started in WebGL
Basics of 3D setup, coordinates, and transformations
Creating custom geometry in WebGL
The basics of materials and lighting in WebGL
The basics of creating shaders within p5js using WebGL
Setting up sketches that draw in multiple stages or access 3D depth information.
더 나은 개발자 되기
모두를 위한 디버깅 필드 가이드
더 빠르고 부드러운 코딩을 위한 최적화 팁
설치로 인한 고통에서 벗어나세요. 유닛 테스팅이란 무엇이고 어떻게 사용하는가? 제작: 앤디 티몬스(Andy Timmons)
커뮤니티에 함께하기
개발 기여 시작하기 및 둘러보기
p5.js 개발용 파일 구조 및 도구에 대한 친절한 소개. 제작: 루이자 페레이라(Luisa Pereira)
프로그래밍 튜토리얼 제작 가이드.
p5.js 추가 라이브러리 만들기