top of page

Sound Effect Button

There's a meme where someone is smashing a button with some kind of annotation on it. I wanted to make that meme in real life. In particular, I wanted to make the button make the "bonk" sound effect so my D&D group could use it when someone got hit in the campaign. I did not find any videos on how to do this in a simple project, so I had to design my own solution.

meme 1.jpg
meme 2.jpg
dfplayer mini.jpg

Component Selection

I wanted this to be a simple project that anyone could do and that didn't take much skill to put together. Therefore, I tried to minimize the number and cost of the components. In the end, the Bill of Materials consists of only a handful of parts:

-DFPlayer Mini and SD card

-Pushbutton

-Speaker

-9V battery and connector

-Voltage regulator

-Wire/Dotterboard

​

The heart of the project is the DFPlayer Mini, which is essentially the computer and amplifier for an MP3 player. It also only costs $2-$4.

Schematic and breadboard

Using the datasheet for the DFPlayer Mini, I found that I needed to use a voltage regulator in the final product because it only accepts 3.2-5VDC as input voltage. I also learned that by grounding the ADKEY_1 pin, I could play the first (and only) track that would be stored on the SD card, which would contain our sound effect.

Using this information, I created a schematic and tested the circuit on a breadboard (though I used a power supply instead of a 9V battery with a voltage regulator). To my pleasure, the circuit worked!

20240730_081602.jpg
20240730_151826.jpg

PCB

I designed the circuit using KiCad and designed a PCB, which I ordered 5 of from PCBway. To my surprise, the boards worked on the first try!

Skeleton assembly

With the PCBs made, I assembled a clean version for the internals of the Bonk Button.

Housing

I wasn't happy with just having a skeleton of a button. I wanted something I could smash with my fist! So I made a 4-part housing assembly using Fusion 360 and a 3D printer. The features that I'm most proud of are the compliant mechanisms built into the housing like the spring and the snap-fit. I am also proud of the integration with how the switch can be screwed in.

​

Some things I learned were how to design for the button not being centered (creating a circular extrusion to contact the button, Image 1), how to let the speaker not be muffled by putting in the box (adding holes and feet to the base, Image 2), designing snap-in-place parts (Images 3 and 4), designing so that the parts can be assembled and disassembled easily (by adding notches to the outer housing to be able to pull apart the snap-fit parts easily, Image 5), and tolerancing to achieve a satisfying fit.

​

In the images, you can see how the design progressed from the first version on the left to the final version on the right.

IMG_20250615_105355589_HDR.jpg

1

IMG_20250615_103918853_HDR.jpg

2

IMG_20250615_110129904_HDR.jpg
IMG_20250615_104125976_HDR.jpg

3

IMG_20250615_103953640_HDR.jpg

4

IMG_20250615_104030836_HDR.jpg

5

Circuit Board Upgrades

Based on feedback from a tester, I modified the circuit board to allow jumper pins to be soldered onto the board in place of the wires that would go to the speaker, battery, and on/off switch (oh yeah, that was also something that the tester thought of). The pins allow the components to be taken apart easily for situations like charging the battery.

In the first update, I didn't account for the width of the battery properly, so the assembly didn't fit and I had to shift the pin locations on the third board.

IMG_20250615_111453347_HDR.jpg
IMG_20250615_103744364_HDR.jpg

Assembly, current state, next steps

With the new board and the finished housing, I have a minimum viable product. It is fun to press, loud, and user-friendly.

If I were to upgrade this, I would remove the DFPlayer Mini and add bluetooth and flash capabilities to allow the user to upload MP3 files to the board instead of needing to pop out the SD card.

IMG_20250615_101901883_HDR.jpg
IMG_20250615_101927253_HDR.jpg
IMG_20250615_102024110_HDR.jpg
  • YouTube
  • LinkedIn

©2022 by Elior Bilow's Portfolio. Proudly created with Wix.com

bottom of page