diff options
Diffstat (limited to 'base.js')
| -rw-r--r-- | base.js | 49 |
1 files changed, 43 insertions, 6 deletions
@@ -1,10 +1,47 @@ -gen = function() { - var paper = Raphael('canvas', 250, 250); - var circle = paper.circle(50, 40, 10); - circle.attr("fill", "#f00"); - circle.attr("stroke", "#fff"); +curve = function(x, y , ax, bx, ay, by, zx, zy, color) { + +}; + +gen = function(s, c) { + var h = CryptoJS.SHA1(s).toString(CryptoJS.enc.Hex); + var v = []; + + for (var i=0; i<20; i++) { + var bt = parseInt(h.substring(2*i, 2*(i+1)), 16); + v.push(bt); + } + + console.log(v); + + var r = Raphael(c, 250, 250); + var hv = v[4] / 256; + var sv = v[5] / 256; + var bv = v[6] / 256; + r.path(['M', v[0], 0, 'L', 0, v[1], 'L', v[2], 250, 'L', 250, v[3], 'Z']).attr({ + fill: Raphael.hsb(hv, sv, bv), + stroke: Raphael.hsb(hv, sv, bv) + }); + + hv = v[11] / 256; + sv = v[12] / 256; + bv = v[13] / 256; + r.path(['M', v[7], 0, 'L', 0, v[8], 'L', v[9], 250, 'L', 250, v[10], 'Z']).attr({ + fill: Raphael.hsb(hv, sv, bv), + stroke: Raphael.hsb(hv, sv, bv), + 'fill-opacity': (v[14] / 512) + 0.3, + 'stroke-opacity': (v[14] / 512) + 0.3 + }); + + }; $(document).ready(function() { - gen(); + gen('yuvals', 'c1'); + gen('yuvalsx', 'c2'); + gen('yuvalsd', 'c3'); + gen('yuvalse', 'c4'); + gen('yuv', 'c5'); + gen('yals', 'c6'); + gen('yuvl11', 'c7'); + gen('yuvals1242346', 'c8'); }); |
