This repository has been archived by the owner. It is now read-only.
Make color palettes from your Steam video game screenshots.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
build
src
tools
.babelrc
.csscomb.json
.csslintrc
.editorconfig
.eslintrc
.flowconfig
.gitattributes
.gitignore
.jscsrc
.npmignore
.travis.yml
LICENSE.txt
README.md
deploy.sh
game-page.png
package.json
player-page.png
preprocessor.js
screenshot-page.png
search-page.png

README.md

Steam Palettes

This is the successor to steamy-screenshots, built as a React web app. The goal is to let you view Steam screenshots and create color palettes from them on COLOURlovers.

search page

game page

player page

screenshot page

How to Run

cp src/env.sh.example src/env.sh

Get a Steam Web API key and add it to src/env.sh.

brew install cairo
npm install
npm start

Visit localhost:3000 to view the app. The server runs on port 5000.

How to Update the List of Steam Apps

npm run-script update-steam-apps

How to Deploy to Heroku

  1. Fork this repo and modify src/config.json to suit your app.
  2. Create your app on Heroku.
  3. git remote add heroku git@heroku.com:yourherokuapp.git
  4. heroku buildpacks:set https://github.com/mojodna/heroku-buildpack-cairo.git
  5. heroku buildpacks:add heroku/nodejs
  6. ./deploy.sh
  7. heroku ps:scale web=1
  8. heroku config:set STEAM_API_KEY="your Steam Web API Key"

Thanks

  • itunes-colors and Color Thief for extracting color palettes from images.
  • TinyColor for translating between RGB and hex colors as well as getting analogous and monochromatic color variations.