var can; var c; var points; var pointsQuadTree; var ATTACH_DISTANCE = 40; window.addEventListener("resize", function(e){ can.width = window.innerWidth - 4.5; can.height = window.innerHeight - 4.5; pointsQuadTree = new QuadTree(can.width/2, can.height/2, can.width, can.height); }); window.onload = function(){ can = document.getElementById("can"); can.width = window.innerWidth - 4.5; can.height = window.innerHeight - 4.5; c = can.getContext("2d"); points = []; for(var i=0;i x && middleY - height / 2 < y && middleY + height / 2 > y); } this.show = function(c, color) { for (var i = 0; i < this.children.length; i++) { this.children[i].show(c, color); } } } function QuadTreeEnd(middleX, middleY, width, height) { this.middleX = middleX; this.middleY = middleY; this.width = width; this.height = height; this.add = function(data) { return new QuadTreeNode(this.middleX, this.middleY, this.width, this.height, data); } this.saveToListInSquare = function(list, middleX, middleY, width, height){ } this.show = function(c, color) { c.strokeStyle = color; c.strokeRect(this.middleX - this.width / 2, this.middleY - this.height / 2, this.width, this.height); } } function Point(middleX, middleY, radius, speed, red, green, blue){ this.middleX = middleX; this.middleY = middleY; var angle = Math.random() * 2 * Math.PI; this.xSpeed = speed * Math.cos(angle); this.ySpeed = speed * Math.sin(angle); this.radius = radius; this.red = parseInt(red); this.green = parseInt(green); this.blue = parseInt(blue); this.show = function(c){ c.fillStyle = "rgba(" + this.red + ", " + this.green + ", " + this.blue + ", 0.5)"; c.beginPath(); c.arc(this.middleX, this.middleY, this.radius, 0, 2*Math.PI); c.fill(); } this.update = function(){ this.middleX += this.xSpeed; this.middleY += this.ySpeed; if(this.middleX < 0){ this.middleX += can.width; }else if(this.middleX > can.width){ this.middleX -= can.width; } if(this.middleY < 0){ this.middleY += can.height; }else if(this.middleY > can.height){ this.middleY -= can.height; } //this.red = parseInt(this.middleX % 255); //this.blue = parseInt(this.middleY % 255); } this.drawLines = function(c, closeOnes){ for(var i=0;i

attaching points || using quadtree