loktar00

<canvas id="canvas"></canvas>

loktar00

<canvas id="canvas"></canvas>

loktar00

<div id="hitarea">
    <div id="a-1" class="hitbox"></div>
    <div id="a-2" class="hitbox"></div>
    <div id="a-3" class="hitbox"></div>
    <div id="a-4" class="hitbox"></div>
    <div id="a-5" class="hitbox"></div>
    <div id="b-1" class="hitbox"></div>
    <div id="b-2" class="hitbox"></div>
    <div id="b-3" class="hitbox"></div>
    <div id="b-4" class="hitbox"></div>

loktar00

var cards = [];

function initDeck(){
    for(var cardNum = 1; cardNum < 14; cardNum++){
        for(var i = 0; i < 4; i++){
            var suit = i;
            switch(i){
                case 0:
                    suit = "\u2665";
                    break;

loktar00

<canvas id="canvas"></canvas>​

loktar00

var sum = function(){
    var arr = [].slice.apply(arguments),
        total = arr.reduce(function(a,b){
            b = parseInt(b);
            if(!isNaN(b)){
                return a+b;
            }else{
                return a;   
            }
        });

loktar00

var canvas = document.getElementById("canvas"),
    ctx = canvas.getContext("2d"),
    tempCanvas = document.createElement("canvas"),
    tempCtx = tempCanvas.getContext("2d"),
    width = 512,
    height = 512,
    threshold = 210,
    colors = {r:255,g:0,b:0}, cycle = 0,
    points = [];

loktar00

function metabalize(){
    var imageData = tempCtx.getImageData(0,0,width,height),
        pix = imageData.data;
    
    for (var i = 0, n = pix.length; i <n; i += 4) {
        // Checks threshold
        if(pix[i+3]<threshold){
            pix[i+3]=0;
        }
    }

loktar00

var grad = tempCtx.createRadialGradient(point.x, point.y, 1, point.x, point.y, point.size);

tempCtx.beginPath();
grad.addColorStop(0, 'rgba(' + colors.r +',' + colors.g + ',' + colors.b + ',1)');
grad.addColorStop(1, 'rgba(' + colors.r +',' + colors.g + ',' + colors.b + ',0)');
tempCtx.fillStyle = grad;
tempCtx.arc(point.x, point.y, point.size, 0, Math.PI*2);
tempCtx.fill();

loktar00

for(var i = 0; i < 50; i++){
    var x = Math.random()*width,
        y = Math.random()*height,
        vx = (Math.random()*8)-4,
        vy = (Math.random()*8)-4,
        size = Math.floor(Math.random()*60)+60;
    
    points.push({x:x,y:y,vx:vx,vy:vy, size:size});
                       
};