## The origin starts at (300,300) since JS-Eden's (0,0) co-ordinate starts at the top left of the screen.

x=300;

y=300;

origin is Circle(x,y,3,"black","black");

## Our real origin starts at (300,300), also we made an axes algebraically in the sense that we made the axes in terms of x,y and LENGTH only 
##  numbers involved were the initialisation of the variables x and y*

LENGTH =300;

p is [mouseX,mouseY];

Op is Line(x,y,p[1],p[2],"red");

l1 is Line(x-LENGTH,y,x,y);

l2 is Line(x,y-LENGTH,x,y);

l3 is Line(x+LENGTH,y,x,y);

l4 is Line(x,y+LENGTH,x,y);

Op is Line(x,y,p[1],p[2],"red");

## The line below is needed to show the output or more rather display my creation of objects onto the JS-Eden canvas

picture is [origin,l1,l2,l3,l4,Linegreen,Linered,Lineblue,redbutton, greenbutton,bluebutton];

## For some reason JS-EDEN's mouse pointer or whenever I want to click is way off so errorX and errorY is needed to correct it

errorX =10;

errorY=45;

## Now wherever point p is clicked it more or less moves approximately to the same point

p is [mouseClickX-errorX,mouseClickY-errorY];