if와 else문은 특정 조건이 참일 때만 코드 블록이 실행되도록 합니다. 이 예제는 마우스를 누른 상태에서만 애니메이션이 실행되도록 합니다. 59번 줄의 if문 때문에 이렇게 동작할 수 있습니다. if와 else문에 대한 자세한 내용은 p5 레퍼런스나 MDN에서 읽을 수 있습니다.
비교 연산자는 두 값을 비교하여 조건식을 형성하는 데 도움을 줍니다. 이 예제에서는 69번 줄의 if문에 의해 원의 색조가 360 이상일 때 0으로 재설정됩니다. 비교 연산자에 대한 자세한 내용은 MDN에서 읽을 수 있습니다.
논리 연산자는 조건식을 결합할 수 있게 합니다. &&는 모든 조건식이 참인지를 확인합니다. 이 예제에서 원은 캔버스의 수평 중심으로 향할 때 검은색으로 채워지고, 그렇지 않으면 흰색으로 채워집니다. 이것은 45번 줄의 if문 때문인데, 이 명령문은 원의 x좌표가 100 이상 300 이하인지를 확인하고 있습니다. ||는 적어도 하나의 조건식이 참인지를 확인합니다. 75번 줄의 if문에 의해, 원이 캔버스의 왼쪽이나 오른쪽 가장자리에 도달할 때 수평 속도를 반대로 만듭니다.
