Làm thế nào để Thêm Buttons vào Trò chơi HTML5 của bạn cho Truy cập Di động - núm vú

Thư viện SimpleGame có một tính năng tiện dụng được gọi là GameButton để thêm một nút vào màn hình của một thiết bị di động cho trò chơi HTML5 của bạn. Bàn phím là một trong những cách dễ dàng nhất để đưa đầu vào vào một trình duyệt chuẩn, nhưng hầu hết các thiết bị di động không có bàn phím. Vấn đề đầu tiên là tìm ra cách để có được đầu vào của người dùng khi không có bàn phím.

nút. html

var btnMove; trò chơi var; var ball; chức năng init () {game = new Scene (); trò chơi. setSize (200, 200); bóng = mới Sprite (trò chơi, "redBall. png", 25, 25); trái bóng. setSpeed ​​(0); trái bóng. setPosition (100, 100); btnMove = GameButton mới ("Di chuyển"); btnMove. setPos (70, 150); btnMove. setSize (60, 30); trò chơi. bắt đầu ();) / / end init update chức năng () {game. thông thoáng(); checkButtons (); quả bóng. cập nhật ();} / / end update chức năng checkButtons () { if (btnMove. isClicked ()) { quả bóng. setSpeed ​​(3); } khác { quả bóng. setSpeed ​​(0); } // end if } // end checkButtons Như thường lệ, các yếu tố mới và thú vị được thể hiện bằng chữ đậm. Dưới đây là cách bạn thêm nút trò chơi vào trò chơi:

Tạo một biến cho nút.

1. Giống như bất kỳ phần tử trò chơi nào khác, bạn bắt đầu bằng cách tạo một biến để tham khảo nút.

   Xây dựng các đối tượng GameButton.

2. Xây dựng các đối tượng GameButton trong init () phương pháp. Tham số đơn chỉ ra chú thích của nút.

   Đặt kích thước và vị trí của nút.

3. Bạn sẽ muốn suy nghĩ một chút về lối chơi của bạn sẽ hoạt động như thế nào trên thiết bị di động. Đặt các nút của bạn nơi họ có thể dễ dàng đạt được bởi người chơi mà không chặn quá nhiều của xem. Lưu ý rằng bạn cũng sẽ muốn làm cho các nút đủ lớn để được ép trong thời gian nóng của trò chơi. (Các nút trên màn hình tốt hơn nhiều cho các trò chơi trên máy tính bảng)

   Kiểm tra tình trạng nút trong khi cập nhật ().

4. Cũng như bạn thường kiểm tra tình trạng bàn phím trong khi cập nhật (), bạn cũng có thể gọi một chức năng để kiểm tra tình trạng nút của bạn. Tất nhiên, bạn sẽ cần phải viết chức năng này.

   Đọc phương thức isClicked () của nút.

5. Nếu nút hiện đang được nhấn, giá trị của isClicked () là đúng. Nếu nút hiện không được nhấn, isClicked () trả về false.Sử dụng phương pháp này để xác định tình trạng hiện tại của mỗi nút và hành động phù hợp.

   Xử lý một nút giống như bàn phím.

6. Bởi vì việc kiểm tra các nút cuối cùng trả về các giá trị Boolean (đúng hay sai), việc kiểm tra cho các nút thường cảm thấy toàn bộ giống như kiểm tra bàn phím.

   Xem xét thêm các nút chỉ khi cần thiết.

7. Nếu bạn muốn, bạn có thể thiết kế một trò chơi để hiển thị (và thử nghiệm) các nút chỉ khi một màn hình cảm ứng có sẵn. Đối tượng Scene có một biến đặc biệt gọi là touchable. Biến này là đúng nếu thư viện cảm nhận màn hình cảm ứng và sai nếu không. Bạn có thể sử dụng biến này để tạo ra một giao diện tùy chỉnh thích nghi với môi trường chơi.

   Thông thường, bạn sẽ thêm một vài nút vào giao diện của mình, một nút để thay thế mỗi phím mà bạn mong đợi người dùng sử dụng (ví dụ như các mũi tên và thanh không gian). Bằng cách này, bạn có thể tạo một bàn phím ảo trên màn hình. Bạn có thể cần phải kiểm tra kích thước và vị trí của mỗi phím để có được một trải nghiệm chơi thoải mái.

Lưu ý rằng chú thích của nút là HTML bình thường, vì vậy nếu bạn muốn tạo các nút dựa trên hình ảnh, bạn chỉ cần thêm thẻ

thích hợp dưới dạng chú thích nút.