Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
  <head>
    <title>Coin collecter</title>
  </head>
  <body>
    <dialog id='instructions'>
      <h1>Instructions</h1>
      <p>
        Hey there and welcome to Coin Collecter. You will be controlling a purple circle in the bottom of the screen by pressing the left and right arrow keys throughout the game. There will be yellow circles falling from the top of the screen. These yellow circles are valueable coins. It is your goal to collect as many of them as possible, before time runs out. Oh... and speaking about time, we measure time in cycles. You will start with 3600 cycles, which is about 1 minute. As an extra bonus, each time you collect a coin, you recieve 10 cycles of extra time, which alone isn't a lot, but it adds up. Also, occasionally there will be blue revive circles falling. They are usually faster than the coins. The first two times you collect a revive circle, your remaining cycle count will be reset to 3600, but if you collect a third one, the game will be immediately ended. You can monitor if it is safe to collect a revive circle by looking at the "revives remaining" count. If it is at zero, don't collect any more revive circles.
      </p>
      <p>
        One more thing... If you ever need to pause the game, press the enter key. Please feel free to share this game with whoever you wish to. Press enter to start (or continue) playing.
      </p>
    </dialog>
    <dialog id='paused'>
      <h1>Paused</h1>
      <p>
        Press enter to continue or press "i" to view instructions
      </p>
    </dialog>
    <dialog id='message'>
      <p id='messageText'>
        
      </p>
      <p id='messageInputP'><input id='messageInput'></input></p>
      <button id='messageButton'>
        OK
      </button>
    </dialog>
    <canvas id='c'>Uh oh... Your browser does not support this game :(</canvas>
  </body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
szokeasaurusrexpro
0viewers