title: Convert 3D coordinate to 2D coordinate using axonometric and isometric projection
body: <p>I'm currently working on a game in JS using HTML5 canvas and I need to convert a 3D coordinate defined by<code>x</code>, <code>y</code>, <code>z</code> to 2D coordinate defined by <code>x'</code> and <code>y'</code> using two projections mode : axonometric first and then isometric.</p>
  
  <p>I have already read the wiki page of isometric projection to find formula but I don't understand that :</p>
  
  <p>Wikipedia formula:</p>
  
  <p><a href="https://i.stack.imgur.com/nn3YT.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nn3YT.jpg" alt="enter image description here"></a></p>
  
  <p>Why it's using matrix rotation and where is the <code>x'</code> and <code>y'</code> 2D result ?</p>
  
  <p>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?</p>