The latest articles on DEV Community by SHOW Dr (@show_dr). https://dev.to/show_dr https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3729399%2F4daaf9fe-ec5a-4b43-9e3b-15347170bb49.png https://dev.to/show_dr en SHOW Dr Sat, 24 Jan 2026 02:19:26 +0000 https://dev.to/show_dr/im-a-drummer-and-i-built-a-stage-sfx-simulator-with-ai-no-coding-knowledge-needed-4cd5 https://dev.to/show_dr/im-a-drummer-and-i-built-a-stage-sfx-simulator-with-ai-no-coding-knowledge-needed-4cd5 <h2> Hi DEV Community! 👋 </h2> <p>I'm SHOW, a drummer from Japan 🥁. I have zero professional programming knowledge, but I had a dream: to make stage direction easier for my band.</p> <p>So, I paired up with Generative AI to build a <strong>"Stage SFX Simulator"</strong> that runs right in your browser.</p> <h3> 🚀 What I built </h3> <p>A visual tool to simulate stage effects like <strong>Flame, CO2, and Sparks</strong>. No installation needed, works on PC and iPad!</p> <p><strong>Live Demo:</strong> <a href="https://vivid-base.github.io/sfx-simulator/" rel="noopener noreferrer">https://vivid-base.github.io/sfx-simulator/</a><br> <strong>GitHub:</strong> <a href="https://github.com/Vivid-BASE/sfx-simulator" rel="noopener noreferrer">https://github.com/Vivid-BASE/sfx-simulator</a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F071m8s8dtbavvt9r675f.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F071m8s8dtbavvt9r675f.png" alt=" " width="800" height="377"></a></p> <h3> 💡 Why I built it </h3> <p>High-end simulation software is very expensive. I thought, "With today's AI, maybe I can create one myself?" </p> <h3> 🛠️ Challenges </h3> <p>The hardest part was adjusting the scaling. When I changed the stage size, the fire effects wouldn't stay in the right place! Also, making it work smoothly on <strong>iPad touch controls</strong> was a battle, but AI helped me through the math.</p> <h3> ✨ Please try it out! </h3> <p>As a musician, I'm just starting my coding journey.<br> <strong>I would be happy if you could give it a try!</strong></p> <p>Check it out on <strong>Product Hunt</strong> too:<br> <a href="https://www.producthunt.com/posts/stage-sfx-simulator" rel="noopener noreferrer">https://www.producthunt.com/posts/stage-sfx-simulator</a></p> showdev javascript p5js ai