wwwonka / sky-color-generator

a npm module that generates color based on time

Home Page:https://www.npmjs.com/package/sky-color-generator

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

😎

About

a npm module that generates color based on time

https://www.npmjs.com/package/sky-color-generator


Languages

Language:JavaScript 100.0%