Create Crazy Bomb‑Poop Animation in WeChat with Lottie and Tween.js
This article explains how a quirky bomb‑plus‑poop animation for WeChat was built using the Lottie library, a quadratic trajectory, and tween.js, offering a short, open‑source example that demonstrates mobile‑friendly animation techniques.
After a recent WeChat update, many stickers turned into full‑screen animated effects such as fireworks and birthday cakes.
The author’s favorite is the bomb emoji, which triggers a brief vibration and a dramatic explosion effect.
Recently, a user combined the bomb and poop emojis into a single “bomb‑poop” animation, which quickly went viral.
This effect is open‑sourced on GitHub; the project is only about 300 lines of code and relies primarily on the Lottie animation library.
Lottie, an open‑source library from Airbnb, works on iOS, Android, and React Native. It renders animations exported from Adobe After Effects as JSON via the Bodymovin plugin.
The bomb‑poop animation’s logic uses a quadratic function to define a trajectory path, applies tween.js for tweening, and combines Lottie with CSS to produce the final visual effect.
For anyone who enjoys playful hacks, you can now send the bomb‑poop animation to friends and experience the “explosive” surprise.
Signed-in readers can open the original source through BestHub's protected redirect.
This article has been distilled and summarized from source material, then republished for learning and reference. If you believe it infringes your rights, please contactand we will review it promptly.
Programmer DD
A tinkering programmer and author of "Spring Cloud Microservices in Action"
How this landed with the community
Was this worth your time?
0 Comments
Thoughtful readers leave field notes, pushback, and hard-won operational detail here.