DOMINO EFFECT — Chain Reaction Engine
An interactive simulation platform that shows how one small action can create massive real-world consequences. From economic collapse to viral trends, our system visualizes chain reactions through dynamic domino simulations, live event tracking, and cinematic animations.
What makes our project creative is that we turned a simple “domino effect” idea into a real-time storytelling experience where users can see, control, and compare how chaos spreads across different systems.
Built using Flask, HTML, CSS, and JavaScript.
How much experience does your group have? Does the project use anything (art, music, starter kits) you didn't create?
Our team has four members. Mufaiz built most of the code including JavaScript, Python backend, HTML, and CSS. Ishraq helped with Python debugging. Meerab and Suzain helped with finding topics and making presentation slides. We are honest - we used AI tools like ChatGPT to help write and fix code, especially for complex parts like canvas animation and physics timing. We also used Google Fonts and Flask framework. No art, music, or starter kits were used. The project is a mix of our work plus AI assistance for learning and debugging.
What challenges did you encounter?
1. Dominoes jumping instantly instead of falling smoothly
javascript
// Wrong
domino.angle = 88;
2. Frontend animation delayed from backend timing
javascript
// Wrong
animate() {
makeDominoFall(); // No time check
}
3. Dominoes going outside canvas on window resize
javascript
// Wrong
// No resize event handler
4. All scenarios feeling the same to play
python
# Wrong
delay = 0.5 # Same for all scenarios