GithubHelp home page GithubHelp logo

zetabug / rock-paper-scissors-game Goto Github PK

View Code? Open in Web Editor NEW
10.0 10.0 23.0 52 KB

A simple fully responsive rock,paper and scissors game developed using HTML,CSS & JAVASCRIPT.

Home Page: https://rock-paper-scissors-game0302.netlify.app/

JavaScript 49.00% HTML 20.27% CSS 30.73%
css3 front-end-development html5 javascript open-source up-for-grabs

rock-paper-scissors-game's People

Contributors

iamrahul25 avatar srivastavshrey avatar timiwritescode avatar zetabug avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

rock-paper-scissors-game's Issues

Disable buttons when deciding winner.

When spam clicking the buttons, it continues to take inputs for the next round. Instead I propose it would be better to disable the buttons during the delay between the click of the button and the winner being decided. I would love to be assigned to this PR @zetabug.

Feature improvement

The time between when the player clicks one of the weapon button and when the winner is declared is kind of short and sudden.
So, you could do a bit of a 'time pause' thing after which the winner is declared.

Plus, we also do a kind of repeated 'rock, paper, scissors' three times before we finally reveal our choice. That will make it more real.

UI and feature improvement

  1. You could add some effects when we lose like a blinking red screen or confetti effect on the opponent side. This will make game
    more interesting and responsive.

  2. You could add some predefined number score to determine the final winner(like 5 or 10 wins).

[BUG]: Previous Result's Text Is Showing on On-going Round.

Description:
Steps to Reproduce:

Open the application.
Start a new game or round.
Make a selection (e.g., rock, paper, or scissors).
Observe that the result of the previous round's game is still visible on the screen, even though a new round has begun.

Expected Behavior:
The result text from the previous round should be cleared or hidden when a new round starts.

Actual Behavior:
The result text from the previous round remains visible, causing confusion in ongoing rounds.

UI Improvement

Hi, Listing a few changes that the improve the UI/UX

  • I would like to remove the scroll
  • You won page page after a best of 3 rounds.

Assign me this issue for the above changes
Thanks

#hacktoberfest

Animation improvement and some UI fixes

The animation can be improved by making it realistic and I would also like to add some padding to the footer so that the reset game button appears a bit above.
Please assign this to me.

UI Improvement

The buttons i.e rock, paper and scissor can be changed from rectangular shape to icons of rock, paper and scissor with COLORS in order to enhance the UX.

Kindly assign this issue to me. I will raise PR for this and approve it if you find it good enough.

Sound Effects

i think we should add sounds (like aracade games) for win, draw, lose etc . I'm ready to PR @zetabug

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.