ColourJS

• 

  Index Page, transitioning color from red to yellow.

Inspiration

While developing a web-based oscilloscope using WebGL over the summer, I noticed the lack of functions to generate and manage colours in Javascript. The same thing applies to different data visualisation packages such as D3 and Dygraph.

What it does

-will calculate colors to transition from color A to B to (optionally) C and so on... -calculates analogous, complementary, primary, secondary, and tertiary colors -generate warm or cool colors

How we built it

-the app was built using mostly Javascript, and some AngularJS and HTML/CSS for testing purposes

Challenges we ran into

-aligning HTML elements using Zurb-Foundation -scaling and increment/decrementing of R G and B values of source and destination colors over time

Accomplishments that we're proud of

-aligning HTML elements using Zurb-Foundation -scaling and increment/decrementing of R G and B values of source and destination colors over time

What we learned

-how to manage RGB and Hexadecimal colours -calculate related colors -convert between RGB to Hexadecimal with ease

What's next for ColourJS

Since the weekend was not nearly enough to finish and implement the library fully, we will release it as an open source project and continue to work on it throughout our school year.

Built With

• angular.js
• javascript
• zurb-foundation