Git Product home page Git Product logo

findpath's Introduction

Game Find-Path

1. Về cách chơi Game

Link game

1.1. Màn hình chính

Màn hình bắt đầu

  • Màn hình chính có 4 chức năng
    • P - Play: Để chơi game
    • A - Alter Map: Để thay đổi trò chơi
    • T - Tutorial: Hướng dẫn chơi
    • H - History: Lịch sử, điểm cao nhất

1.2. Chơi game

Màn hình chơi game

Với màn chơi số, người chơi chọn các số sao cho từ số 1 cột trái cùng sang số 20 bên phải cùng sao cho các ô chọn liền cạnh với ô chọn trước đó. Với màn chơi chữ, người chơi chọn các chữ cái sao cho khi viết liền tạo ra từ khóa. Mỗi lần chọn đúng được 100 điểm. Quay lại bằng nút back bị trừ 100 điểm. Chọn sai trừ 50 điểm. Điểm tối thiểu là 0. Người chơi có thể chơi lại bằng nút restart hoặc thoát bằng nút quit.

Khi hoàn thành trò chơi con thỏ sẽ nhảy từ điểm bắt đầu đến chỗ cà rốt và có 2 màn hình màn kế tiếp hoăc màn hình kết thúc (khi đã hoàn thành tất cả các màn) xuất hiện.

Hình con thỏ nhảy

Hình con thỏ ăn cà rốt

Màn hình GameOver

1.3. Thay đổi dữ liệu trong game

Màn hình thay đổi dữ liệu trong game

Người chơi có 2 lựa chọn là: Xóa câu hỏi hoặc Thêm câu hỏi.

1.3.1. Xóa câu hỏi

Chỉ xóa được câu hỏi khi số câu hỏi lớn hơn 0

Màn hình xóa câu hỏi

Người chơi điền số thứ tự của câu hỏi cần xóa rồi nhấn nút Confirm. Số thứ tự câu hỏi đếm từ 1. Khi xác nhận xong, sẽ có màn hình hiện ra lại câu hỏi chuẩn bị, khi này người chơi có thể nhấn Delete để xác nhận xóa hoặc nhấn Back để hủy và quay lại.

Màn hinh xác nhận xóa câu hỏi

1.3.2. Thêm câu hỏi

Chỉ thêm được câu hỏi khi số câu hỏi chưa đủ 3 (phần mềm chỉ chứa tối đa 3 câu hỏi)

Màn hình thêm câu hỏi

A. Thay đổi dữ liệu Letter

Màn hình chọn từ khóa

Người chơi chọn từ khóa muốn chơi.

Lưu ý từ khóa không chứa dấu cách ở giữa và chỉ chứa các chứ latin và có độ dài từ 8 đến 20.

Màn hình thay đổi dữ liệu trong Game theo Letter

Người chơi nhập các chữ cái vào các ô. Phầm mềm đã cung cấp sẵn một đường đi đúng. Bất cứ khi nào người chơi muốn xóa đi tất cả các ô thì nhấn nút Clear. Dữ liệu cần đảm bảo chỉ có duy nhất 1 chữ cái latin được điền vào mỗi ô và chỉ có một số chữ cái đầu tiên ở cột đầu tiên và chỉ một số chữ cái cuối cùng ở cột cuối cùng (để thuận lời cho việc đặt vị trí thỏ và cà rốt). Phần mềm sẽ kiểm tra có đường đi phù hợp hay không và có một thông báo lỗi nếu bất cứ một điều kiện nào không được đảm bảo. Dữ liệu sẽ random các chữ cái vào các ô không được điền số khi nhấn Confirm khi chưa điền đầy đủ. Khi đã điền đầy đủ người chơi nhấn nút Confirm để xác nhận. Trong quá trình, người chơi có thể nhấn nút Back để quay lại.

B. Thay đổi dữ liệu Number

Màn hình thay đổi dữ liệu trong Game theo Number

Người chơi nhập số vào các ô. Phầm mềm đã cung cấp sẵn một đường đi đúng. Bất cứ khi nào người chơi muốn xóa đi tất cả các ô thì nhấn nút Clear. Dữ liệu cần đảm bảo các số được điền phải nằm trong khoảng từ 1 đến 20 và chỉ có một số 1 ở cột đầu tiên và chỉ một số 20 ở cột cuối cùng (để thuận lời cho việc đặt vị trí thỏ và cà rốt). Phần mềm sẽ kiểm tra có đường đi phù hợp hay không và có một thông báo lỗi nếu bất cứ một điều kiện nào không được đảm bảo. Dữ liệu sẽ random các số từ 2 đến 19 vào các ô không được điền số khi nhấn Confirm khi chưa điền đầy đủ. Khi đã điền đầy đủ người chơi nhấn nút Confirm để xác nhận. Trong quá trình, người chơi có thể nhấn nút Back để quay lại.

2. Về mã nguồn game

2.1. Về công nghệ sử dụng

  • Reactjs
  • HTML, CSS, JS

2.2. Về cấu trúc tệp tin

  • Thư mục Component chỉ các phần con chính tạo nên chương trình

    • Ending: Màn hình kết thúc
    • Game: Màn hình chơi game
    • Resourses: Về thư mục âm thanh, ảnh, gif, hàm kiểm tra dữ liệu.
    • Start: Màn hình bắt đầu
    • VolumeSlider: Thanh điều chỉnh âm thanh
  • Thư mục Testing chỉ mục kiểm thử

    • Kiểm thử đơn vị: mapCheckingTesting.js - Kiểm tra tính đúng đắn của hàm kiểm tra dữ liệu

findpath's People

Contributors

kooyooman avatar vuongthanh148 avatar

Watchers

Hoàng Trương avatar  avatar

findpath's Issues

Thêm Kiểm Thử

Các pull-request liên quan đến issue này sẽ liên quan đến kiểm thử

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.