# Rotate Text in Gamelab?

**URL:** <https://forum.code.org/t/rotate-text-in-gamelab/14253>\
**Category:** Unit and Lesson Discussion\
**Tags:** csd-unit-3\
**Created:** [February 8, 2018, 3:24pm UTC](https://forum.code.org/t/rotate-text-in-gamelab/14253 "2018-02-08T15:24:12Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![josh](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.code.org/josh/32/868_2.png) [@josh](https://forum.code.org/u/josh)\
**Post date:** [February 9, 2018, 5:06am UTC](https://forum.code.org/t/rotate-text-in-gamelab/14253/3 "2018-02-09T05:06:20Z")

</div>

The easiest way to do it would be to make the text a sprite, but there is a kinda funky way around it. The underlying library that we use ([p5.js](https://p5js.org)) has a lot of functions that we don’t directly expose, but which you can use if you know about them. The two that we’d need for this are `rotate()`, which will rotate every command that follows it around the origin of the canvis and `translate()` which will change the origin of the canvas. To accomplish text that is rotated 45 degrees around the center of the canvas, we’d need to:

1. Move the origin of the canvas to the center with `translate(200, 200)`
2. Call `rotate(45)` to rotate subsequent commands
3. Set `textAlign(CENTER, CENTER)` so that the text can rotate around center
4. Use `text()` to put your text on the screen
5. Reset the canvas rotation with `rotate(-45)` to make sure we don’t rotate the next things we put on screen
6. Reset the canvas origin with `translate(-200, -200)` so any additional things we put on screen are located properly

Note that you _could_ skip steps 5 and 6 if you saved the rotated stuff for the very end of the draw loop, but it’s still good practice to put things back where you found them 🙂

All that said, probably easiest to just make the sprite. If you want to check out an example of how this all works I created a remix of your code here [https://studio.code.org/projects/gamelab/wWoId4JbPqEFCbp\_UBzlOg/view](https://studio.code.org/projects/gamelab/wWoId4JbPqEFCbp_UBzlOg/view)

---

_[View the full topic](https://forum.code.org/t/rotate-text-in-gamelab/14253)._