jQuery Matrix | Romanovian

普通のサイトを一瞬でマトリックス風にできるjQueryプラグイン「jQuery Matrix」。
次のように、一見何の変哲もない普通のサイトがありますが、.matrix() メソッドで瞬時にマトリックス化されます。



以下がその結果。



なんだ、文字と色かえただけじゃん、と思われた方も多いかもしれません。
しかし、別のデモを見ると画像をマトリックス化してるデモが・・・。なんとアスキーアートです。



テキストなので選択も出来ます。



アスキーアートとして使う文字は自分で配列で指定できるのですが、次のように１文字で表現することもできます。



なんか最後はあまりマトリックス関係なくなってしまいましたね。
単純に、写真へのエフェクトとしてかけてみるだけでも面白い効果が得られそうですね。

関連エントリ

• ユーザ登録時にパスワード強度表示を入れてと言われた場合にサクッと実装できるjQueryプラグイン
• jQueryを使った映り込みエフェクトがかかったイメージギャラリー
• jQueryを使って画像の上にコンテンツをクールにアニメーションされてオーバーレイ表示するサンプル