[프로세싱] 예제 중 하나, ContinuousLines

예제 중 하나, ContinuousLines

프로세싱은 프로그램에서 제공하는 예제가 풍부합니다. 예제를 선택하는 방법은 메뉴 '파일 > 예제'에서 선택합니다. 네 개로 크게 분류가 되어 있고, 각 카테고리별로 다양한 예제가 있습니다.

메뉴에서 '예제' 선택

 

네 개의 카테고리는 'Basics', 'Topics', 'Demos', 'Libraries'입니다. 각 범주별로 다양한 예제가 있습니다.

 

이 네 가지 카테고리를 통해 사용자는 프로세싱의 기초부터 고급 기능까지 단계적으로 학습할 수 있습니다. Basics는 프로그래밍과 프로세싱의 기초를 다지는 데 유용하며, Topics은 특정 기능에 대한 심화 학습을, Demos는 실제 프로젝트에서 프로세싱의 활용 가능성을 보여줍니다. Libraries는 기본 기능을 넘어선 확장된 작업을 위한 도구들을 익힐 수 있도록 합니다.

예제 종류

예제, ContinuousLines

마우스를 클릭하고 드래그하여 선을 그릴 수 있는 기능을 구현한 것입니다.

프로그램 코드

코드 설명

5번째 줄까지는 주석입니다. 주석 내용은 '마우스를 클릭하고 드래그하여 선을 그릴 수 있다'는 것을 영문으로 기록되어 잇습니다.

 

다음 7~10번째 줄까지는 'setup()' 함수입니다. setup() 함수는 프로그램이 처음 실행될 때 한 번만 호출됩니다. 창의 크기와 배경색을 정하고 있습니다.

 

12~17번째 줄은 draw() 함수입니다. draw() 함수는 프로그램이 종료될 때까지 반복해서 실행됩니다. 그려질 선은 흰색입니다. 마우스가 눌려졌을 때만('if (mousePressed == true') 아래 코드를 실행하라는 내용입니다. 현재 마우스 위치(mouseX, mouseY)와 이전 마우스 위치(pmouseX, pmouseY)를 연결하는 선을 그리라는 내용입니다.

마우스로 당근을 그림

 

사용자는 마우스를 클릭하고 화면에서 드래그하면, 그 경로를 따라 선이 그려집니다. 드래그할 때마다 이전 위치와 현재 위치가 연결되어 연속된 선이 만들어집니다. 마우스로 간단하게 선을 그리는 간단한 애플리케이션입니다.