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

以下がその結果。

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

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

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

なんか最後はあまりマトリックス関係なくなってしまいましたね。
単純に、写真へのエフェクトとしてかけてみるだけでも面白い効果が得られそうですね。
関連エントリ
普通のサイトを一瞬でマトリックス風にできるjQueryプラグイン「jQuery Matrix」。
次のように、一見何の変哲もない普通のサイトがありますが、.matrix() メソッドで瞬時にマトリックス化されます。

以下がその結果。

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

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

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

なんか最後はあまりマトリックス関係なくなってしまいましたね。
単純に、写真へのエフェクトとしてかけてみるだけでも面白い効果が得られそうですね。
関連エントリ
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- CSSやTailwindでのCSSスニペットライブラリ「CSS Snippets Library」
- AIを使ってサイトマップが作れる「Octopus.do」
- ライブラリ依存のないモーダルオープンライブラリ「Blendy」
- 個性的な明朝フリーフォント「築豊初号明朝OFL」
- CSSで太陽が差し込むようなアニメーション実装
- 可愛くアニメーションする「beautifully crafted animated icons」
- アイソメトリックなアイコンがアイコンがPNG,SVGでゲットできる「Isoicons」
- ユニークなカタカナフォントtorisippo
- 美しいメッシュグラデーションをCSSで簡単に取得できる「MSHR」
- TailwindCSSなサイトで使える100以上のアニメーションエフェクト「animata」
- 過去のエントリ