Giter Club home page Giter Club logo

bananas's Introduction

Bananaz

Weekend sprint to build bananagrams to play with friends.

lobby

gameplay

This is

Bananagrams. A game played with scrabble pieces but no board for 10ppl. Its a js canvas game that relies on a host to keep track of everyone's states and syncs via websockets. Reproduces a living room. Players control an arm that lets them move around the place, zoom in/out, and pick things up and place them anywhere.

Some learnings

  • Terrible lobby. Relying on one client being the host makes this very hard. Better to use a server api to list connected host clients.
  • Custom controls like tracking mouse position don't work well with tablets.
  • Animated how to play is nice.
  • Number of messages being sent is a bit expensive. 1 game takes ~1M messages. Definitely need to separate the tick speed from the update speed. Runs a 20fps tick speed, 20fps render speed, 5fps update speed,
  • Freeform controls are harder to follow for less computer savvy. Should find more intuitive movements.
  • Freeform arm interactions are really fun.
  • Captures the fun human element of looking around at other people's words and for them to see you looking.
  • Having a separate camera/player/board/background layers definitely constitutes enough complexity to use a regular game render engine next time. Too much trig to debug easily.

Rules

  • Players start with 15 tiles. Arrange tiles to make words vertically or horizontally.
  • When all tiles have been placed, say "peel" and everyone draws one tile from the middle.

bananas's People

Contributors

ati2 avatar safetyscissors avatar

Watchers

James Cloos 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.