Git Product home page Git Product logo

get-the-button's Introduction

Get The Button ๐Ÿ–ฑ๏ธ

Welcome to my little project

Here we will trying to create a reflex trainer, so we can be good as Hiko in that play:

Okay, that's a little too much ๐Ÿ˜….
We will just try to click fast as possible in the green button on the screen.

It consists in three files, the index.html which is the main, the btnStyle.css with
the css style and the btnFunctions.js to control the js functions.

Using

  • HTML ๐Ÿ–ฅ๏ธ
  • CSS ๐Ÿ˜Ž
  • JavaScript โš™๏ธ

Progress

  • Day 1 โœ”๏ธ
    First day working, my first impression is: that sounded simpler im my head. But i did the skeleton of the project built a green button that goes to a random place on the screen, one button to start and one to return the button. Also i created a simple score that cout the times you clicked the green button. Looking forward for where it can go.
  • Day 2 โœ”๏ธ
    Second day on the project, not going so well. I can't find a way to make to button keeps constantly moving on the screen. So today I just changed some functions and tried new things.
  • Day 3 โœ”๏ธ
    BEST DAY (so far), had a mind block for a few days I wasn't feeling very conffident about the project or what I'm able to do. After talking with my friend and discussing some ideas, he cheered me up to search for other ways to work, so here it is. Now the button with a interval in the page it goes to random places on the screen after you click on the start button (it won't stop, but we will see that later), and now we have difficult option, so it's basically done. Just need to finish the style.
  • Day 4 โœ”๏ธ
    Done, everything is working (i think). The style is simple but, I will probably change some things in the future. If you have any idea feel free to contact me.
  • Day 5 โœ”๏ธ
    Changed some of the style, now it looks more fancy and bright. Still trying to figure out how to solve the time bug from the green button.
  • Day 6/7 โœ”๏ธ
    A lot of changes, added a CS:GO background to make it a little harder to find the green button. Changed how the score will be shown, becaus now we have a timer after 20s the score will show up on the top of the screen. The next step is to add a animation to the score and to the timer.

get-the-button's People

Contributors

mateusfilipe 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.