Live multiplayer grid clicking game.
Our goal is to create an application which explores the interaction between users. The experiment is run with two blind variables:
- You do not know who the other people are (unless you troll together).
- You do not know how many other people there are (if sample sizes are large enough).
This will be accomplished by creating a screen filled with MxM squares and starting with a blank webpage. Through updating the color in each square using websockets and node.js we wish to save the file as an ongoing project. Each user will be assigned a random color on entry, and this can be changed upon refresh. This enables you to realize who is messing with your stuff and possibly create "color bias" through the application. Clicking on an already colored square will remove anyones color to white, this would be the invisible method of interaction "anonymous cleansing" where it could be anyone. Eventually screenshots will be taken every minute for a whole month, then .gif or .mp4's can be produced with video images over an entire month. This will create interactive videos and can be coupled with statistics such as how many concurrent users over a period exist, which colors were the most popular, etc.
We wish to target a mainstream audience that desires mindless clicking and time-wasting. You may love to make pixel art, you may love to click every damn square. Do what you want. We want your love. Interaction drives this application known as "pro-grid".
- Invert Command - Simply flip the colors of each square with a press of a button (or a hidden hotkey would be sweet)
- Randomized Square Real Estate - Each user gets z% of the grid and is distributed randomly for control. Refreshing would change the seed but this would promote more random art and less totalitarian trolling
- Image buffering - Upload a 16x16 image and be able to place it into squares for all to see.
- 3D Implementation - Each cube is represented by a 16x16x16 space and has lighting/rendering effects. Videos can be produced of renders from multiple perspective angles.
- N - ability to change number of colors and specific colors to mix things up
- Ruby: http://rubyinstaller.org/
- Git: http://git-scm.com/downloads
- Node.js: http://nodejs.org/download/
- Create a folder to contain this (preferably in your GitHub folder)
- Open a command window in that folder (Shift + Right Click folder)
gem install compass
git clone https://github.com/DarrenCattle/pro-grid.git
git pull
npm install -g bower
npm install -g grunt-cli
npm install
bower install
grunt build
grunt web
http://localhost:9001/# checkout working branch
git checkout fix4
# install RVM (optional)
# read this https://rvm.io/rvm/install
gem install compass
# install node.js
# read this https://github.com/joyent/node/wiki/Installing-Node.js-via-package-manager
# install grunt and bower
npm install -g n
n stable
npm install -g grunt-cli
npm install -g bower
npm install
bower install
node web.js
127.0.0.1/9001/#/| Person | Role |
|---|---|
| Austin Pray | Lead Javascript Snob |
| Darren Cattle | Web Development God |
| Ridwan Hoq | Repo Mule |
| You | Open Sauce Software Contributer |
| Kyle Flottman | #socialmedia |