질문 드립니다!

[KimHyunJuhg]

https://editor.p5js.org/KimHyunJung/sketches/t3oatIh5F

다음 코드에서 고양이가 라인을 따라 움직이는 것까지는 구현했는데 한 지점에 다다른 고양이 얼굴이 사라지지 않고 새로 생성되어서 어떻게 해결할지 모르겠어서 고양이 얼굴을 하나만 남기고 없앨 수 있는 방법이 있을까요?

[youngsangcho]

한 Type은 여러개의 Point를 가지고 있는데, for 구문에서 모든 Point 마다 image() 로 얼굴을 그려주기 때문에 생기는 현상이네요. animateT가 0부터 Point의 갯수까지 (this.points.length - 1) 올라가기 때문입니다.

0, 1, 2, 3,,,,this.points.length - 1

image() 부분을 아래처럼 바꾸면 for 구문에서 모든 i 에서 image를 그리는게 아니라, 현재 그려지고 있는 해당 i 에만 얼굴을 그립니다.

if (this.animateT <= i + 1) { image(Image1, tx-40, ty-30, 80, 56); }