# Satisfying button

**URL:** https://forum.makecode.com/t/satisfying-button/43872
**Category:** Show & Tell
**Tags:** art
**Created:** [May 7, 2026, 1:55am UTC](https://forum.makecode.com/t/satisfying-button/43872 "2026-05-07T01:55:47Z")
**Posts on this page:** 15
**Page:** 1

<div class="post-metadata">

### Author: ![VoxelMaster64](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/voxelmaster64/32/32075_2.png) [@VoxelMaster64](https://forum.makecode.com/u/VoxelMaster64)
#### Post date: [May 7, 2026, 1:55am UTC](https://forum.makecode.com/t/satisfying-button/43872/1 "2026-05-07T01:55:47Z")

</div>

> **[satisfying button](https://arcade.makecode.com/S59036-39984-56512-21895)**
>
> \*press me\*

Is satisfying.

A to press

B to change action

can somebody please help me with the shading? I’ve never shaded before, and that was the best I could do.

---

<div class="post-metadata">

### Author: ![Vincent](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/vincent/32/31472_2.png) [@Vincent](https://forum.makecode.com/u/Vincent)
#### Post date: [May 7, 2026, 4:52pm UTC](https://forum.makecode.com/t/satisfying-button/43872/2 "2026-05-07T16:52:42Z")

</div>

How Is this so satisfying-

---

<div class="post-metadata">

### Author: ![YamJam](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/yamjam/32/29681_2.png) [@YamJam](https://forum.makecode.com/u/YamJam)
#### Post date: [May 7, 2026, 5:12pm UTC](https://forum.makecode.com/t/satisfying-button/43872/3 "2026-05-07T17:12:57Z")

</div>

Ohhh… so satisfying…. 🤤🤤🤤  
I could just… go to… slzzzzzzzzzzzzzzz

---

<div class="post-metadata">

### Author: ![Rune](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/rune/32/18951_2.png) [@Rune](https://forum.makecode.com/u/Rune)
#### Post date: [May 7, 2026, 5:13pm UTC](https://forum.makecode.com/t/satisfying-button/43872/4 "2026-05-07T17:13:12Z")

</div>

Ooooh. That’s nice.

The shading is pretty good but by how the highlight on the top slants, it looks as though the shadow on the left should be longer.

---

<div class="post-metadata">

### Author: ![teaeat100](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/teaeat100/32/33097_2.png) [@teaeat100](https://forum.makecode.com/u/teaeat100)
#### Post date: [May 7, 2026, 5:30pm UTC](https://forum.makecode.com/t/satisfying-button/43872/5 "2026-05-07T17:30:36Z")

</div>

i mean, the shadings good!

also

> [@VoxelMaster64](#):
>
> Is satisfying.

yes

---

<div class="post-metadata">

### Author: ![Luke](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/luke/32/32519_2.png) [@Luke](https://forum.makecode.com/u/Luke)
#### Post date: [May 7, 2026, 9:29pm UTC](https://forum.makecode.com/t/satisfying-button/43872/6 "2026-05-07T21:29:05Z")

</div>

> **[satisfying button v2](https://arcade.makecode.com/15512-67016-86364-23400)**
>
> \*press me\*

i made it more satisfying with sound effects and particles

> [@VoxelMaster64](#):
>
> can somebody please help me with the shading? I’ve never shaded before, and that was the best I could do.

i usually just shade each “plane” differently. That means a distinct colour for each face of the object. For cylinders and spheres, its better to gradient to imply the curved edge (which you did pretty well!) If you want to add a highlight, its good to do that on the edge between the circle plane and the curved plane for cylinders.

 ![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/3X/5/e/5e076743518e300a3e910f90973e86ed480096c4.png)

---

<div class="post-metadata">

### Author: ![1978monkeynutze](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/1978monkeynutze/32/33979_2.png) [@1978monkeynutze](https://forum.makecode.com/u/1978monkeynutze)
#### Post date: [May 7, 2026, 9:29pm UTC](https://forum.makecode.com/t/satisfying-button/43872/7 "2026-05-07T21:29:29Z")

</div>

this is one of the most satisfying thigs I have seeeennnnnn mmmmmm

---

<div class="post-metadata">

### Author: ![VoxelMaster64](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/voxelmaster64/32/32075_2.png) [@VoxelMaster64](https://forum.makecode.com/u/VoxelMaster64)
#### Post date: [May 27, 2026, 4:47pm UTC](https://forum.makecode.com/t/satisfying-button/43872/8 "2026-05-27T16:47:43Z")

</div>

updated the shading, please tell me if it looks better!

---

<div class="post-metadata">

### Author: ![AlexK](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/alexk/32/33339_2.png) [@AlexK](https://forum.makecode.com/u/AlexK)
#### Post date: [June 10, 2026, 7:25pm UTC](https://forum.makecode.com/t/satisfying-button/43872/9 "2026-06-10T19:25:06Z")

</div>

2 posts were merged into an existing topic: [I build your ideas when I’m bored](https://forum.makecode.com/t/i-build-your-ideas-when-i-m-bored/44164/8)

---

<div class="post-metadata">

### Author: ![ScriptScraper](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/scriptscraper/32/35438_2.png) [@ScriptScraper](https://forum.makecode.com/u/ScriptScraper)
#### Post date: [June 11, 2026, 10:04pm UTC](https://forum.makecode.com/t/satisfying-button/43872/10 "2026-06-11T22:04:32Z")

</div>

Uhh, gonna be honest, it looks worse. Why would a red cylinder’s shadow have that weird green border? Also, didn’t I literally reshade it for you? And shading should reflect a surface’s geometry, so the flat surface the button’s on wouldn’t have that gradient

---

<div class="post-metadata">

### Author: ![VoxelMaster64](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/voxelmaster64/32/32075_2.png) [@VoxelMaster64](https://forum.makecode.com/u/VoxelMaster64)
#### Post date: [June 11, 2026, 10:17pm UTC](https://forum.makecode.com/t/satisfying-button/43872/11 "2026-06-11T22:17:01Z")

</div>

\*me wondering why that’s even there\*

---

<div class="post-metadata">

### Author: ![VoxelMaster64](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/voxelmaster64/32/32075_2.png) [@VoxelMaster64](https://forum.makecode.com/u/VoxelMaster64)
#### Post date: [June 11, 2026, 10:17pm UTC](https://forum.makecode.com/t/satisfying-button/43872/12 "2026-06-11T22:17:04Z")

</div>

yes you did reshade it but I’m kinda trying to make my own since I am not good

---

<div class="post-metadata">

### Author: ![KawaiiGoddess](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/kawaiigoddess/32/33722_2.png) [@KawaiiGoddess](https://forum.makecode.com/u/KawaiiGoddess)
#### Post date: [June 12, 2026, 12:01am UTC](https://forum.makecode.com/t/satisfying-button/43872/13 "2026-06-12T00:01:07Z")

</div>

I like it has it was before.

---

<div class="post-metadata">

### Author: ![VoxelMaster64](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/voxelmaster64/32/32075_2.png) [@VoxelMaster64](https://forum.makecode.com/u/VoxelMaster64)
#### Post date: [June 12, 2026, 12:01am UTC](https://forum.makecode.com/t/satisfying-button/43872/14 "2026-06-12T00:01:15Z")

</div>

@AlexK it should be \*…\*with \*'s rather than italicized

---

<div class="post-metadata">

### Author: ![AlexK](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/alexk/32/33339_2.png) [@AlexK](https://forum.makecode.com/u/AlexK)
#### Post date: [June 12, 2026, 12:16am UTC](https://forum.makecode.com/t/satisfying-button/43872/15 "2026-06-12T00:16:18Z")

</div>

As you wish.
