///////////////////////////////////// // A program to draw Shapes // by Paul Caron //////////////////////////////////// ///////////////// // Object Classes ///////////////// class Point{ constructor(x,y){ this.coords = [x,y]; } translate(x,y){ this.coords[0]+=x; this.coords[1]+=y; } rotate(rotationAngle,x=0,y=0){ //radius var r = Math.hypot(this.coords[0]-x,this.coords[1]-y); var angle = Math.atan2(this.coords[1]-y,this.coords[0]-x); this.coords[0]=r*Math.cos(angle+rotationAngle); this.coords[1]=r*Math.sin(angle+rotationAngle); } } class Line{ constructor(p1,p2){ this.points = [p1,p2]; this.a = (p1.coords[1]-p2.coords[1])/(p1.coords[0]-p2.coords[0]); this.b = p1.coords[1]-(this.a*p1.coords[0]); } rotate(angle,x=0,y=0){ for(let p of this.points){ p.rotate(angle,x,y); } this.update(); } update(){ this.a = (this.points[0].coords[1]-this.points[1].coords[1])/(this.points[0].coords[0]-this.points[1].coords[0]); this.b = this.points[0].coords[1]-(this.a*this.points[0].coords[0]); } } ///////////////////// // Canvas functions //////////////////// //global variables var canvas; var ctx; var cx; var cy; //main function function makeShape(){ var size = document.getElementById("size").value; var sides = document.getElementById("sides").value; if(canvas==undefined){ canvas = document.getElementById("canvas"); ctx = canvas.getContext("2d"); canvas.width = innerWidth; canvas.height = innerWidth; cx=canvas.width/2; cy=canvas.height/2; // ctx.shadowBlur=10; ctx.shadowColor="cyan"; } ctx.clearRect(0,0,canvas.width,canvas.height) var angle = 0; var points = [];//outerpoints for(let a=0; a=line1.points[1].coords[0])||(px<=line1.points[1].coords[0]&&px>=line1.points[0].coords[0])){ if((py<=line1.points[0].coords[1]&&py>=line1.points[1].coords[1])||(py<=line1.points[1].coords[1]&&py>=line1.points[0].coords[1])){ collision = true; } } return [p,collision]; }

Star - mirage