Giter Club home page Giter Club logo

top-trumps's Introduction

top-trump informal learning game

This game was the result of a two day hackathon where we tried to create a learning-based game. The idea of the cards was based on the observation that kids love trading Pokemon cards, and certain cards are more valuable than others. And the fact that kids can often recite every detail of the cards they own, as well as the ones they don't own.

The intention was that the cards should sneakily introduce learning (e.g., geography, politics). However, due to the nature of the developers who developed the hackathon project, it currently doesn't have any learning, but instead tends to mock older people. An upcoming version will introduce actual learning cards.

Eventually I also want to introduce actual card trading.

Get developing and playing

  • npm install
  • npm start (runs on localhost:4500)

npm start will start up lite-server and automatically open index.html in a browser. The second player also needs to open localhost:4500 in their browser.

This is a two-player game. Find someone to play with, and each player goes to the webpage. The first player needs to send the second player their id they have been given. The second player pastes player 1's id into the input box and clicks "Connect". Waala. The two players should now be connected on a peer network using WebRTC (Massive credit to PeerJS)

In the current game, each player receives a card with an old geezer, stating the geezer's age and height. The player who gets to go first ("Your go!") can gamble on either age or height by clicking that area of the card. The player with the highest value for the gambled property receives a point and gets to gamble again.

That's it. Pretty rudimentary at the moment.

Image idea:

http://ecx.images-amazon.com/images/I/710TJ2sg9sL._SL1500_.jpg

top-trumps's People

Contributors

plumpnation avatar

Watchers

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