aurbano / bananajs

Get colors from words (give it banana, get yellow)

Home Page:https://aurbano.github.io/bananajs

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Banana Bananajs

Get a color from a keyword (give it banana, get yellow)

Bananajs takes the specified keyword and searches for it in Google Images. It then takes the returned images, looks at their dominant colors, and calculates the average of all.

Demo

Example

// first load https://www.google.com/jsapi

var banana = new Banana({
  googleApi: google
});

banana.getColor("strawberry").then(function(color){
  // color is [198, 29, 28]
  // which is a nice dark red
});

Usage

Bananajs requires the Google JS API to work, you just need to add:

<script src="https://www.google.com/jsapi"></script>

After, load the banana.js file, and finally initialize a new instance with:

var banana = new Banana({
  // Required
  googleApi: google,
  // Optional
  debug: true
});

I decided to pass the google object as a parameter in case you have renamed it.

Once you have the banana object there are two methods:

banana.getColor(string)

This function takes any string, and returns a promise that when resolved will return one array of ints [r,g,b].

// Set the background of body as the color of a strawberry
banana.getColor("strawberry").then(function(color){
  document.body.style.background = "rgb("+color[0]+","+color[1]+","+color[2],")";
});

banana.getPalette(string, number)

This function takes any string, and returns a promise that when resolved will return an array of arrays of ints [r,g,b]. You can specify how many colors you want in the palette in the number parameter.

// Get 4 colors for the keyword "strawberry"
banana.getPalette("strawberry", 4).then(function(palette){
  // Use the first color as background
  document.body.style.background = "rgb("+palette[0][0]+","+palette[0][1]+","+palette[0][2],")";
});

Contributing

Contributions to this extremely useful library are more than welcome, feel free to send a pull request to the develop branch with your proposed changes. Follow similar coding practices if possible.

Meta

© Alejandro U. Alvarez (2015) - Licensed under the MIT License

About

Get colors from words (give it banana, get yellow)

https://aurbano.github.io/bananajs

License:MIT License


Languages

Language:JavaScript 47.6%Language:HTML 44.6%Language:CSS 7.8%