Canvasを使った 入力したテキストに合わせてドットが集結して文字になるコード Circles, text and getImageData

WS002082
このエントリーをはてなブックマークに追加
PR

Circles, text and getImageData
By Rachel Smith

hello4

http://codepen.io/rachsmith/pen/fBoiD

好きな文字を入力することで、その文字に合わせて散らばっているドットが集結して文字になります
集まったドットがピコピコ動いているのもなんだかかわいい

日本語でも可能ですが、見づらくなりますね

 

考えてみたアイディア

文字の入力して、変化するわけですが
例えば特定のテキストを自動で読み込ませることで、その文字に変形させるなどして
ページのタイトルに使ったりも出来るかな?と思いました

PR

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

9ineBBの最新情報をチェック・購読

Twitter Facebook Google+ Feedly RSS

どこをクリックしてもこの表示を消せます
(3日後以降に再度表示されます)