Git Product home page Git Product logo

8192px's Introduction

8192px - A collaborative pixel canvas that grows over time

8192px is a little pixel art experiment for the web where users have to work together to fill out the canvas as the timeouts in-between being allowed to place a pixel makes it hard for a single person to fill out the canvas.

The rules are quite simple:

  • The canvas starts out at 2x2, and grows by 2x2 every 8192 seconds of users being active.
  • After placing a pixel, a user must wait a deterministic random amount from 0 to 8192, the scale of the value depends on the number of active users.

Mouse and keyboard controls:

  • Click and drag to pan.
  • Shift/Control click to zoom.
  • Double click to place a pixel.

Touch controls:

  • Drag to pan
  • Pinch to zoom.
  • Double tap to place a pixel.

You can see it in action at http://8192px.co, the server is a droplet hosted over at DigitalOcean.

The server is written in Node with the only dependencies being mime and ws. Due to the lack of a good image library for node, it pipes bitmap data through convert, which needs to be available on the server.

The client has no external dependencies, and should run fine in any reasonable modern browser.

8192px's People

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.