window.onload = function(){//ONLOAD_START //------------------------------------------ //VAR INIT var HEIGHT = window.innerHeight; var WIDTH = window.innerWidth; var FPS = 20; var lstPoly = []; //------------------------------------------ //CANVAS INIT var c = document.createElement('canvas'); document.body.appendChild(c); ctx = c.getContext('2d'); //------------------------------------------ //FUNCTIONS function line(x1, y1, x2, y2){ //Because i don't give a fuck ctx.beginPath(); ctx.moveTo(x1, y1); ctx.lineTo(x2, y2); ctx.stroke(); } function rotate(cx, cy, x, y, angle){ //Rotate a point (x,y) arround another point (cx,cy) cos = Math.cos(angle); sin = Math.sin(angle); nx = (cos*(x-cx))+(sin*(y-cy))+cx; ny = (cos*(y-cy))-(sin*(x-cx))+cy; return [nx, ny]; } function updatePoly(){ //Verif collisions for(var i=0; i= 0)){ tempInter = false; } } if(tempInter == true){ inter = true; } } return inter; } function clear(){ HEIGHT = window.innerHeight; WIDTH = window.innerWidth; c.setAttribute('width', WIDTH); c.setAttribute('height', HEIGHT); ctx.fillStyle = '#333'; ctx.fillRect(0, 0, WIDTH, HEIGHT); } //------------------------------------------ //OBJECTS function polygon(sides, xx, yy, ww){ //The polygon object this.s = sides; this.w = ww; this.x = xx; this.y = yy; this.spdx = Math.random()*4-2; this.spdy = Math.random()*4-2; this.spda = Math.random()*(Math.PI/15*2)-Math.PI/15; this.collision = false; this.pts = []; for(var i=0; i<2*Math.PI-(2*Math.PI/sides)+Math.PI/16; i+=(2*Math.PI/sides)){ this.pts.push(new point(Math.round(xx+ww*Math.cos(i)), Math.round(yy+ww*Math.sin(i)))); } lstPoly.push(this); } function point(xx, yy){ //An object which save coords this.x = xx; this.y = yy; } //------------------------------------------ //EVENTS c.onclick = function(e){ //Create a new polygon of temp sides and temp2 size var temp = prompt('Number of sides', 3); var temp2 = prompt("Polygon's size in px", 50); new polygon(temp, e.x, e.y, temp2); } //------------------------------------------ //LOOP //Example for users new polygon(4, window.innerWidth/3, window.innerHeight/4, 50); new polygon(3, window.innerWidth/8, window.innerHeight/2, 60); new polygon(5, window.innerWidth/3*2, window.innerHeight/4, 60); new polygon(5, window.innerWidth/3*2, window.innerHeight/4*3, 30); alert('Touch the screen !'); function update(){ clear(); updatePoly(); draw(); } setInterval(update, 1000/FPS); }//ONLOAD_END

Polygonal collisions