ITエンジニア/デザイナ向けにオープンソースを毎日紹介

大きな数字の目標を達成した時、イベントの賞金を表示する際に使われるのがオドメーターを使ったカウントアップの表示です。数字がくるくると回転して100万、1,000万などの数字になるエフェクトは誰もが見たことがあるでしょう。

そんな表示をWeb上で実現できるのがOdooです。SVGで作られており、軽快に動作します。

Odooの使い方

実際に使っているところ。激しく回転しています。

回転している様子です。

円や¥を利用することもできます。フォントはスタイルシートで変更するのが良さそうです。

Odooを使うと回転している時のワクワク感があります。使い方としては最終的な数字(円などの通貨記号があってもOKです)を指定するだけで、簡単に使えます。登録ユーザ数や運営日数など大きな数字を達成する時に使ってみると良いでしょう。

OdooはJavaScript製のオープンソース・ソフトウェア(MIT License)です。

Odoo

coderitual/odoo: SVG odometer effect with motion blur

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2