Code Monkey home page Code Monkey logo

mario-game's Introduction

Игра Mario

ИГРОВОЙ ПРОЦЕСС

1 экран. Игра

При открытии страницы на сайте показывается prompt, который сразу спрашивает имя игрока. Если мы ничего не ввели, то игра не запустится, страница просто перезагрузится, иначе начнется игра.

  • При начале игры запускается таймер, который в конце игры будет выведен в турнирную таблицу.
  • У игрока есть 3 жизни, в процессе игры он может найти гриб с дополнительной жизнью.
  • Если моб убивает игрока, отнимается 1 жизнь.
  • Если игрок падает в пропость, отнимается 1 жизнь.
  • Если количество жизней 0, игра заканчивается и появляется турнирная таблица с результатами игры (имя игрока, время игры, количество собранных монет).

Экран 2. Таблица рекордов

Когда мы проигрываем, сразу же идет сохранение в локальное хранилище. Если в локальном хранилище есть другие значения рекордов, они выводятся в виде таблицы в эту секцию сайта. Игрок который играл в данный момент выделяется в турнирной таблице желтым цветом, и все его предыдущие результаты. В таблице есть кнопка начала игры заново.

В таблице выводится:

  • Имя игрока
  • Время игры
  • Количество собранных монет

ДОПОЛНИТЕЛЬНО

В игре используется фоновая музыка.

Ссылка на игру:

Доработка проекта будет включать:

  • Оптимизация кода;
  • Покрытие приложения тестами;
  • Использование звуковых эффектов;
  • Сортировку результатов в турнирной таблице;

mario-game's People

Contributors

dmitrystoyan avatar

Stargazers

 avatar

Watchers

 avatar

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.