using_transforms.rst 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276
  1. .. _doc_using_transforms:
  2. Using 3D transforms in Godot
  3. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  4. Introduction
  5. ------------
  6. If you have never made 3D games before, working with rotations in three dimensions can be very confusing at first.
  7. Coming from 2D, the natural way of thinking is along the lines of *"Oh, it's just like rotating in 2D, except now rotations happen in X, Y and Z"*.
  8. At first this seems easy and for simple games, this way of thinking may even be enough. Unfortunately, it's very often incorrect.
  9. Angles in three dimensions are most commonly referred to as "Euler Angles".
  10. .. image:: img/transforms_euler.png
  11. Euler angles were introduced by mathematician Leonhard Euler in the early 1700s.
  12. .. image:: img/transforms_euler_himself.png
  13. This way of representing 3D rotations was groundbreaking at the time, but it has several shortcomings when used in game development (which is to be expected from a guy with a funny
  14. hat).
  15. The idea of this document is to explain why, as well as outlining best practices for dealing with transforms when programming 3D games.
  16. Problems of Euler Angles
  17. ------------------------
  18. While it may seem very intuitive that each axis has a rotation, the truth is that it's just not practical.
  19. Axis Order
  20. ==========
  21. The main reason for this is that there isn't a *unique* way to construct an orientation from the angles. There isn't a standard mathematical function that
  22. takes all the angles togehter and produces an actual 3D rotation. The only way an orientation can be produced from angles is to rotate the object angle
  23. by angle, in an *arbitrary order*.
  24. This could be done by first rotating in *X*, then *Y* and then in *Z*. Alternatively, you could first rotate in *Y*, then in *Z* and finally in *X*. Anything really works,
  25. but depending on the order, the final orientation of the object will *not necessarily be the same*. Indeed, this means that there are several ways to construct an orientation
  26. from 3 different angles, depending on *the order of the rotations*.
  27. Following is a visualization of rotation axes (in X,Y,Z order) in a gimbal (from Wikipedia). As you can see, the orientation of each axis depends on the rotation of the previous one:
  28. .. image:: img/transforms_gimbal.gif
  29. You may be wondering how this affects you. Let's look at a practical example:
  30. Imagine you are working on a first-person controller (FPS game). Moving the mouse left and right controls your view angle parallel to the ground, while moving it up and down moves the player's view up and down.
  31. In this case to achieve the desired effect, rotation must be applied first in the *Y* axis ("up" in this case, since Godot uses a "Y-Up" orientation), followed by rotation in the *X* axis.
  32. .. image:: img/transforms_rotate1.gif
  33. If we were to apply rotation in the *X* axis first, and then in *Y*, the effect would be undesired:
  34. .. image:: img/transforms_rotate2.gif
  35. Depending on the type of game or effect desired, the order in which you want axis rotations to be applied may differ. Therefore, applying rotations in X, Y, and Z is not enough: you also need a *rotation order*.
  36. Interpolation
  37. =============
  38. Another problem with using Euler angles is interpolation. Imagine you want to transition between two different camera or enemy positions (including rotations). One logical way to approach this is to interpolate the angles from one position to to the next. One would expect it to look like this:
  39. .. image:: img/transforms_interpolate1.gif
  40. But this does not always have the expected effect when using angles:
  41. .. image:: img/transforms_interpolate2.gif
  42. The camera actually rotated the opposite direction!
  43. There are a few reasons this may happen:
  44. * Rotations don't map linearly to orientation, so interpolating them does not always result in the shortest path (i.e., to go from ``270`` to ``0`` degrees is not the same as going from ``270`` to ``360``, even though the angles are equivalent).
  45. * Gimbal lock is at play (first and last rotated axis align, so a degree of freedom is lost). See `Wikipedia's page on Gimbal Lock <https://en.wikipedia.org/wiki/Gimbal_lock>`_ for a detailed explanation of this problem.
  46. Say no to Euler Angles
  47. ======================
  48. The result of all this is that you should **not use** the ``rotation`` property of :ref:`class_Spatial` nodes in Godot for games. It's there to be used mainly in the editor, for coherence with the 2D engine, and for very simple rotations (generally just one axis, or even two in limited cases). As much as you may be tempted, don't use it.
  49. Instead, there is a better way to solve your rotation problems.
  50. Introducing Transforms
  51. ----------------------
  52. Godot uses the :ref:`class_Transform` datatype for orientations. Each :ref:`class_Spatial` node contains a ``transform`` property which is relative to the parent's transform, if the parent is a Spatial-derived type.
  53. It is also possible to access the world coordinate transform via the ``global_transform`` property.
  54. A transform has a :ref:`class_Basis` (transform.basis sub-property), which consists of three :ref:`class_Vector3` vectors. These are accessed via the ``transform.basis`` property and can be accessed directly by ``transform.basis.x``, ``transform.basis.y``, and ``transform.basis.z``. Each vector points in the direction its axis has been rotated, so they effectively describe the node's total rotation. The scale (as long as it's uniform) can be also be inferred from the length of the axes. A *basis* can also be interpreted as a 3x3 matrix and used as ``transform.basis[x][y]``.
  55. A default basis (unmodified) is akin to:
  56. .. code-block:: python
  57. var basis = Basis()
  58. # Contains the following default values:
  59. basis.x = Vector3(1, 0, 0) # Vector pointing along the X axis
  60. basis.y = Vector3(0, 1, 0) # Vector pointing along the Y axis
  61. basis.z = Vector3(0, 0, 1) # Vector pointing along the Z axis
  62. This is also an analog to a 3x3 identity matrix.
  63. Following the OpenGL convention, ``X`` is the *Right* axis, ``Y`` is the *Up* axis and ``Z`` is the *Forward* axis.
  64. Together with the *basis*, a transform also has an *origin*. This is a *Vector3* specifying how far away from the actual origin ``(0, 0, 0)`` this transform is. Combining the *basis* with the *origin*, a *transform* efficiently represents a unique translation, rotation, and scale in space.
  65. .. image:: img/transforms_camera.png
  66. One way to visualize a transform is to look at an object's 3D gizmo while in "local space" mode.
  67. .. image:: img/transforms_local_space.png
  68. The gizmo's arrows show the ``X``, ``Y``, and ``Z`` axes (in red, green, and blue respectively) of the basis, while gizmo's center is at the object's origin.
  69. .. image:: img/transforms_gizmo.png
  70. For more information on the mathematics of vectors and transforms, please read the :ref:`doc_vector_math` tutorials.
  71. Manipulating Transforms
  72. =======================
  73. Of course, transforms are not as straightforward to manipulate as angles and have problems of their own.
  74. It is possible to rotate a transform, either by multiplying its basis by another (this is called accumulation), or by using the rotation methods.
  75. .. code-block:: python
  76. # Rotate the transform in X axis
  77. transform.basis = Basis(Vector3(1, 0, 0), PI) * transform.basis
  78. # shortened
  79. transform.basis = transform.basis.rotated(Vector3(1, 0, 0), PI)
  80. A method in Spatial simplifies this:
  81. .. code-block:: python
  82. # Rotate the transform in X axis
  83. rotate(Vector3(1, 0, 0), PI)
  84. # shortened
  85. rotate_x(PI)
  86. This rotates the node relative to the parent node.
  87. To rotate relative to object space (the node's own transform) use the following:
  88. .. code-block:: python
  89. # Rotate locally, notice multiplication order is inverted
  90. transform = transform * Basis(Vector3(1, 0, 0), PI)
  91. # shortened
  92. rotate_object_local(Vector3(1, 0, 0), PI)
  93. Precision Errors
  94. ================
  95. Doing successive operations on transforms will result in a loss of precision due to floating-point error. This means the scale of each axis may no longer be exactly ``1.0``, and they may not be exactly ``90`` degrees from each other.
  96. If a transform is rotated every frame, it will eventually start deforming over time. This is unavoidable.
  97. There are two different ways to handle this. The first is to *orthonormalize* the transform after some time (maybe once per frame if you modify it every frame):
  98. .. code-block:: python
  99. transform = transform.orthonormalized()
  100. This will make all axes have ``1.0`` length again and be ``90`` degrees from each other. However, any scale applied to the transform will be lost.
  101. It is recommended you don't scale nodes that are going to be manipulated. Scale their children nodes instead (such as MeshInstance). If you absolutely must scale the node, then re-apply it at the end:
  102. .. code-block:: python
  103. transform = transform.orthonormalized()
  104. transform = transform.scaled(scale)
  105. Obtaining Information
  106. =====================
  107. You might be thinking at this point: **"Ok, but how do I get angles from a transform?"**. The answer again is: you don't. You must do your best to stop thinking in angles.
  108. Imagine you need to shoot a bullet in the direction your player is facing. Just use the forward axis (commonly ``Z`` or ``-Z``).
  109. .. code-block:: python
  110. bullet.transform = transform
  111. bullet.speed = transform.basis.z * BULLET_SPEED
  112. Is the enemy looking at the player? Use the dot product for this (see the :ref:`doc_vector_math` tutorial for an explanation of the dot product):
  113. .. code-block:: python
  114. # Get the direction vector from player to enemy
  115. var direction = enemy.transform.origin - player.transform.origin
  116. if direction.dot(enemy.transform.basis.z) > 0:
  117. enemy.im_watching_you(player)
  118. Strafe left:
  119. .. code-block:: python
  120. # Remember that +X is right
  121. if Input.is_action_pressed("strafe_left"):
  122. translate_object_local(-transform.basis.x)
  123. Jump:
  124. .. code-block:: python
  125. # Keep in mind Y is up-axis
  126. if Input.is_action_just_pressed("jump"):
  127. velocity.y = JUMP_SPEED
  128. velocity = move_and_slide(velocity)
  129. All common behaviors and logic can be done with just vectors.
  130. Setting Information
  131. ===================
  132. There are, of course, cases where you want to set information to a transform. Imagine a first person controller or orbiting camera. Those are definitely done using angles, because you *do want* the transforms to happen in a specific order.
  133. For such cases, keep the angles and rotations *outside* the transform and set them every frame. Don't try retrieve them and re-use them because the transform is not meant to be used this way.
  134. Example of looking around, FPS style:
  135. .. code-block:: python
  136. # accumulators
  137. var rot_x = 0
  138. var rot_y = 0
  139. func _input(event):
  140. if event is InputEventMouseMotion and ev.button_mask & 1:
  141. # modify accumulated mouse rotation
  142. rot_x += ev.relative.x * LOOKAROUND_SPEED
  143. rot_y += ev.relative.y * LOOKAROUND_SPEED
  144. transform.basis = Basis() # reset rotation
  145. rotate_object_local(Vector3(0, 1, 0), rot_x) # first rotate in Y
  146. rotate_object_local(Vector3(1, 0, 0), rot_y) # then rotate in X
  147. As you can see, in such cases it's even simpler to keep the rotation outside, then use the transform as the *final* orientation.
  148. Interpolating with Quaternions
  149. ==============================
  150. Interpolating between two transforms can efficiently be done with quaternions. More information about how quaternions work can be found in other places around the Internet. For practical use, it's enough to understand that pretty much their main use is doing a closest path interpolation. As in, if you have two rotations, a quaternion will smoothly allow interpolation between them using the closest axis.
  151. Converting a rotation to quaternion is straightforward.
  152. .. code-block:: python
  153. # Convert basis to quaternion, keep in mind scale is lost
  154. var a = Quat(transform.basis)
  155. var b = Quat(transform2.basis)
  156. # Interpolate using spherical-linear interpolation (SLERP).
  157. var c = a.slerp(b,0.5) # find halfway point between a and b
  158. # Apply back
  159. transform.basis = Basis(c)
  160. The :ref:`class_Quat` type reference has more information on the datatype (it can also do transform accumulation, transform points, etc. though this is used less often). If you interpolate or apply operations to quaternions many times, keep in mind they need to be eventually normalized or they also may suffer from numerical precision errors.
  161. Quaternions are very useful when doing camera/path/etc. interpolations, as the result will be always correct and smooth.
  162. Transforms are your friend
  163. --------------------------
  164. For most beginners, getting used to working with transforms can take some time. However, once you get used to them, you will appreciate their simplicity and power.
  165. Don't hesitate to ask for help on this topic in any of Godot's `online communities <https://godotengine.org/community>`_ and, once you become confident enough, please help others!