이 예제는 두 개의 사용자 정의 클래스를 사용합니다. Particle 클래스는 위치, 속도 및 색조를 저장합니다. 현재 위치와 색조를 사용하여 원을 렌더링하고 현재 속도를 사용하여 위치를 업데이트합니다. Path 클래스는 Particle 클래스에서 생성된 객체들의 배열을 저장합니다. 이는 각 입자를 연결하는 선을 렌더링합니다. 사용자가 마우스를 클릭하면 스케치는 Path 클래스의 새 인스턴스를 만듭니다. 사용자가 마우스를 드래그하면 스케치는 현재 경로에 Particle 클래스의 새 인스턴스를 추가합니다.
연결된 입자들 by p5.js Contributors and the Processing Foundation is licensed under CC BY-NC-SA 4.0.
