# Make a square with clickable sides

**URL:** <https://phaser.discourse.group/t/make-a-square-with-clickable-sides/11115>\
**Category:** Phaser 3\
**Created:** [January 25, 2022, 12:32pm UTC](https://phaser.discourse.group/t/make-a-square-with-clickable-sides/11115 "2022-01-25T12:32:00Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Hohnermode11](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/hohnermode11/32/6136_2.png) [@Hohnermode11](https://phaser.discourse.group/u/Hohnermode11)\
**Post date:** [January 25, 2022, 12:32pm UTC](https://phaser.discourse.group/t/make-a-square-with-clickable-sides/11115/1 "2022-01-25T12:32:01Z")

</div>

I want to make a square element which is a basic tile in a top down game (like a tile that lights up at a disco).

The intention is that each side of the square be clickable and influence the direction of facing for the sprite. How to make each side individually clickable?

We use setinteractive to make the whole element clickable but one about one edge itself?

---

<div class="post-metadata">

**Author:** ![samme](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/samme/32/5275_2.png) [@samme](https://phaser.discourse.group/u/samme)\
**Post date:** [January 26, 2022, 2:09am UTC](https://phaser.discourse.group/t/make-a-square-with-clickable-sides/11115/2 "2022-01-26T02:09:31Z")

</div>

You can use the `localX` and `localY` arguments to [GAMEOBJECT\_POINTER\_DOWN](https://newdocs.phaser.io/docs/3.55.2/Phaser.Input.Events.GAMEOBJECT_POINTER_DOWN) to figure out where it was clicked.

Or you could use 4 interactive Zone game objects placed on the edges.