Trang Chủ Tài chính Cá nhân Làm thế nào để Thêm phản ứng trên chuột vào Trò chơi HTML5 của bạn cho Truy cập Di động - núm vú

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

Video: Hướng dẫn cài đặt tất cả tùy chỉnh trên Android Box bạn nên biết 2025

Video: Hướng dẫn cài đặt tất cả tùy chỉnh trên Android Box bạn nên biết 2025
Anonim

Vì các trình duyệt web không nhất quán trong cách báo cáo vị trí của chuột, nhập chuột vào trong JavaScript thông thường là khó hiểu trong HTML chơi game thế giới. Thư viện SimpleGame xử lý điều này bằng cách thêm phương thức getMouseX () và getMouseY () vào đối tượng Scene. Những phương pháp này không phải là chính xác chính xác, nhưng chúng đủ gần với hầu hết các chương trình trò chơi.

Bất cứ khi nào bạn muốn đọc một con chuột bình thường, chỉ cần sử dụng các đối tượng getMouseX () và getMouseY () của đối tượng Scene để xác định vị trí chuột gần đúng.

Thường thì bạn muốn ẩn con trỏ chuột, vì vậy bạn có thể sử dụng phương thức hideCursor () của đối tượng Chế độ cảnh để ẩn con trỏ. (Tất nhiên, bạn có thể lấy con trỏ bằng phương thức showCursor ())

Nếu bạn muốn đọc một màn hình cảm ứng, có một bước đơn giản nữa. Thư viện SimpleGame có đối tượng điều khiển ảo gọi là Joy. Tạo một thể hiện của lớp này để bật tính năng đọc màn hình cảm ứng.

Lưu ý rằng giao diện cảm ứng của thiết bị di động không giống như chuột, do đó, nó cần một giao diện khác. Tuy nhiên, một khi bạn đã tạo một đối tượng Joy, các hàm getMouseX () và getMouseY () sẽ làm cho thao tác cảm ứng đầu vào giống như một con chuột bình thường.

touchMouse. html ẩn con trỏ chuột thông thường và di chuyển một quả bóng bất cứ nơi nào con chuột hiện đang trỏ. Ví dụ cụ thể này hoạt động với cả trình duyệt truyền thống và thiết bị màn hình cảm ứng.

Thư viện SimpleGame làm đơn giản hóa quá trình làm việc với con trỏ chuột bằng cách cung cấp một số cuộc gọi phương thức dễ dàng. Đây là mã:

touchMouse. html var ball; trò chơi var;

vui vẻ; chức năng init () {game = new Scene (); bóng = mới Sprite (trò chơi, "redBall. png", 25, 25); trái bóng. setSpeed ​​(0); trò chơi. hideCursor (); joy = new Joy (); trò chơi. bắt đầu ();) / / end init update chức năng () {game. thông thoáng(); followMouse (); quả bóng. update ();} // end update function followMouse () { x = trò chơi. getMouseX (); y = trò chơi. getMouseY (); nếu (trò chơi. Touchable) { // di chuyển đối tượng một chút cao hơn cho màn hình cảm ứng y - = 100; } // kết thúc màn hình cảm ứng thử nghiệm quả bóng. setPosition (x, y); } Bắt một con sprite theo chuột chỉ là vấn đề biết cách gọi.

