-
움직이는 동작 애니메이션을 만들기 위한
3가지 단계를 기억하시나요?
-
draw loop 밖에 변수를 선언함으로써 시작합니다.
-
그리고 draw loop 안에서
그 변수들을 코드에 사용합니다
-
x위치에 대한 변수와
-
y위치, ballwidth(공의 너비)위치
-
그리고 ballheight(공의 높이)위치에 대한
변수를 각각 가집니다
-
코드 마지막에
-
매번 루프마다 조금씩 바꾸어줍니다
-
x는 이전 변수 x에서 1을 더해주는 것이네요
-
그러므로 계속해서 증가할 것입니다
-
그리고 y는 이전 변수 y 에서 2를 빼주는 것입니다
-
그래서 y는 계속 감소할 것입니다
-
ballWidth는 0.99 의 곱으로 변화할 것입니다
-
0.99는 1보다 작으므로
ball Width가 작아지는 것을 볼 수 있습니다
-
그리고 ball Height는 초기화된 변수 ball Height에서
-
1.01로 나누고 이것은 1보다 크므로
-
ball Height가 감소하는것을 볼 수있습니다
-
그래서 Restart 를 누르면
-
공의 속성들이 변하는 것을 볼 수 있습니다
-
그러므로 이러한 4개의 줄 코드를 보면
-
비슷한 패턴을 따른다는 것을 알 수 있는데요
-
여기서 변수를 가졌고 = 기호를 가졌습니다
-
그리고 같은 변수와 연산기호
(더하기 빼기 곱하기 나누기)를 가졌고
-
그리고 어떤 특정한 수를 가졌습니다
-
이러한 패턴은 프로그래밍에서 아주 흔합니다
-
프로그래머들은 너무 게으르기 때문에
-
'이봐 이런 패턴을 너무 많이 사용하잖아'
-
'쉽고 간단한 방법이 없을까?'
-
그래서 짧게 만들었고 이에 대해
설명해 드리도록 하겠습니다
-
x = x+1 이라는 것 대신에
-
x += 1이라고 표현합니다 이해되시나요?
-
그리고 y= y-2 대신에 y-=2 라고 표현합니다
-
그리고 ballwidth = ballwidth*0.99 대신에
-
예상하셨겠지만 ballwidth*=0.99로 합니다
-
마지막으로
-
ballheight = ballheight/1.01 대신에
-
ballheight /= 1.01 라고 사용합니다
-
이러한 모든 수식들은 어떤수식이던지 간에
-
이 앞의 변수가 변화하는 변수의 가치를 가집니다
-
그러므로 ballwidth는
-
0.99를 곱하는 형태가 됩니다.
-
그러므로 ballwidth 곱하기 0.99 가 되고
-
이는 다시 변수 ballwidth에 저장됩니다
-
그리고 다시 Restart를 누르면
-
보다시피 움직이는 동작은
이전과 같은 형태로 나타나게 되지요
-
여러분도 게을러지게 되겠는데요?