var can; var c; var flakes; var staticFlakes; var staticFlakesQuadtree; var showingTree = false; var FLAKE_SIZE = 7; window.onload = function(){ can = document.getElementById("c"); can.width = 360; can.height = 360; c = can.getContext("2d"); flakes = []; /* for(var i=0;i<100;i++){ flakes.push(new Flake(Math.random()*can.width, Math.random()*can.height, FLAKE_SIZE)); } */ staticFlakes = []; staticFlakesQuadtree = new Quadtree(0, 0, can.width, can.height); animate(); } function animate(){ c.fillStyle = "#000000"; c.fillRect(0, 0, can.width, can.height); if(flakes.length < 50 && Math.random() < 0.3){ flakes.push(new Flake(Math.random()*can.width, 0, FLAKE_SIZE)); } for(var i=flakes.length-1;i>=0;i--){ flakes[i].show(); flakes[i].update(); if(flakes[i].y > can.height-FLAKE_SIZE){ staticFlakes.push(flakes[i].toStaticFlake()); staticFlakesQuadtree.add(staticFlakes[staticFlakes.length-1]); flakes.splice(i, 1); break; }else{ var closeStaticFlakes = staticFlakesQuadtree.getListInSquare(flakes[i].x-FLAKE_SIZE, flakes[i].y-FLAKE_SIZE, flakes[i].x+FLAKE_SIZE, flakes[i].y+FLAKE_SIZE); for(var j=0;j x1 && this.fromY < y1 && this.fromY + this.height > y1) || (this.fromX < x2 && this.fromX + this.width > x2 && this.fromY < y1 && this.fromY + this.height > y1) || (this.fromX < x1 && this.fromX + this.width > x1 && this.fromY < y2 && this.fromY + this.height > y2) || (this.fromX < x2 && this.fromX + this.width > x2 && this.fromY < y2 && this.fromY + this.height > y2) || (x1 < this.fromX && x2 > this.fromX && y1 < this.fromY && y2 > this.fromY) || (x1 < this.fromX + this.width && x2 > this.fromX + this.width && y1 < this.fromY && y2 > this.fromY) || (x1 < this.fromX && x2 > this.fromX && y1 < this.fromY + this.height && y2 > this.fromY + this.height) || (x1 < this.fromX + this.width && x2 > this.fromX + this.width && y1 < this.fromY + this.height && y2 > this.fromY + this.height) ); } this.getListInSquare = function(x1, y1, x2, y2) { var list = []; if (this.touchingSquare(x1, y1, x2, y2)) { if (this.addToParent) { list = this.agents; } else { list = []; for (var i = 0; i < this.children.length; i++) { var list_ = this.children[i].getListInSquare(x1, y1, x2, y2); for (var j = 0; j < list_.length; j++) { list.push(list_[j]); } } } } return list; } this.show = function(color){ if(color == undefined){ color = "#FFFFFF"; } if (this.addToParent) { c.strokeStyle = color; c.strokeRect(this.fromX, this.fromY, this.width, this.height); } else { for (var i = 0; i < this.children.length; i++) { this.children[i].show(color); } } } } function Flake(x, y, size){ this.x = x; this.y = y; this.xSpeed = (Math.random() - 0.5)*2; this.ySpeed = Math.random()*2 + 1; this.size = size; this.rotation = 0; this.rotationSpeed = (Math.random()-0.5)/12; this.sidesOffsets = []; for(var i=0;i<6;i++){ this.sidesOffsets.push(Math.random() + 0.5); } this.show = function(){ c.strokeStyle = "#FFFFFF"; for(var i=0;i can.width){ this.x = 0; } } this.toStaticFlake = function(){ return new staticFlake(this.x, this.y, this.size, this.rotation, this.sidesOffsets); } } function staticFlake(x, y, size, rotation, sidesOffsets){ this.x = x; this.y = y; this.size = size; this.rotation = rotation; this.sidesOffsets = sidesOffsets; this.show = function(){ c.strokeStyle = "#FFFFFF"; for(var i=0;i

snowstructures || using Quadtree