# 3D Rotations: Rotating around the screen axes

**URL:** <https://discourse.processing.org/t/3d-rotations-rotating-around-the-screen-axes/14239>\
**Category:** Coding Questions\
**Created:** [September 27, 2019, 2:23pm UTC](https://discourse.processing.org/t/3d-rotations-rotating-around-the-screen-axes/14239 "2019-09-27T14:23:51Z")\
**Posts on this page:** 1\
**Showing post:** 21

<div class="post-metadata">

**Author:** ![raetrakt](https://avatars.discourse-cdn.com/v4/letter/r/97f17d/32.png) [@raetrakt](https://discourse.processing.org/u/raetrakt)\
**Post date:** [September 29, 2019, 8:04pm UTC](https://discourse.processing.org/t/3d-rotations-rotating-around-the-screen-axes/14239/21 "2019-09-29T20:04:01Z")

</div>

What is to be seen in your gif is the behaviour of my original post, although with the axes flipped.  
Thank you for adding grid and lines, they might help describe my problem:

This is exactly what I meant:  
 ![yes](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/5/567d355f5eac8802c01181cc3d6d39a245211a50.gif)

This is what I am trying to get rid of:  
 ![no](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/7/7dd8571db74c816e85ffebff8c14f9bae812498c.gif)

As you can see, the sphere rotates around the yellow x-axis.  
What it should rotate around is the not yet drawn stationary “x-axis” that lies on the grid.  
Just as the y-rotation in your sketch always happens around a not drawn y-axis on the grid.

This is not an assignment and I am not trying to bait you into doing it for me 😉  
This is a random sketch idea I had (further problems here lol [P5js: 3D Typography Problems/Bugs?](https://discourse.processing.org/t/p5js-3d-typography-problems-bugs/14271)) where something I thought would be trivial apparently turned out to be kind of tricky and I’m almost certain there’s some clever math involved in solving this.

---

_[View the full topic](https://discourse.processing.org/t/3d-rotations-rotating-around-the-screen-axes/14239)._