Ta đã học cách tạo ra các biến của riêng mình và sử dụng chúng.
Bây giờ ta sẽ tìm hiểu về hai biến đặc biệt:
mouseX và mouseY .
Bạn không bao giờ phải tự tạo ra các biến này,
và trên thực tế là không nên, bởi vì chúng đã có sẵn rồi.
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,
đảm bảo rằng giá trị của 'mouseX' luôn ở vị trí x của con trỏ,
và giá trị của 'mouseY' luôn là vị trí y của con trỏ.
Điều này giúp ta dễ dàng thực hiện những tương tác thú vị
dựa vào vị trí con trỏ của người dùng.
Hãy nhìn vào hình elip ta đang vẽ ở đây.
Ngay lúc này, ta luôn vẽ nó ở tọa độ (200, 200).
Nếu sử dụng mouseX và mouseY, các biến đặc biệt này,
thì trong thực tế, ta có thể vẽ nó tại 'mouseX' và 'mouseY'.
Bây giờ, nếu di chuyển chuột trên nền vẽ, ta có thể thấy
hình elip luôn được vẽ tại con trỏ -
Vì vậy, nó vòng quanh theo con trỏ của chúng ta.
Điều đó thật tuyệt; bạn biết tôi đang vẽ gì không? Whee!
Nếu có ý định sử dụng 'mouseX' và 'mouseY', ta phải chắc chắn
rằng mình sử dụng chúng bên trong draw = function ()
bởi vì hãy xem chuyện gì xảy ra
khi ta di chuyển hai dòng code ra ngoài draw = function () .
Bạn thấy khkông?
Bây giờ code ở đây chỉ được chạy một lần,
nên hình elip này chỉ được vẽ một lần,
và nó được vẽ ở bất cứ vị trí nào của con trỏ
tại thời điểm chương trình bắt đầu chạy
Đó là lý do tại sao ta cần đặt nó bên trong draw = function () ,
bởi vì draw = function () là hàm
được gọi lặp đi lặp lại trong khi chương trình của chúng ta chạy.
Vì vậy, ta muốn khi được gọi, nó xem giá trị hiện tại
của mouseX và mouseY là gì, và sau đó nó vẽ hình elip ở vị trí đó.
Khi bạn hình dung, nó thực sự rất giống với ảnh động -
nó thay đổi theo thời gian, theo một cách khác.
Được rồi, bây giờ ta có thể làm tất cả những điều thú vị.
Chuyện gì sẽ xảy ra nếu, thay vì vẽ nó tại mouseX và mouseY,
ta vẽ nó ở mouseX nhưng sửa mouseY với giá trị là 300?
Bây giờ bạn có thể thấy rằng hình elip chỉ theo tọa độ 'x',
mà bỏ qua mọi thứ với 'y'.
Sau đó, chuyện gì sẽ xảy ra nếu giờ ta vẽ nó tại mouseX và mouseY, trở lại như cũ,
Nhưng ta bỏ phần nền đi, chỉ comment nó lại thôi nhỉ?
Woo ! Bây giờ hãy nhìn xem, tôi đã có cây cọ vẽ ngộ nghĩnh này.
Điều đó thật tuyệt vời.
Hoặc, tôi thậm chí có thể sửa các biến này.
Hãy để tôi đặt hình nền trở lại.
Tôi sẽ đặt các biến này ở đây, mouseY và mouseX,
và sau đó xem chuyển gì xảy ra.
Bây giờ nó dường như thực sự, thực sự kỳ lạ.
Tôi đã điều khiển con trỏ đang làm ngược lại
về những gì mong đợi ở chúng.
Nhưng thật tuyệt, bạn có thể tưởng tượng để tạo ra cả một trò chơi
để cố gắng vẽ hoặc làm một cái gì đó
có dùng tới điều khiển con trỏ theo chiều ngược lại.
Đó là những gì về 'mouseX' và 'mouseY' - quả thực, khá thú vị. Hãy cùng tận hưởng!