[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.87,0:00:03.97,Default,,0000,0000,0000,,여러분들은 변수를 새로 만들고 \N사용하는 법을 배웠습니다
Dialogue: 0,0:00:03.97,0:00:10.79,Default,,0000,0000,0000,,이제 mouseX, mouseY라는 \N새로운 변수들에 대해 배워봅시다
Dialogue: 0,0:00:10.79,0:00:16.66,Default,,0000,0000,0000,,이 변수들은 이미 존재하기 때문에 \N새로 만들 필요가 없습니다
Dialogue: 0,0:00:16.66,0:00:22.50,Default,,0000,0000,0000,,보이지않게 프로그램이 \N이 변수에 대한 값을 정하고 있어요
Dialogue: 0,0:00:22.50,0:00:27.55,Default,,0000,0000,0000,,mouseX의 값은 여러분의 마우스의 x위치이고 \NmouseY 값은 여러분의 마우스의 y위치입니다
Dialogue: 0,0:00:27.55,0:00:33.28,Default,,0000,0000,0000,,이것은 사용자의 마우스 위치를 기반으로\N상호작용을 원활하게 해줍니다
Dialogue: 0,0:00:33.28,0:00:36.51,Default,,0000,0000,0000,,여기 제가 그리고 있는 타원을 봅시다
Dialogue: 0,0:00:36.51,0:00:41.19,Default,,0000,0000,0000,,저는 지금 200, 200위치에 그리고 있습니다
Dialogue: 0,0:00:41.19,0:00:49.72,Default,,0000,0000,0000,,특별한 변수인 mouseX와 mouseY를 이용한다면 \NmouseX와 mouseY 위치에 그릴 수 있습니다
Dialogue: 0,0:00:49.72,0:00:55.76,Default,,0000,0000,0000,,제가 마우스를 캔버스 위로 움직일 때마다 \N타원은 마우스 위치에 그려집니다
Dialogue: 0,0:00:55.76,0:00:58.51,Default,,0000,0000,0000,,그리고 저의 마우스를 따라 다니죠
Dialogue: 0,0:00:58.51,0:01:01.31,Default,,0000,0000,0000,,제가 무엇을 그리는지 아시겠나요?
Dialogue: 0,0:01:01.31,0:01:10.84,Default,,0000,0000,0000,,변수 mouseX와 mouseY를 사용하기 위해 반드시 \Ndraw=function() 안에서 사용해야 합니다
Dialogue: 0,0:01:10.84,0:01:13.84,Default,,0000,0000,0000,,이 코드 2줄을 draw=function()밖에서 \N사용하면 이렇게 됩니다
Dialogue: 0,0:01:13.84,0:01:15.17,Default,,0000,0000,0000,,보이시나요?
Dialogue: 0,0:01:15.17,0:01:26.89,Default,,0000,0000,0000,,이 코드는 단 한번만 수행되어 타원을 그리므로 \N초기 마우스가 위치했던 곳에 그려집니다
Dialogue: 0,0:01:26.89,0:01:32.67,Default,,0000,0000,0000,,그렇기 때문에 그것을 \Ndraw=function() 안에 두어야 해요
Dialogue: 0,0:01:32.67,0:01:38.18,Default,,0000,0000,0000,,왜냐하면 draw=function()은 계속 \N반복해서 수행되는 function이기 때문입니다.
Dialogue: 0,0:01:38.18,0:01:43.30,Default,,0000,0000,0000,,그 function이 불려지면 mouseX와 mouseY의 \N현재 값을 확인하고 그 위치에 타원을 그립니다
Dialogue: 0,0:01:43.30,0:01:49.96,Default,,0000,0000,0000,,생각해보면 애니메이션과 배우 비슷해요\N조금씩 변해가요 물론 다른 방식이긴 하지만요
Dialogue: 0,0:01:49.96,0:01:52.96,Default,,0000,0000,0000,,이제 우리는 재밌는 다양한 일들을 할 수 있습니다
Dialogue: 0,0:01:52.96,0:01:58.71,Default,,0000,0000,0000,,mouseX와 mouseY 위치에 그리지 않고 \NmouseX는 그대로 사용하고
Dialogue: 0,0:01:58.71,0:02:03.87,Default,,0000,0000,0000,,mouseY만 300에 고정한다면 어떻게 될까요
Dialogue: 0,0:02:03.87,0:02:10.59,Default,,0000,0000,0000,,여러분들은 타원이 y값에 관계없이 \Nx값만을 따르는 것을 알 수 있습니다
Dialogue: 0,0:02:10.59,0:02:21.65,Default,,0000,0000,0000,,다시 돌아와서 mouseX와 mouseY에 그리지만 \N배경 부분을 잠시 없애보면
Dialogue: 0,0:02:21.65,0:02:27.43,Default,,0000,0000,0000,,그러면 이렇게 이상한 \N붓질을 하게 되는 것처럼 되죠!
Dialogue: 0,0:02:27.43,0:02:39.05,Default,,0000,0000,0000,,배경을 다시 불러오고 mouseX와 mouseY 변수를 맞바꾼다면 어떻게 될까요?
Dialogue: 0,0:02:39.05,0:02:45.91,Default,,0000,0000,0000,,마우스 조정이 우리의 의도와 다르게 기능합니다
Dialogue: 0,0:02:45.91,0:02:53.40,Default,,0000,0000,0000,,마우스를 거꾸로 사용하게 해서 뭔가를 그리는 \N전혀 새로운 게임을 만들 수도 있겠네요
Dialogue: 0,0:02:53.40,0:02:59.81,Default,,0000,0000,0000,,이것으로 mouseX와 mouseY에 대한 \N설명을 마치겠습니다