Ẩn con trỏ chuột.

  1. Đối tượng Scene có một phương thức hideCursor ().Đây là cách dễ nhất để ẩn con trỏ chuột bình thường. Thông thường, khi bạn theo chuột với một đối tượng, bạn có nghĩa là đối tượng đó hoạt động giống như con trỏ chuột mới, vì vậy bạn sẽ ẩn mũi tên bình thường.

    Tạo một biến cho phím điều khiển ảo.

  2. Nếu bạn đang làm việc với thiết bị touchpad, bạn sẽ cần một biến để chứa đối tượng điều khiển ảo. (Nếu trò chơi này chỉ được sử dụng trên máy tính để bàn với chuột bình thường, bạn sẽ không cần đến đối tượng điều khiển).

    Khởi tạo phím điều khiển.

  3. Tạo một thể hiện của đối tượng Joy trong hàm init (). Chỉ cần tạo ra các phím điều khiển sẽ cho biết các công cụ để mong đợi đầu vào cảm ứng và bản đồ nó để các lệnh chuột bình thường.

    Thêm chức năng followMouse ().

  4. Nói chung tốt để tạo ra một chức năng mới để xử lý đầu vào. Hàm followMouse () sẽ báo cho đối tượng theo con chuột. Tất nhiên, nếu bạn đang xây dựng một đối tượng theo sau con chuột, bạn có thể làm cho một phương pháp của đối tượng đó nếu bạn thích.

    Sử dụng phương thức getMouseX () và getMouseY ().

  5. Đối tượng Scene có phương thức getMouseX () và getMouseY (). Sử dụng các phương pháp này để có tọa độ X và Y của chuột tại hiện trường. Lưu ý rằng các tọa độ không phải lúc nào cũng chính xác.

    Kiểm tra xem bạn có màn hình cảm ứng hay không.

  6. Đối tượng Cảnh có thuộc tính có thể chạm được nếu trình duyệt có màn hình cảm ứng. Bạn thường không muốn các đối tượng được giấu bởi ngón tay của bạn, do đó, thường thì bạn sẽ muốn để bù đắp một đối tượng khi bạn đang sử dụng một màn hình cảm ứng cho đầu vào.

    Di chuyển vật thể cao hơn ngón tay của bạn.

  7. Trong môi trường màn hình cảm ứng, bạn thường muốn hình cánh ma vẫn hiển thị, do đó bạn sẽ thường xuyên bù đắp trục Y bằng một số lượng để nó không bị che khuất bởi ngón tay của người chơi. Trừ một số giá trị từ Y để có được hiệu ứng này.

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

Lựa chọn của người biên tập

3 Loại máy học - núm vú

3 Loại máy học - núm vú

Máy học có nhiều hương vị khác nhau tùy theo thuật toán và mục tiêu của nó. Bạn có thể chia các thuật toán học máy thành ba nhóm chính dựa trên mục đích của chúng: Học theo giám sát Học tập không giám sát Học tập nâng cao Học tập giám sát Học tập giám sát xảy ra khi một thuật toán học từ dữ liệu ví dụ và các phản hồi mục tiêu liên quan có thể bao gồm số ...

Các khái niệm cơ bản của các mô hình phân loại cho các tiên đoán phân tích - núm vú

Các khái niệm cơ bản của các mô hình phân loại cho các tiên đoán phân tích - núm vú

Một khi bạn đã có tất cả các công cụ và dữ liệu cần thiết để bắt đầu tạo một mô hình tiên đoán, vui vẻ bắt đầu. Nói chung, tạo ra một mô hình học tập cho các nhiệm vụ phân loại sẽ kéo theo các bước sau: Nạp dữ liệu. Chọn một phân loại. Đào tạo mô hình. Hình dung mô hình. Kiểm tra mô hình. Đánh giá mô hình. Cả sự hồi quy hậu cần và ...

ÁP dụng Phân tích Hợp phần Chính cho Các Phân tích Tiên đoán- nồng độ

ÁP dụng Phân tích Hợp phần Chính cho Các Phân tích Tiên đoán- nồng độ

Phân tích thành phần chính (PCA) là một kỹ thuật có giá trị được sử dụng rộng rãi trong phân tích tiên đoán và khoa học dữ liệu. Nó nghiên cứu một tập dữ liệu để tìm hiểu các biến có liên quan nhất chịu trách nhiệm cho biến thể cao nhất trong tập dữ liệu đó. PCA hầu hết được sử dụng như một kỹ thuật giảm dữ liệu. Trong khi xây dựng các mô hình tiên đoán, bạn có thể cần phải giảm thiểu ...

