• o = [xo = 0, yo = 0] is the origin
• A = [xA, yA] is a point on the 2D plane. Same for B, C, ...
• lengths are in any unit (ex: pixels)
• code snippets are in JavaScript

angleRad = angleDeg * Math.PI / 180;

angleDeg = angleRad * 180 / Math.PI;

• dist = function(A,B){ return Math.sqrt((xB - xA)*(xB - xA) + (yB - yA)*(yB - yA)) } // ES5
• dist = (A, B) => Math.hypot(xB -x A, yB - yA) // ES6

• line equation: y = ax + b
• a = (yB - yA) / (yB - yA) = tan θ
• θ = angle between line and x axis
• b = yA - a * xA (because yA = a * xA + b)

• line 1: y = a * x + b
• line 2: y' = a' * x + b'
• intersection point P:
  • xP = (a - a')/(b' - b);
  • • yP = a * xP + b;
• Ex with y=5x+1 & y'=2x+8:
  • xP = 7/3;
  • yP = 12.666;

angle = Math.atan2(Ax, Ay)

angle = Math.atan2(By - Ay, Bx - Ax);

• Anew_x = Ax * Math.cos(angle) - Ay * Math.sin(angle)
• Anew_y = Ax * Math.sin(angle) + Ay * Math.cos(angle)
• It's the same as applying the following rotation matrix:

vec2 (
    +cos(a), -sin(a)
    +sin(a), +cos(a)
)

• Anew_x = Math.cos(atan2(Ax, Ay))
• Anew_y = Math.sin(atan2(Ax, Ay))

• http://www.cse.yorku.ca/~amana/research/grid.pdf
• http://en.wikipedia.org/wiki/Bresenham%27s_line_algorithm
• Demo by xem: http://codepen.io/xem/pen/RRxPNG

• new_y = Math.sin(-y * Math.PI/2);
• new_x = Math.sin(x * Math.PI) * Math.cos(y * Math.PI / 2);
• if Math.abs(x) < .5, the projected point is hidden "behind" the sphere.
• Prototype by subzey: http://codepen.io/subzey/pen/rVoXQx
• Demo by xem: http://xem.github.io/articles/demos/js13k15/globe2.html