# Typography Wall Transition

**URL:** https://discourse.processing.org/t/typography-wall-transition/2197
**Category:** Beginners
**Created:** [July 30, 2018, 9:44am UTC](https://discourse.processing.org/t/typography-wall-transition/2197 "2018-07-30T09:44:20Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![KeremTurkyilmaz](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/keremturkyilmaz/32/4433_2.png) [@KeremTurkyilmaz](https://discourse.processing.org/u/KeremTurkyilmaz)
#### Post date: [July 30, 2018, 9:44am UTC](https://discourse.processing.org/t/typography-wall-transition/2197/1 "2018-07-30T09:44:21Z")

</div>

Hi,

Everyone know of to reproduce this effects with Typography in Processing ? And how can I rotate the cube with easy ease and offset ? (Maybe with some key).

Here is the full video : [https://www.youtube.com/watch?v=3hqVwr8z5aM](https://www.youtube.com/watch?v=3hqVwr8z5aM)

 ![0%202](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/6/6fac0344852c21599e06af631dff624679020cb0.jpeg) ![0%203](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/5/507c4d26c6f4603c357695315f2f2942812c1b6a.jpeg) ![0%201](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/4/4151ac33fdad43a1a25a52beacd7c3af1dcbb959.jpeg)

---

<div class="post-metadata">

### Author: ![jb4x](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/jb4x/32/789_2.png) [@jb4x](https://discourse.processing.org/u/jb4x)
#### Post date: [July 30, 2018, 10:42am UTC](https://discourse.processing.org/t/typography-wall-transition/2197/2 "2018-07-30T10:42:18Z")

</div>

Cool effect!

I don’t have a clear answer but maybe one way to approach this would be by following those steps:

- Prepare all the “slide” with the texts (a bunch of jpeg image with the layout you want)
- Process the slides to cut them into slices that matches the rotating parts (and also create a reverse version of them) to use as texture in the following steps
- Create a bunch of cubes
- Apply the previously created texture to each one of the cubes
- Rotate the cubes
- Apply a new texture
- repeat the rotation and so on

---

<div class="post-metadata">

### Author: ![lqdev](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/lqdev/32/29_2.png) [@lqdev](https://discourse.processing.org/u/lqdev)
#### Post date: [July 30, 2018, 11:46am UTC](https://discourse.processing.org/t/typography-wall-transition/2197/3 "2018-07-30T11:46:59Z")

</div>

@jb4x You can also use PGraphics instead of image files if you want to draw the slides programatically.