Pikachu Onet Connect Animal Game (HTML/CSS/Javascript)

preview_player
Показать описание
Đây là project báo cáo giữa kì mình làm của môn lập trình Front-End sử dụng HTML/CSS/JS và Jquery
Có thể vẫn còn vài lỗi vặt do mình tự tìm hiểu và code chứ không tham khảo các source code trên google
Game sẽ bao gồm 6 level:
Easy: có 25 lượt xáo trộn, thời gian sẽ giảm dần mỗi 5 giây
Medium: có 20 lượt xáo trộn, thời gian sẽ giảm dần mỗi 4.5 giây và các ô sẽ dồn qua trái
Hard: có 18 lượt xáo trộn, thời gian sẽ giảm dần mỗi 4 giây và các ô sẽ dồn qua phải
Extreme: có 15 lượt xáo trộn, thời gian sẽ giảm dần mỗi 3.5 giây và các ô sẽ dồn xuống dưới
Terrible: có 12 lượt xáo trộn, thời gian sẽ giảm dần mỗi 3 giây và các ô sẽ dồn lên trên
Nightmare: có 10 lượt xáo trộn, thời gian sẽ giảm dần mỗi 2.5 giây và các ô 2 bên sẽ dồn vào giữa
0:00 - Giới thiệu
0:18 - Bắt đầu demo level Medium
0:39 - Nút dừng
0:59 - Nút trộn lại
2:20 - Màn hình khi kết thúc game
2:37 - Bắt đầu demo level Nightmare (khó nhất)
3:42 - Kết thúc demo
Mọi thắc mắc xin được giải đáp ở phần bình luận, cảm ơn mọi người đã xem!

--English—
This is my project on mid-term test for Front-End development
May be it still has some couple of small issues, because I research it by myself and code without reading any source code of this game on google.
The game contains 6 levels:
Easy: 25 shuffle times, timer decreases every 5 seconds
Medium: 20 shuffle times, timer decreases every 4.5 seconds and the cells will move to the left
Hard: 18 shuffle times, timer decreases every 4 seconds and the cells will move to the right
Extreme: 15 shuffle times, timer decreases every 3.5 seconds and the cells will move to the bottom
Terrible: 12 shuffle times, timer decreases every 3 seconds and the cells will move to the top
Nightmare: 10 shuffle times, timer decreases every 2.5 seconds and the cells will move to the center from both sides
0:00 - Introduction
0:18 - Playing mode Medium
0:39 - Stop button
0:59 - Shuffe
2:20 - End game display
2:37 - Playing mode Nightmare (hardest)
3:42 - Ending
All question will be answered in the comment below, thank for watching!
Рекомендации по теме