Mục lục:

JeuTropFacile - WayTooEasyGame: 3 bước
JeuTropFacile - WayTooEasyGame: 3 bước

Video: JeuTropFacile - WayTooEasyGame: 3 bước

Video: JeuTropFacile - WayTooEasyGame: 3 bước
Video: Does this Terraria weapon make the game too easy? 2024, Tháng mười một
Anonim
JeuTropFacile - WayTooEasyGame
JeuTropFacile - WayTooEasyGame

Đây là một trò chơi hoàn toàn được làm trên HTML và JavaScript với thư viện P5js. Có 2 tệp tên là index.html và sketch.js. Tôi là người mới bắt đầu viết mã nên tôi xin lỗi nếu nó không rõ ràng.

Bạn có thể chơi game bằng liên kết này

Bạn điều khiển một quả bóng màu trắng bằng các phím mũi tên và bạn phải tránh quả bóng màu đỏ (hiện tại, chỉ có một quả bóng).

Tôi đã tạo 2 biến: posX = 200 và posY = 200

Trên sketch.js, tôi đã tạo một canva trong thiết lập hàm với 640x x 480y với nền màu xám trong bản vẽ hàm, sau đó tôi tạo một vòng tròn màu trắng với vị trí trên posX, posY, 75, 75.

Bước 1: Di chuyển vòng tròn

Di chuyển vòng tròn
Di chuyển vòng tròn

Giống như tôi đã nói trước đây, bạn có thể sử dụng các phím mũi tên để di chuyển vòng tròn.

Để làm điều đó, tôi đã tạo một hàm updatePositionEllipse ().

Tôi đã sử dụng điều kiện này để làm cho nó hoạt động: if (keyIsDown (DOWN_ARROW)) {

posY + = 5;

}

Khi nhấn phím xuống, vòng tròn sẽ di chuyển xuống.

Tôi đã sử dụng nó trên mọi phím khác để bạn có thể di chuyển sang trái, phải, lên và xuống.

Bước 2: Tạo đường viền giới hạn

Tạo đường viền giới hạn
Tạo đường viền giới hạn

Để làm cho bóng trắng dừng lại ở cuối canva, tôi đã sử dụng hàm testOutOfScreen.

Bên trong nó, tôi đã sử dụng điều kiện if (posX> 600) {

posX = 600; strokeWeight (6); đột quỵ ('xanh lam'); dòng (637, 0, 637, 480); }

nếu vị trí của x cao hơn 600: nó chặn bóng và nó vẽ một đường màu xanh lam với đường viền 6 được đặt ở phía bên phải của canva.

Tôi làm điều này cho mọi biên giới.

Đề xuất: