Skip to content

Instantly share code, notes, and snippets.

@lbud

lbud/index.js

Last active August 29, 2015 14:06
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save lbud/cb6a4e223e2ebb605436 to your computer and use it in GitHub Desktop.
Save lbud/cb6a4e223e2ebb605436 to your computer and use it in GitHub Desktop.
Download ZIP
requirebin sketch
Raw
index.js
var color = require('fischer-color');
var canvas = document.createElement('canvas');
canvas.style.cssText = 'width:400px;height:200px;';
var ctx = canvas.getContext('2d');
var w = 628, h = 100;
canvas.width = w;
canvas.height = h;
var image = ctx.getImageData(0, 0, w, h);
for (var i = 0, j = -1, c; i < w * h; ++i) {
c = color.interpolate((i % w)/100, 1, Math.floor(i/w)/100);
image.data[++j] = c[0];
image.data[++j] = c[1];
image.data[++j] = c[2];
image.data[++j] = 255;
}
ctx.putImageData(image, 0, 0);
document.body.appendChild(canvas);
Raw
minified.js
require=function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s}({"fischer-color":[function(require,module,exports){module.exports.interpolate=function interpolate(h,c,l){"use strict";if(Array.isArray(h)){c=h[1];l=h[2];h=h[0]}h=h+(Math.PI/2-(Math.PI-2));if(c>1-2*Math.abs(l-.5)){c=1-2*Math.abs(l-.5)}var r1=Math.sin(h+Math.PI-2)*.417211*c+l,g1=Math.sin(h+Math.PI+1.5)*.158136*c+l,b1=Math.sin(h+Math.PI)*.455928*c+l;return[Math.exp(Math.log(r1*.923166+.0791025)*1.25)*255,Math.exp(Math.log(g1*.923166+.0791025)*1.25)*255,Math.exp(Math.log(b1*.923166+.0791025)*1.25)*255]}},{}]},{},[]);var color=require("fischer-color");var canvas=document.createElement("canvas");canvas.style.cssText="width:400px;height:200px;";var ctx=canvas.getContext("2d");var w=628,h=100;canvas.width=w;canvas.height=h;var image=ctx.getImageData(0,0,w,h);for(var i=0,j=-1,c;i<w*h;++i){c=color.interpolate(i%w/100,1,Math.floor(i/w)/100);image.data[++j]=c[0];image.data[++j]=c[1];image.data[++j]=c[2];image.data[++j]=255}ctx.putImageData(image,0,0);document.body.appendChild(canvas);
Raw
package.json
{
"name": "requirebin-sketch",
"version": "1.0.0",
"dependencies": {
"fischer-color": "0.0.0"
}
}
Raw
page-head.html
<style type='text/css'>html, body { margin: 0; padding: 0; border: 0; }
body, html { height: 100%; width: 100%; }</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment