# rotateX()

### Example

<figure><img src="https://768248463-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqbs7pgU3AVBY06Rl9M31%2Fuploads%2F3FyFNki1SmRDL0rifX22%2Frotatex.gif?alt=media&#x26;token=794a0d8b-dd83-40db-b8d6-fa9ef4259814" alt=""><figcaption></figcaption></figure>

### Syntax

```
rotateX(angle)
```

<table><thead><tr><th width="114.33333333333331">Input</th><th>Description</th></tr></thead><tbody><tr><td>angle</td><td>angle of rotation</td></tr></tbody></table>

### Full Example

<figure><img src="https://768248463-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqbs7pgU3AVBY06Rl9M31%2Fuploads%2F5WSS6rAAUtuTmOE3vSNx%2Frotatex%20full.gif?alt=media&#x26;token=d7897486-f402-40a1-b4e4-3592ddaa82de" alt=""><figcaption></figcaption></figure>

<details>

<summary>Example Full Code</summary>

```python
def setup():
  createCanvas(300,300, WEBGL)

def draw():
  background(255, 79, 132)
  fill(112, 88, 255)
  stroke(176, 235, 51)
  strokeWeight(2)
  orbitControl()
  # draw3DAxes(100, (100, 50, 20))
  rotateX(frameCount)
  torus(100, 25)
  rotateX(-2*frameCount)
  cone(50, 50)
```

</details>

### Description

Rotates a shape around x-axis by the amount specified in angle parameter. The angles can be entered in either `RADIANS` or `DEGREES`, depending on the specified angleMode().

**Positive** angles rotates the space from **+z to +y** regardless of handedness.

<details>

<summary>Why is this the direction of rotation?</summary>

The reason is hidden in the mathematical convention of setting up axes such that:

* if one **extends his fingers** of your **Right Hand** in the +x direction
* then **curls his fingers** into +y direction
* his **thumb points** into the +z direction

This is called the **Right Hand Convention** (as if you did it with your left hand, it would fail! it would give the opposite direction). We can write this convention as **+x => +y => +z**.

Extending the sequence with the same order **+x => +y => +z => +x => +y** gives us the convention for rotations about the x-axis and the y-axis as well:

* about x-axis: **+y => +z => +x**
* about y-axis: **+z => +x => +y**

</details>

{% hint style="info" %}
Find these documents helpful? Let the people who made them help your child learn to code at [**Strivemath**](https://www.strivemath.com/)<mark style="color:blue;">**!**</mark>

We'd love to hear your Feedback/Comments [here](https://docs.google.com/forms/d/e/1FAIpQLSeqorBAGTya-YBRI-VFjJxtgQtCz3ucGDI96K96sNyuaGuvdw/viewform?usp=sf_link).
{% endhint %}