[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.00,0:00:04.03,Default,,0000,0000,0000,,좀 더 복잡한 기능들에 대해 공부해봅시다
Dialogue: 0,0:00:04.03,0:00:08.06,Default,,0000,0000,0000,,제가 예전에 즐겼던 게임처럼 보이기 위해 캔버스를 준비했어요
Dialogue: 0,0:00:08.06,0:00:10.07,Default,,0000,0000,0000,,Foursquare(4가지 사각형)이예요
Dialogue: 0,0:00:10.07,0:00:14.85,Default,,0000,0000,0000,,네개의 사각형이 있고요, 당신은 그 중 하나에 \N서서 공을 다른 사각형으로 보낼 수가 있어요
Dialogue: 0,0:00:14.85,0:00:18.66,Default,,0000,0000,0000,,이제 마우스가 있는 곳에 타원형을 그려서, 그게 공이 되는 겁니다
Dialogue: 0,0:00:18.66,0:00:23.49,Default,,0000,0000,0000,,우리는 먼저 공이 놓여 있는 사각형을 하얀색으로 만들어 강조시키려고 합니다
Dialogue: 0,0:00:23.49,0:00:29.68,Default,,0000,0000,0000,,공이 그 사각형 위에 있을때만 강조되어야 하므로, IF문을 사용해야 합니다
Dialogue: 0,0:00:29.68,0:00:34.39,Default,,0000,0000,0000,,좋아요, 사각형을 그려봅시다
Dialogue: 0,0:00:34.39,0:00:39.90,Default,,0000,0000,0000,,여기서 rect를 복사할께요. 그리고 다른 색으로, 하얀색으로 채울께요
Dialogue: 0,0:00:39.90,0:00:44.08,Default,,0000,0000,0000,,좋아요. 이제 IF문 안에다 넣도록 합시다
Dialogue: 0,0:00:44.08,0:00:50.50,Default,,0000,0000,0000,,중괄호 닫힘이 자동으로 나타나니까, 이것들을 그 안으로 옮겨야죠
Dialogue: 0,0:00:50.50,0:00:54.04,Default,,0000,0000,0000,,좋아요. 직사각형이 언제 나타나게 할까요?
Dialogue: 0,0:00:54.04,0:01:00.89,Default,,0000,0000,0000,,mouseX가 200보다 작을 때로 조건을 줄게요
Dialogue: 0,0:01:00.89,0:01:07.07,Default,,0000,0000,0000,,됐네요. 하지만, 마우스를 여기 내려도 여전히 보이는군요
Dialogue: 0,0:01:07.07,0:01:10.35,Default,,0000,0000,0000,,그래서 mouseY도 체크해야지요
Dialogue: 0,0:01:10.35,0:01:13.27,Default,,0000,0000,0000,,어떻게 두가지를 모두 확인할 수 있을까요?
Dialogue: 0,0:01:13.27,0:01:15.75,Default,,0000,0000,0000,,이것이 “AND” 연산자를 사용하는 이유입니다
Dialogue: 0,0:01:15.75,0:01:19.26,Default,,0000,0000,0000,,두 가지 조건을 확인하고자 할 때 “AND”연산자를 사용하게 됩니다
Dialogue: 0,0:01:19.26,0:01:26.19,Default,,0000,0000,0000,,그냥 &&를 쓰고 rm 다음 조건을 쓰면 됩니다\N여기서는 “mouseY<200’ 입니다
Dialogue: 0,0:01:26.19,0:01:30.97,Default,,0000,0000,0000,,여기서는 더 이상 불이 켜지지 않고, 여기서는 켜지네요!
Dialogue: 0,0:01:30.97,0:01:36.18,Default,,0000,0000,0000,,잘 되는지 다음 사각형에도 연습해 봅시다
Dialogue: 0,0:01:36.18,0:01:38.68,Default,,0000,0000,0000,,여기서 몇 가지 바꿔줘야 할 게 있어요
Dialogue: 0,0:01:38.68,0:01:45.39,Default,,0000,0000,0000,,이 사각형으로 한번 해보죠\N불이 켜지지 않게 하려면 조건을 바꿔줘야 해요
Dialogue: 0,0:01:45.39,0:01:52.96,Default,,0000,0000,0000,,이번엔, mouseX가 200보다 크고 mouseY는 200보다 작을 경우
Dialogue: 0,0:01:52.96,0:01:56.29,Default,,0000,0000,0000,,멋지네요, 보세요!
Dialogue: 0,0:01:56.29,0:02:02.35,Default,,0000,0000,0000,,자 이제는, 공이 경계선에 닿을때마다 (경계선은 가장자리에도 있고 중간에도 있지요)
Dialogue: 0,0:02:02.35,0:02:04.88,Default,,0000,0000,0000,,우리는 “EdgeBall”이라 외칠거에요
Dialogue: 0,0:02:04.88,0:02:10.39,Default,,0000,0000,0000,,그래서 여기에 “EDGE BALLL”을 써줍시다
Dialogue: 0,0:02:10.39,0:02:14.82,Default,,0000,0000,0000,,가운데에 써주고\N색깔은 빨간색으로 할게요
Dialogue: 0,0:02:14.82,0:02:19.78,Default,,0000,0000,0000,,공이 경계선에 있을 때에만 동작하게 할 거에요
Dialogue: 0,0:02:19.78,0:02:22.51,Default,,0000,0000,0000,,그래서 IF문을 추가 할게요
Dialogue: 0,0:02:22.51,0:02:27.17,Default,,0000,0000,0000,,그리고 IF문 안에 코드를 넣어줍니다\N
Dialogue: 0,0:02:27.17,0:02:29.66,Default,,0000,0000,0000,,언제 동작되어야 할까요?
Dialogue: 0,0:02:29.66,0:02:36.90,Default,,0000,0000,0000,,가운데로 할게요. 가운데는 mouseX가 200일 때가 되겠네요
Dialogue: 0,0:02:36.90,0:02:40.40,Default,,0000,0000,0000,,좋아요 Edge Ball이 나오는지 한번 보도록 하죠.
Dialogue: 0,0:02:40.40,0:02:43.82,Default,,0000,0000,0000,,한번 해볼까요! EDGE BALL
Dialogue: 0,0:02:43.82,0:02:49.40,Default,,0000,0000,0000,,경계선이 가운데 있는 경우를 보면, 가운데 선에서 동작이 되네요.
Dialogue: 0,0:02:49.40,0:02:52.13,Default,,0000,0000,0000,,하지만 이 선에서도 역시 동작 시키려고 합니다
Dialogue: 0,0:02:52.13,0:03:02.82,Default,,0000,0000,0000,,이 구문에서, mouseY == 200을 입력할게요\N그래야 가운데가 되기 때문이에요
Dialogue: 0,0:03:02.82,0:03:08.32,Default,,0000,0000,0000,,해볼게요\N아무 동작이 되지 않네요
Dialogue: 0,0:03:08.32,0:03:11.15,Default,,0000,0000,0000,,가운데 센터 부분에서만 동작하네요
Dialogue: 0,0:03:11.15,0:03:19.03,Default,,0000,0000,0000,,이것은 우리가 “AND”를 사용했기 때문이에요 \N그래서 두 가지 조건이 동시에 모두 참일 때, 여기서는 가운데 센터에 위치할 때 동작해요
Dialogue: 0,0:03:19.03,0:03:22.10,Default,,0000,0000,0000,,이제 “둘 중 하나가 참일 때” 조건을 얘기하려고 해요
Dialogue: 0,0:03:22.10,0:03:24.70,Default,,0000,0000,0000,,바로 “OR” 연산자를 사용하게 됩니다
Dialogue: 0,0:03:24.70,0:03:27.64,Default,,0000,0000,0000,,“OR” 연산자 표기는 “||”입니다
Dialogue: 0,0:03:27.64,0:03:31.63,Default,,0000,0000,0000,,우리는 이것을 Pipe symbol( | )이라 부릅니다\N사용해보진 않았을 거에요
Dialogue: 0,0:03:31.63,0:03:35.76,Default,,0000,0000,0000,,이 심볼은 여러분의 키보드 오른쪽 위에서 찾을 수 있어요
Dialogue: 0,0:03:35.76,0:03:39.62,Default,,0000,0000,0000,,됐나요?
Dialogue: 0,0:03:39.62,0:03:42.72,Default,,0000,0000,0000,,좋아요, 이제 동작하는지 해보죠
Dialogue: 0,0:03:42.72,0:03:46.70,Default,,0000,0000,0000,,동작하네요, 훌륭합니다
Dialogue: 0,0:03:46.70,0:03:49.49,Default,,0000,0000,0000,,여기에 더 많은 조건들을 추가시킬 수 있어요
Dialogue: 0,0:03:49.49,0:03:52.60,Default,,0000,0000,0000,,여러분이 사용하고 싶은 만큼 “AND” 와 “OR”를 사용할 수 있어요
Dialogue: 0,0:03:52.60,0:03:56.08,Default,,0000,0000,0000,,만약 60개의 조건을 체크해야 한다면, 물론 그렇게 할 수 있습니다
Dialogue: 0,0:03:56.08,0:03:59.10,Default,,0000,0000,0000,,자, 우리가 아직 경계선을 아직 마무리 하지 않았네요
Dialogue: 0,0:03:59.10,0:04:04.65,Default,,0000,0000,0000,,mouseX가 3보다 작을 경우를 해봅시다
Dialogue: 0,0:04:04.65,0:04:09.13,Default,,0000,0000,0000,,자, 이 가장자리 부분에서 동작하네요
Dialogue: 0,0:04:09.13,0:04:10.74,Default,,0000,0000,0000,,아주 좋아요
Dialogue: 0,0:04:10.74,0:04:14.76,Default,,0000,0000,0000,,또는 mouseX가 397보다 클 경우
Dialogue: 0,0:04:14.76,0:04:17.77,Default,,0000,0000,0000,,자 한번 해볼까요. 멋지네요!
Dialogue: 0,0:04:17.77,0:04:21.53,Default,,0000,0000,0000,,가장자리 부분에서 계속 해볼게요
Dialogue: 0,0:04:21.53,0:04:28.49,Default,,0000,0000,0000,,AND(&&)와 OR(||) 연산자를 배웠고요\N이제 이 프로그램에서 더 복잡한 것들을 사용할 수 있을 거에요
Dialogue: 0,0:04:28.49,0:04:31.70,Default,,0000,0000,0000,,세상은 복잡한 곳입니다