[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,0:00:00.29,0:00:03.80,Default,,0000,0000,0000,, Ta đã học cách tạo ra các biến của riêng mình\Nvà sử dụng chúng. Dialogue: 0,0:00:03.80,0:00:06.66,Default,,0000,0000,0000,, Bây giờ ta sẽ tìm hiểu về hai biến đặc biệt: Dialogue: 0,0:00:06.66,0:00:09.35,Default,,0000,0000,0000,, {\i1} mouseX và {\i1} mouseY . {\i0}{\i0} Dialogue: 0,0:00:10.22,0:00:12.67,Default,,0000,0000,0000,, Bạn không bao giờ phải tự tạo ra các biến này, Dialogue: 0,0:00:12.67,0:00:15.98,Default,,0000,0000,0000,, và trên thực tế là không nên, bởi vì chúng đã có sẵn rồi. Dialogue: 0,0:00:15.98,0:00:19.60,Default,,0000,0000,0000,, Như bạn thấy, chương trình thiết lập giá trị của các biến này ở hậu trường, Dialogue: 0,0:00:19.60,0:00:23.76,Default,,0000,0000,0000,, đảm bảo rằng giá trị của 'mouseX' luôn ở vị trí {\i1} x của con trỏ, {\i0} Dialogue: 0,0:00:23.76,0:00:27.55,Default,,0000,0000,0000,, và giá trị của 'mouseY' luôn là vị trí {\i1} y của con trỏ. {\i0} Dialogue: 0,0:00:27.55,0:00:30.86,Default,,0000,0000,0000,, Điều này giúp ta dễ dàng thực hiện những tương tác thú vị Dialogue: 0,0:00:30.86,0:00:32.56,Default,,0000,0000,0000,, dựa vào vị trí con trỏ của người dùng. Dialogue: 0,0:00:33.43,0:00:35.87,Default,,0000,0000,0000,, Hãy nhìn vào hình elip ta đang vẽ ở đây. Dialogue: 0,0:00:35.87,0:00:39.37,Default,,0000,0000,0000,, Ngay lúc này, ta luôn vẽ nó ở tọa độ (200, 200). Dialogue: 0,0:00:40.61,0:00:43.83,Default,,0000,0000,0000,, Nếu sử dụng mouseX và mouseY, các biến đặc biệt này, Dialogue: 0,0:00:44.44,0:00:48.29,Default,,0000,0000,0000,, thì trong thực tế, ta có thể vẽ nó tại 'mouseX' và 'mouseY'. Dialogue: 0,0:00:49.34,0:00:52.36,Default,,0000,0000,0000,, Bây giờ, nếu di chuyển chuột trên nền vẽ, ta có thể thấy Dialogue: 0,0:00:52.36,0:00:55.29,Default,,0000,0000,0000,, hình elip luôn được vẽ tại con trỏ - Dialogue: 0,0:00:55.29,0:00:57.19,Default,,0000,0000,0000,, Vì vậy, nó vòng quanh theo con trỏ của chúng ta. Dialogue: 0,0:00:57.19,0:01:00.00,Default,,0000,0000,0000,, Điều đó thật tuyệt; bạn biết tôi đang vẽ gì không? Whee! Dialogue: 0,0:01:00.47,0:01:04.12,Default,,0000,0000,0000,, Nếu có ý định sử dụng 'mouseX' và 'mouseY', ta phải chắc chắn Dialogue: 0,0:01:04.12,0:01:06.36,Default,,0000,0000,0000,, rằng mình sử dụng chúng bên trong {\i1} draw = function () {\i0} Dialogue: 0,0:01:06.36,0:01:08.14,Default,,0000,0000,0000,, bởi vì hãy xem chuyện gì xảy ra Dialogue: 0,0:01:09.58,0:01:12.70,Default,,0000,0000,0000,, khi ta di chuyển hai dòng code ra ngoài {\i1} draw = function () . {\i0} Dialogue: 0,0:01:13.29,0:01:14.44,Default,,0000,0000,0000,, Bạn thấy khkông? Dialogue: 0,0:01:14.87,0:01:19.21,Default,,0000,0000,0000,, Bây giờ code ở đây chỉ được chạy một lần, Dialogue: 0,0:01:19.21,0:01:21.81,Default,,0000,0000,0000,, nên hình elip này chỉ được vẽ một lần, Dialogue: 0,0:01:21.81,0:01:24.04,Default,,0000,0000,0000,, và nó được vẽ ở bất cứ vị trí nào của con trỏ Dialogue: 0,0:01:24.04,0:01:26.14,Default,,0000,0000,0000,, tại thời điểm chương trình bắt đầu chạy Dialogue: 0,0:01:26.72,0:01:30.34,Default,,0000,0000,0000,, Đó là lý do tại sao ta {\i1} cần đặt nó bên trong {\i1} draw = function () , {\i0}{\i0} Dialogue: 0,0:01:30.34,0:01:32.46,Default,,0000,0000,0000,, bởi vì {\i1} draw = function () là hàm{\i0} Dialogue: 0,0:01:32.46,0:01:35.78,Default,,0000,0000,0000,, được gọi lặp đi lặp lại trong khi chương trình của chúng ta chạy. Dialogue: 0,0:01:35.78,0:01:39.15,Default,,0000,0000,0000,, Vì vậy, ta muốn khi được gọi, nó xem giá trị hiện tại Dialogue: 0,0:01:39.15,0:01:43.25,Default,,0000,0000,0000,, của mouseX và mouseY là gì, và sau đó nó vẽ hình elip ở vị trí đó. Dialogue: 0,0:01:43.25,0:01:46.06,Default,,0000,0000,0000,, Khi bạn hình dung, nó thực sự rất giống với ảnh động - Dialogue: 0,0:01:46.06,0:01:48.56,Default,,0000,0000,0000,, nó thay đổi theo thời gian, theo một cách khác. Dialogue: 0,0:01:49.19,0:01:52.06,Default,,0000,0000,0000,, Được rồi, bây giờ ta có thể làm tất cả những điều thú vị. Dialogue: 0,0:01:52.57,0:01:55.72,Default,,0000,0000,0000,, Chuyện gì sẽ xảy ra nếu, thay vì vẽ nó tại mouseX và mouseY, Dialogue: 0,0:01:56.35,0:02:02.59,Default,,0000,0000,0000,, ta vẽ nó ở mouseX nhưng sửa mouseY với giá trị là 300? Dialogue: 0,0:02:03.23,0:02:07.37,Default,,0000,0000,0000,, Bây giờ bạn có thể thấy rằng hình elip chỉ theo tọa độ 'x', Dialogue: 0,0:02:07.37,0:02:09.20,Default,,0000,0000,0000,, mà bỏ qua mọi thứ với 'y'. Dialogue: 0,0:02:10.99,0:02:16.87,Default,,0000,0000,0000,, Sau đó, chuyện gì sẽ xảy ra nếu giờ ta vẽ nó tại mouseX và mouseY, trở lại như cũ, Dialogue: 0,0:02:16.87,0:02:19.76,Default,,0000,0000,0000,, Nhưng ta bỏ phần nền đi, chỉ comment nó lại thôi nhỉ? Dialogue: 0,0:02:20.55,0:02:25.23,Default,,0000,0000,0000,, {\i1} Woo ! Bây giờ hãy nhìn xem, tôi đã có cây cọ vẽ ngộ nghĩnh này. {\i0} Dialogue: 0,0:02:25.23,0:02:27.03,Default,,0000,0000,0000,, Điều đó thật tuyệt vời. Dialogue: 0,0:02:27.03,0:02:30.47,Default,,0000,0000,0000,, Hoặc, tôi thậm chí có thể sửa các biến này. Dialogue: 0,0:02:31.03,0:02:32.89,Default,,0000,0000,0000,, Hãy để tôi đặt hình nền trở lại. Dialogue: 0,0:02:32.89,0:02:37.70,Default,,0000,0000,0000,, Tôi sẽ đặt các biến này ở đây, mouseY và mouseX, Dialogue: 0,0:02:37.70,0:02:39.20,Default,,0000,0000,0000,, và sau đó xem chuyển gì xảy ra. Dialogue: 0,0:02:39.20,0:02:41.23,Default,,0000,0000,0000,, Bây giờ nó dường như thực sự, thực sự kỳ lạ. Dialogue: 0,0:02:41.23,0:02:43.85,Default,,0000,0000,0000,, Tôi đã điều khiển con trỏ đang làm ngược lại Dialogue: 0,0:02:43.85,0:02:45.58,Default,,0000,0000,0000,, về những gì mong đợi ở chúng. Dialogue: 0,0:02:45.58,0:02:48.32,Default,,0000,0000,0000,, Nhưng thật tuyệt, bạn có thể tưởng tượng để tạo ra cả một trò chơi Dialogue: 0,0:02:48.32,0:02:50.95,Default,,0000,0000,0000,, để cố gắng vẽ hoặc làm một cái gì đó Dialogue: 0,0:02:50.95,0:02:52.94,Default,,0000,0000,0000,, có dùng tới điều khiển con trỏ theo chiều ngược lại. Dialogue: 0,0:02:53.04,0:00:00.00,Default,,0000,0000,0000,, Đó là những gì về 'mouseX' và 'mouseY' - quả thực, khá thú vị. Hãy cùng tận hưởng!