User:SockeyeSalmon

From 2014.igem.org

(Difference between revisions)
m
 
Line 11: Line 11:
     height: 100%;
     height: 100%;
     background-color: #000;
     background-color: #000;
 +
}
 +
.left_menu li:last_child {
 +
    display: none;
}
}
</style>
</style>
Line 24: Line 27:
         alpha : 1.0,
         alpha : 1.0,
         draw : function(ctx) {
         draw : function(ctx) {
 +
            ctx.strokeStyle = 'rgb(127,255,212)';
             ctx.globalAlpha = this.alpha;
             ctx.globalAlpha = this.alpha;
             ctx.beginPath();
             ctx.beginPath();
Line 30: Line 34:
             r += dr;
             r += dr;
             this.alpha *= 0.99;
             this.alpha *= 0.99;
 +
        }
 +
    });
 +
}
 +
 +
function add_line(x0, y0, x1, y1) {
 +
    shape_array.push({
 +
        alpha : 1.0,
 +
        draw : function(ctx) {
 +
            ctx.strokeStyle = 'rgb(255,0,0)';
 +
            ctx.globalAlpha = this.alpha;
 +
            ctx.beginPath();
 +
            ctx.moveTo(x0, y0);
 +
            ctx.lineTo(x1, y1);
 +
            ctx.stroke();
 +
            this.alpha *= 0.9;
         }
         }
     });
     });
Line 40: Line 59:
             shape_array.splice(index, 1);
             shape_array.splice(index, 1);
     });
     });
 +
}
 +
 +
function add_random(x, y, width, height) {
 +
    var max = Math.max(width, height);
 +
    var mode = Math.floor(2 * Math.random());
 +
    switch(mode) {
 +
        case 1:
 +
            var theta = Math.PI * 2 * Math.random();
 +
            var w = max * Math.cos(theta);
 +
            var h = max * Math.sin(theta);
 +
            add_line(x-w, y-h, x+w, y+h);
 +
            break;
 +
        default:
 +
            add_circle(x, y);
 +
            break;
 +
    }
 +
    count = Math.floor(2 * fps * Math.random());
}
}
Line 49: Line 85:
     $canvas.attr('height', height);
     $canvas.attr('height', height);
     var ctx = $canvas[0].getContext('2d');
     var ctx = $canvas[0].getContext('2d');
-
    ctx.strokeStyle = 'rgb(127,255,212)';
 
     ctx.fillStyle = 'rgb(0,0,0)';
     ctx.fillStyle = 'rgb(0,0,0)';
     ctx.lineWidth = 3;
     ctx.lineWidth = 3;
     $canvas.click(function(e) {
     $canvas.click(function(e) {
-
         add_circle(e.pageX, e.pageY);
+
         add_random(e.pageX, e.pageY, width, height);
     });
     });
-
     var count = 0;
+
     var count = fps;
     var timer = setInterval(function() {
     var timer = setInterval(function() {
         ctx.globalAlpha = 0.1;
         ctx.globalAlpha = 0.1;
         ctx.fillRect(0, 0, width, height);
         ctx.fillRect(0, 0, width, height);
         draw(ctx);
         draw(ctx);
-
         count++;
+
         count--;
-
        count %= fps;
+
         if (count <= 0) {
-
         if (count == 0) {
+
             var x = width * Math.random();
             var x = width * Math.random();
             var y = height * Math.random();
             var y = height * Math.random();
-
             add_circle(x, y);
+
             add_random(x, y, width, height);
 +
            count = Math.floor(1 * fps * Math.random());
         }
         }
     }, 1000/fps);
     }, 1000/fps);
Line 73: Line 108:
</script>
</script>
</html>
</html>
 +
{{Kyoto/css/disable_official}}
 +
{{Kyoto/css/original_top}}

Latest revision as of 04:12, 16 September 2014