# Triangular buttons

**URL:** https://discourse.processing.org/t/triangular-buttons/21666
**Category:** Coding Questions
**Created:** [June 7, 2020, 6:39pm UTC](https://discourse.processing.org/t/triangular-buttons/21666 "2020-06-07T18:39:02Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![Kiciak](https://avatars.discourse-cdn.com/v4/letter/k/ea5d25/32.png) [@Kiciak](https://discourse.processing.org/u/Kiciak)
#### Post date: [June 7, 2020, 6:39pm UTC](https://discourse.processing.org/t/triangular-buttons/21666/1 "2020-06-07T18:39:02Z")

</div>

> please format code with \</\> button \* [homework policy](https://discourse.processing.org/faq/#homework) \* [asking questions](https://discourse.processing.org/t/2147)

Hi, I know it might be quite a trivial topic but I really don’t have an idea of how to create a triangular button. I thought about using trigonometric functions but again I only know the SOH-CAH-TOA thing and sine and cosine rule.

---

<div class="post-metadata">

### Author: ![slow\_izzm](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/slow_izzm/32/5637_2.png) [@slow\_izzm](https://discourse.processing.org/u/slow_izzm)
#### Post date: [June 7, 2020, 6:46pm UTC](https://discourse.processing.org/t/triangular-buttons/21666/2 "2020-06-07T18:46:26Z")

</div>

You can create a `triangle()` and check if the mouse in within a specified distance and over a specified color using `.get()`

[https://processing.org/reference/triangle\_.html](https://processing.org/reference/triangle_.html)  
[https://processing.org/reference/dist\_.html](https://processing.org/reference/dist_.html)  
[https://processing.org/reference/get\_.html](https://processing.org/reference/get_.html)

---

<div class="post-metadata">

### Author: ![Kiciak](https://avatars.discourse-cdn.com/v4/letter/k/ea5d25/32.png) [@Kiciak](https://discourse.processing.org/u/Kiciak)
#### Post date: [June 7, 2020, 7:35pm UTC](https://discourse.processing.org/t/triangular-buttons/21666/3 "2020-06-07T19:35:45Z")

</div>

Thanks! You’ve helped me so much!

---

<div class="post-metadata">

### Author: ![jeremydouglass](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/jeremydouglass/32/20_2.png) [@jeremydouglass](https://discourse.processing.org/u/jeremydouglass)
#### Post date: [June 8, 2020, 3:34am UTC](https://discourse.processing.org/t/triangular-buttons/21666/4 "2020-06-08T03:34:25Z")

</div>

Another option is triangle-point collision detection:

- [http://www.jeffreythompson.org/collision-detection/tri-point.php](http://www.jeffreythompson.org/collision-detection/tri-point.php)