# Z postion vertex shader

**URL:** <https://discourse.threejs.org/t/z-postion-vertex-shader/73698>\
**Category:** Questions\
**Created:** [November 6, 2024, 12:03pm UTC](https://discourse.threejs.org/t/z-postion-vertex-shader/73698 "2024-11-06T12:03:26Z")\
**Posts on this page:** 1\
**Showing post:** 12

<div class="post-metadata">

**Author:** ![phil\_crowther](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/phil_crowther/32/64202_2.png) [@phil\_crowther](https://discourse.threejs.org/u/phil_crowther)\
**Post date:** [November 7, 2024, 6:38am UTC](https://discourse.threejs.org/t/z-postion-vertex-shader/73698/12 "2024-11-07T06:38:05Z")

</div>

Here is an [example](https://codepen.io/Phil_Crowther/pen/QWeZaML) of what I was describing. It looks better as a full screen example, like [this](https://philcrowther.github.io/Aviation/xtra/rotator_gpu.html).

You would have to use something special to create the weird effect when you move the mouse directly over the picture. But I don’t think that really adds that much to the overall effect. So between this and what manthrax has provided below, you have all the pieces you need to duplicate the basic effect.

The other things like text and the authors names are also easily created using standard text and rotating objects. The nice thing is that, once you have it set up, three.js handles all the math for you.

---

_[View the full topic](https://discourse.threejs.org/t/z-postion-vertex-shader/73698)._