foxy-moxy/server.js

var davis = require('./js/davis.js');
var geo = require('./js/geo.js');

var ngon = function (c) {
    var n=c.n || 3;

    var ctx= c.context || false;
    var x=c.x || 500;
    var y=c.y || x;
    var r=c.r || 500;
    if (n%2==0){
        var rotation=360/(n*2)*davis.random(n*2);
    } 
    else {
        var rotation=90+(180*davis.random(2));
    };
    rotation=c.rotation || rotation;
    var color=c.color || davis.randomColor("grey");
    var lineWidth=c.lineWidth || 1;
    var fill=c.fill || davis.randcomColor();
    ctx.beginPath();
    for (var i=0;i<n+2;i++){
        var nx=geo.getPoint(x,y,r,rotation+(i*360/n)).x2;
        var ny=geo.getPoint(x,y,r,rotation+(i*360/n)).y2;
        ctx.lineTo(nx,ny);
    }
    ctx.lineJoin='miter';
    ctx.strokeStyle=color;
    ctx.lineWidth=lineWidth;
    ctx.fillStyle=fill;
    ctx.fill();
    ctx.stroke();
    return true;
};

var textIcon = function (canvas, width, height) {
    var ctx = canvas.getContext('2d');
    ctx.beginPath();

    var color=davis.randomColor();
    var gradient=ctx.createLinearGradient(0,0,0,height);
    gradient.addColorStop(0,color);
    gradient.addColorStop(1,davis.pick([color,davis.randomColor(),"#000","#fff",davis.alpha(color,0)]));
    ctx.fillStyle=gradient;
    ctx.fillRect(0,0,width,height);


    for (var j=0;j<davis.random(4);j++){
        var r=davis.random(width/2);
        var rf=davis.random(width/2);
        var color=davis.randomColor();
        davis.maybe(2,3,function(){color=davis.randomColor("grey");});
        var lw=1+davis.random(width/20);
        var steps=1+davis.random(30);
        var incrementMod=davis.random(3)*90;
        var n=davis.random(6);
        var rotation=90*davis.random(3);
        var fadeColor=davis.pick(["rgba(0,0,0,0)","rgba(255,255,255,0)"]);
        var fadeRadius=Math.random();
        davis.maybe(1,5,function(){fadeRadius=0;});
        davis.maybe(1,5,function(){fadeRadius=false;});
        for (var i=0;i<steps;i++){
            var increment=i*360/steps;
            var x=geo.getPoint(width/2,height/2,rf,increment+incrementMod).x2;
            var y=geo.getPoint(width/2,height/2,rf,increment+incrementMod).y2;

            circle({
                n:n,
                gradient:true,
                context:ctx,
                x:x,
                y:y,
                r:r,
                rotation:rotation,
                lineWidth:lw,
                color:color,
                fadeColor:fadeColor,
                fadeRadius:fadeRadius
            });	
        }
    }

    var radialCanvas = new Canvas(width, height);
    var ctx2 = radialCanvas.getContext('2d');
    radial(ctx2, width, height);
    var pattern = ctx.createPattern(radialCanvas);
    ctx.clearRect(0, 0, width, height);

    ngon({
        n:3+davis.random(4),
        gradient:true,
        context:ctx,
        x:width/2,
        y:height/2,
        r:width/4+davis.random(width/4),
        fill:pattern,
        lineWidth:davis.random(width/15)
    });	

};




var circle = function(c){
    var ctx= c.context || false;
    var x=c.x || 500;
    var y=c.y || x;
    var r=c.r || 10;
    var color=c.color || davis.randomColor("grey");
    var fadeColor=c.fadeColor || "rgba(0,0,0,0)";
    var fadeRadius=c.fadeRadius || Math.random();
    var cr=ctx.canvas.width/2;
    var gradient=ctx.createRadialGradient(cr,cr,(fadeRadius*cr),cr,cr,cr);
    gradient.addColorStop(0,color);
    gradient.addColorStop(1,fadeColor);
    var lineWidth=c.lineWidth || 1;
    ctx.beginPath();
    ctx.arc(x,y,r,0,2*Math.PI);
    ctx.strokeStyle=gradient;
    ctx.lineWidth=lineWidth;

    ctx.stroke();


    return true;
};


var radial = function(ctx,width,height){
    ctx.beginPath();
    ctx.arc(width/2,width/2,davis.random(width/2),0,2*Math.PI);
    ctx.strokeStyle=davis.randomColor();
    ctx.lineWidth=1+davis.random(0.5*width);
    ctx.stroke();


    for (var j=0;j<davis.random(4);j++){
        var r=davis.random(width/2);
        var rf=davis.random(width/2);
        var color=davis.randomColor();
        davis.maybe(2,3,function(){color=davis.randomColor("grey");});
        var lw=1+davis.random(width/10);
        var steps=1+davis.random(30);
        var incrementMod=davis.random(3)*90;
        var n=davis.random(6);
        var rotation=90*davis.random(3);
        var fadeColor=davis.pick(["rgba(0,0,0,0)","rgba(255,255,255,0)"]);
        var fadeRadius=Math.random();
        davis.maybe(1,5,function(){fadeRadius=0;});
        davis.maybe(1,5,function(){fadeRadius=false;});
        for (var i=0;i<steps;i++){
            var increment=i*360/steps;
            var x=geo.getPoint(width/2,height/2,rf,increment+incrementMod).x2;
            var y=geo.getPoint(width/2,height/2,rf,increment+incrementMod).y2;

            circle({
                n:n,
                gradient:true,
                context:ctx,
                x:x,
                y:y,
                r:r,
                rotation:rotation,
                lineWidth:lw,
                color:color,
                fadeColor:fadeColor,
                fadeRadius:fadeRadius
            });	
        }
    }
};

var Canvas = require('canvas');
var express = require('express');
var fs = require('fs');

var app = express();

app.use(express.static(__dirname + '/images'));

app.get('/:width', function(req, res) {

    var width = 200;
    var height = 200;
    var Canvas = require('canvas');
    var Image = Canvas.Image;
    var canvas = new Canvas(width, height);
    var ctx = canvas.getContext('2d');
    textIcon(canvas, width, height);
    var img = new Buffer(canvas.toDataURL(), 'base64');
    var fileName = "fox" + Math.floor(Math.random() * 10000) + ".png";

    fs.writeFile(__dirname + '/images/' + fileName, canvas.toBuffer(), function(err) {
        console.log('error', err);
    });

    console.log(fileName);
    res.redirect(301, fileName);
});


app.listen(process.env.PORT || 3000);
console.log('listening on http://localhost:3000');