TOMOSHIBI of Firefox

Visualizes download of Firefox in Japan

Construit avec SVG, JavaScript, Canvas, CSS3, Audio

  • 165 vues
  • 0 commentaires

L'auteur nous en dit plus sur cette démo

The concept of “TOMOSHIBI of Firefox” is “feeling” download.
This is a real-time, interactive website which shows sparks on a map of
Japan for every download of the latest Firefox from

Usually, textual information can express download status, but this site
enables to visualize download status with sparks.

Technical Features:

- Display the map.

HTML Canvas
- Show every spark for download.

CSS Transition / CSS Transform
- Animation
- Changing scale, rotate of the map

Audio Data API
Sound is generated with JavaScript in real-time in response to every
spark without sound source.

Encore aucun commentaire.

Connectez-vous pour ajouter la vôtre.

About this Demo

Téléchargez le fichier ZIP · 642.25 Ko

Cette démo est fournie sous la licence MPL/GPL/LGPL.