Pac-Man là một trong những trò chơi điện tử thành công nhất từ trước đến nay, bắt đầu trong các trò chơi điện tử nơi người chơi điều khiển Pac-Man, một sinh vật màu vàng phải dọn sạch mọi màn hình chấm trước khi chúng có thể chuyển sang màn tiếp theo. Bốn sinh vật sẽ đuổi theo người chơi, nếu bị bắt sẽ khiến người chơi mất mạng và trò chơi sẽ kết thúc khi không còn sinh vật dự trữ nào nữa. Tuy nhiên, Pac-Man có thể ăn một trong bốn nguồn cung cấp năng lượng trong mê cung để có thể ăn thịt quái vật một cách an toàn trong vài giây
HTML5 Pacman là bản sao internet của Pac-Man được viết bằng ngôn ngữ lập trình HTML5, mặc dù có một số thay đổi. Nó đã được xuất bản bởi mikanse. com
lối chơi
Người chơi phải hướng dẫn Pacman vượt qua các mê cung, xóa chúng khỏi các dấu chấm bằng cách ăn chúng. Bốn con ma sẽ truy đuổi Pacman, tiếp xúc với một con sẽ khiến người chơi mất mạng và trò chơi sẽ kết thúc khi không còn con nào sống sót. Tuy nhiên, ăn một viên nhấp nháy sẽ cho phép người chơi ăn những con ma trong một khoảng thời gian ngắn. Phần thưởng thưởng cũng xuất hiện trong một khu vực mê cung [xem phần tiếp theo] cũng có thể được sử dụng để lấy thêm điểm
thay đổi
Trò chơi không phải là một bản sao chính xác của bản gốc arcade, vì Pacman bắt đầu một cấp độ ở một nơi khác nhau mỗi lần. Anh ta cũng có thể bị dừng lại ở giữa đường mê cung, không giống như bản gốc, nơi anh ta chỉ có thể dừng lại ở rìa mê cung. Trái cây thưởng cũng xuất hiện ở những nơi khác nhau trên mỗi cấp độ [thay vì luôn xuất hiện bên dưới lồng quái vật], cùng với việc luôn là 100 điểm [thay vì tăng giá trị theo cấp độ] và một số loại khác nhau sẽ xuất hiện trong một cấp độ [mà chỉ một loại sẽ xuất hiện]. . Mỗi con ma cũng chỉ có giá trị 100 điểm, thay vì nhân đôi liên tiếp khi bị ăn [thay vì là 200, 400, 800, v.v. trên trò chơi gốc]. Mê cung thay đổi theo mọi cấp độ, một số trong số đó có ngõ cụt một chiều [điều chưa từng xảy ra với bản gốc], cùng với việc không có bất kỳ đường hầm thoát hiểm nào. Pacman bây giờ có thể vào chuồng ma, ma sẽ xuất hiện lại rất nhanh trong chuồng sau khi bị ăn thịt và chúng có thể thoát ra ngoài qua đáy [mặc dù đây có thể là lỗi]. Trò chơi cũng chỉ dành cho một người chơi [chứ không phải hai lượt xen kẽ] và nếu người chơi có thể đánh bại mê cung thứ ba thì trò chơi kết thúc [bản gốc có hơn 250 cấp độ]
Để chỉ chạy trò chơi cục bộ, hãy chạy npm start. Nếu bạn muốn xem nhật ký bảng điều khiển trong trình duyệt của mình, hãy sử dụng npm run start:dev để thay thế
Để sửa đổi trò chơi theo nhu cầu của bạn, hãy xem tệp pacman-canvas.js và thực hiện các sửa đổi của bạn. Để thay đổi giao diện, hãy chỉnh sửa tệp pacman-canvas.css hoặc cả tệp index.htm, nơi mọi thứ kết hợp với nhau
Toàn bộ nội dung này được viết bằng HTML5, CSS3 và Javascript [sử dụng các đoạn jquery nhỏ]. Đối với những điều cơ bản, tôi đã làm theo Hướng dẫn "Khám phá HTML5 Canvas" [Phần 1 - 6] của Devhammer. Cảm ơn về sự hướng dẫn tuyệt vời
Đối với một số nội dung khác, chẳng hạn như cách viết javascript hướng đối tượng, tôi đã làm theo hướng dẫn tại http. //www. học viện mật mã. com/, đây là một trang web thực sự tuyệt vời để học Javascript và các ngôn ngữ khác
Nếu bạn hiểu tiếng Đức, bạn cũng có thể đọc blogpost của tôi về trang web này. "Pacman trong HTML5 Canvas"
Tín dụng. https. //github. com/daleharvey/pacman