Giter Club home page Giter Club logo

Scoreboard

Nodejs and JohnyFive scoreboard for a Fooseball table.

alt text

Project description

We are quite competitive when it comes to foosball at the office, we try to mentally keep track of scores and wins over a few weeks span but that never works out. We wanted a method of tracking points that din’t involve us writing it down.

This is when we came up with the idea of building a mobile website that we would use on our phones to track game scores and stats.

Being an amateur hardware hacker, I decided to take it a step further and automate the scoring with an Arduino (To be replaced with a raspberry pi on final version) to send and receive information from the table to web page scoreboard, I used the Socket.IO library and Johnny-five library. It allowed me to capture events from the Arduino sensors mounted on the table and send them in real time to the scoreboard and also form the scoreboard back to the Arduino.

Diagram

Server to Arduino communication

Using the Johnny-Five library, when the ball goes down the goals it brakes the laser and triggers a switch that lets the server know that a point was scored.

Server/Client communication

We are using socket.io to send information from the server in real time to the scoreboard web page.

Counting points

To count the point a pair of lasers and photo resistors wired to an Arduino where used as buttons to trigger a function in my application to add points for each team. When the ball cuts the laser it interrupts a switch and Johnny-five on the server records the change of state and triggers a goal. To mark which player scored the goal tap his avatar, this allows the server to keep track of player performance (how quick they scored, how many autogals they scored).

Laser sensors

Coming soon

-Storing player data in a DB and showing them their stats on a profile page. -Adding social sharing of game scores after game play.

Sebastien Barrau's Projects

dock_receipt_json icon dock_receipt_json

Defines a JSON standard to communicate dock receipt information between systems

ohtipi icon ohtipi

iMessage AutoFill in any browser on macOS πŸ”

pkpassvalidator icon pkpassvalidator

Checks the validity of a PKPASS file by checking it's signature and contents match the Apple specification

quickevents icon quickevents

quick analytics event logger. Add it to your app or website and it will try to track all events.

raygun icon raygun

Shoot elements in the dom to delete remove them from the browser

tabler-icons icon tabler-icons

A set of over 550 free MIT-licensed high-quality SVG icons for you to use in your web projects.

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.