softpunch/sky-color-generator

a npm module that generates color based on time

Sky Color Generator

For those who is mimicking color changes within a day, this module does the calculation for you 😉

You could set color for certain time points, and get back a color with any given time in a day.

Usage

initianize the color generator

var SkyColor = require('sky-color-generator')

var skyColor = new SkyColor()
skyColor.init(h * 60 + m)

set color for time you want

//first parameter is time, it could be how many minutes in a day or a ISO 8601 format time
//second parameter is color, sorry it only supports an array of rgba color now

//set a blue-ish color for 7am in the morning
skyColor.set(420, [96, 168, 232, 0.5]);

//be careful 0am should have the same color as 24pm
skyColor.set(0, [160, 222, 255, 1]);
skyColor.set(1440, [160, 222, 255, 1]);

query color with given time

//get back a rgba color string with a given time
//put this in an animation loop and you will get nice gradient effect :)
color = skyColor.get(h * 60 + m)

start a new day!

//when a new day comes, please reset the color generator
skyColor.startDay()

check out the example if this still doesn't make sense

😎