1 – Circle

画面をクリックするとサークルが出現してバウンドします.

2 – Collision Circle

サークル同士の衝突判定サンプルです. マウスクリックもしくはタッチで掴んで投げることもできます.

3 – Pursuit

以前, 『HTML5 Canvas と JavaScript を使って作る追尾サンプル』で 作ったサンプルを tmlib.js で実装し直したものになります.

コードの量が 1/2 以下になっているのが分かるかと思います.

カラフルなサークルがマウスもしくはタッチした位置に追尾します.

4 – Magic Square

魔方陣サンプルです. 画面をクリックすると魔方陣が出現してアニメーションします. 画像を使わずに動的に魔方陣を作成しているってところが肝!!

5 – Particle

パーティクルのサンプルです. よくあるあれですね. あれを tmlib.js で実装しなおしたものになります.

6 – Paint

簡単なペイントツールです. tmlib.js を使えばこういったプログラムを, たった 40 行で実装できます.

マウスもしくはタッチで絵を書くことができます. ミドルクリックで画像として保存できます.

7 – Piano

以前, 『HTML5 Audio と JavaScript でピアノ制作』で 作ったサンプルを tmlib.js で実装し直したものになります.

DOM の操作や CSS との連携も簡単にできます!!

8 – Snow

雪を降らすサンプルです.

雪を降らすような演出も tmlib.js のアニメーション機能を使えば簡単にできます!!

9 – Text Effect

テキストエフェクトのサンプルです. マウス, もしくはタッチすると近くのパーティクルが拡大されたり回転したりします.

上の方で定義している

var TEXT                = "tmlib.js";

の文字列を変更すれば表示される文字を簡単に変えることができます.

10 – Unit Circle

単位円のサンプルです. ベクトルの勉強なんかに使って下さい.

Ctrl で長さを 1 固定, Shift で角度を 5 skip できます.