The latest articles on DEV Community by wangxinhjkm (@wangxinhjkm). https://dev.to/wangxinhjkm https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F988945%2Ff1e3d16a-81aa-463c-8e9a-c46227a020a0.png https://dev.to/wangxinhjkm en wangxinhjkm Mon, 12 Dec 2022 19:32:11 +0000 https://dev.to/wangxinhjkm/firework-simulator-v2-5hm8 https://dev.to/wangxinhjkm/firework-simulator-v2-5hm8 <p>Fireworks fan here. This simulation of various firework effects offers variety and an attempt at realism.</p> <p>Be sure to check out the settings menu (cog icon on top right) for more features and controls.</p> <h2>🎆 Major v2 Update! 🎆</h2> <p>A lot has changed since I originally posted this in 2017:</p> <ul> <li>Sound effects!</li> <li>New star distribution algorithm for more realistic bursts</li> <li>New shell types</li> <li>Proper fullscreen control</li> <li>Custom scaling control, allows larger shells to be viewed on small screens.</li> <li> <em>Many</em> other enhancements and tweaks</li> </ul> <p>There is a <a href="https://codepen.io/MillerTime/pen/BVvPdB" rel="noopener noreferrer">snapshot of v1</a> for comparison.</p> <p><strong>Extra fun:</strong> Control slow motion by dragging near the bottom of screen!</p> <p><strong>Desktop keyboard shortcuts:</strong></p> <ul> <li> <strong>P</strong> - pause</li> <li> <strong>O</strong> - settings</li> </ul> <p><iframe height="600" src="https://codepen.io/MillerTime/embed/XgpNwb?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> graphql showdev