Magic Hookah: an interactive hookah on Canvas 2D
A hookah that reacts to the cursor and the finger: the hose follows your hand, smoke flows like a fluid and the sound is synthesized live.
Learn more →2D graphics and Canvas development
Animations, particles, procedural pixel art and interactive visualizations on Canvas, without heavy files.
Tasks we solve
- Interactive animated scenes for landing pages and promos.
- Particle systems: smoke, sparks, snow, fire and other effects.
- Procedural graphics built in code: smaller weight, easier to change the style.
- Pixel art and sprite animation that stays crisp on any screen.
- Data visualizations and charts with smooth animation and cursor response.
Technologies
- Canvas 2D
- OffscreenCanvas
- Web Workers
- PixiJS
- SVG
How the work goes
- Task review
We define what is drawn, how the scene reacts to the user and what page weight is acceptable.
- Prototype
We build the core effect on simple graphics and tune the feel together: speed, response, smoothness.
- Development
We polish the picture and move heavy calculations to a separate thread (Web Workers) so the page does not lag.
- Launch and support
We embed it into the site, test in the main browsers, and hand over the code with a description of parameters.