Lựa chọn của người biên tập

Cách Nhập Công thức bằng tay trong Excel cho Mac 2011 - núm vú

Cách Nhập Công thức bằng tay trong Excel cho Mac 2011 - núm vú

Công thức ô là các phương trình mà thực hiện các tính toán hoặc các hoạt động hợp lý. Trong Excel trong Office 2011 dành cho Mac, bạn có thể tự nhập công thức hoặc bạn có thể sử dụng Formula Builder. Khi học cách gõ công thức của bạn theo cách thủ công, bạn có thể bắt đầu bằng một ví dụ rất dễ dàng để hiển thị cấu trúc của một công thức

Làm thế nào để Thực hiện một PivotTable trong Excel cho Mac 2011 - núm vú

Làm thế nào để Thực hiện một PivotTable trong Excel cho Mac 2011 - núm vú

Trong Excel 2011 for mac, một PivotTable là một loại bảng tổng hợp tóm tắt dữ liệu từ một bảng, dải dữ liệu hoặc cơ sở dữ liệu bên ngoài bảng tính. Nếu bạn là một fan hâm mộ của PivotTable, bạn sẽ ở trên thiên đường thứ bảy với các tính năng PivotTable mới trong Office 2011 for Mac. Dưới đây là cách tạo một PivotTable: (Tùy chọn) Chọn ...

Làm thế nào để biểu đồ Excel hoàn hảo trong Văn phòng 2011 cho Mac - núm vú

Làm thế nào để biểu đồ Excel hoàn hảo trong Văn phòng 2011 cho Mac - núm vú

Một trong những điều tinh tế hơn để nắm vững các biểu đồ trong Excel cho Mac 2011 là đào tạo mình để được nhận thức của những gì được lựa chọn tại bất kỳ thời điểm nào. Ribbon có thể giúp bạn với việc này. Khi bạn nhấp vào bất cứ nơi nào trên biểu đồ, Văn phòng 2011 cho Mac Ribbon sẽ hiển thị ba tab từ đó đến ...

Lựa chọn của người biên tập

Quản trị mạng: SharePoint Page Creation - núm vú

Quản trị mạng: SharePoint Page Creation - núm vú

Trang SharePoint mặc định bao gồm một số trang chuẩn, , lịch, và một diễn đàn thảo luận. Bạn có thể thêm các trang vào trang SharePoint để tùy chỉnh nó nếu cần. Ví dụ, nhiều trang SharePoint có nhiều thư viện tài liệu để lưu trữ các loại tài liệu khác nhau. Để tạo trang SharePoint mới, nhấn <

Quản trị mạng: Cập nhật Phần mềm - đầu

Quản trị mạng: Cập nhật Phần mềm - đầu

Một trong những điều khó chịu mà mọi người quản lý mạng gặp phải đang áp dụng các bản vá lỗi phần mềm để giữ hệ điều hành và phần mềm khác được cập nhật. Một miếng vá phần mềm là một cập nhật nhỏ nhằm khắc phục các trục trặc nhỏ mà có thể trầy xước theo thời gian, chẳng hạn như vấn đề bảo mật hoặc hiệu suất nhỏ. Những trục trặc này không đáng kể ...

Quản trị mạng: Khái niệm Cơ bản về SQL - núm vú

Quản trị mạng: Khái niệm Cơ bản về SQL - núm vú

SQL, viết tắt của Structured Query Language, là một ngôn ngữ được thiết kế để trích xuất, tổ chức và cập nhật thông tin trong cơ sở dữ liệu quan hệ. Ban đầu, SQL được hình dung như một ngôn ngữ truy vấn giống tiếng Anh mà những người dùng cuối không được đào tạo có thể sử dụng để truy cập và cập nhật dữ liệu cơ sở dữ liệu quan hệ. Nhưng trên thực tế, SQL không có gì giống như tiếng Anh, và nó quá phức tạp ...