2

I'm currently working on a game in JS using HTML5 canvas and I need to convert a 3D coordinate defined byx, y, z to 2D coordinate defined by x' and y' using two projections mode : axonometric first and then isometric.

I have already read the wiki page of isometric projection to find formula but I don't understand that :

Wikipedia formula:

enter image description here

Why it's using matrix rotation and where is the x' and y' 2D result ?

Can someone give me the formulas to convert a point of 3D axes in 2D axes using axonometric projection and the formula using isometric projection with explanation for beginner in mathematical?

Tomislav Stankovic
  • 3,080
  • 17
  • 35
  • 42
Rakim Faoui
  • 107
  • 2
  • 8

2 Answers2

2

3D to 2D isometric: 

x'=(x-z)/sqrt(2)
y'=(x+2y+z)/sqrt(6)

(Based on @NicoSchertler's comment. He says he got it from Wikipedia but I don't see how..)

For other axonometric see also: Projecting 3D points to 2D plane

Yarin
  • 173,523
  • 149
  • 402
  • 512
0
x'=(x-z)/sqrt(2)
y'=(x+2y+z)/sqrt(6)

if x, y = 0 and z = 100 I get the resulting coordinate (-70, 40)..

Thus I don't think this formula is correct.. I'd post this as a comment, but the rules on this site make zero sense and don't let me.

dude
  • 1