HTML5, CSS3で実装された芸術作品がスゴい! 【特にcanvas】

本サイトは広告費から運営されております。

HTML5, CSS3, JSで実装された注目作品を紹介します。
フロント側の進化には目を見張るばかり!
見るだけでも、勉強になりそうです。

粒子の流星群

forked: 3d under the carpet
http://jsdo.it/susi917/9pME

canvasを使用してます。canvasすごいっす。

スポンサーリンク

オシャレ時計

canvas clock
http://jsdo.it/fnobi/canvas_clock
これもcanvas。
ちなみに、iPhoneで「ホーム画面に追加」をすると、端末上で動くそうです。

スポンサーリンク

粒子が奏でる電子音

ping pong arpeggio
http://jsdo.it/crispy/w7hu
粒子をクリックすると、動き出し、バウンドする度に電子音が鳴る仕組み。
js.doで音が鳴るタイプはなかなか見ないので、新鮮。

インベーダー?

Satellites
http://jsdo.it/baroque_55/tvEN
クリックすると、衛生が発射され、方向も操作する事ができるゲーム性のある作品。
インベーダーゲームを連想させます。

CSSで実装された絵本

css3のみで薄い本を再現してみた
http://jsdo.it/akiho/R2GX
CSS3だけを使って、本を実装しています。
ちゃんとめくる事もでき、感動するほどの力作。

いやー、これだけスゴいものを見ると、勉強しなきゃなって思いますね。
ドーナッツ本を読み直そうかな。

この記事を書いた人のTwitterアカウント

ツイートをまず見てみる>>@TwinTKchan
フォローいただければ、最新記事や、ブログで稼ぐ方法、投資でお金を増やす情報が手に入ります。

【無料】ブログで収入を得る方法をメルマガで配信中

知識0から「ブログで収入を得る方法」を学べるメルマガ
メールアドレス
YouTubeでも無料で学べます!

>>チャンネル登録はこちらから

いつもシェア感謝です!今回もぜひ

※ 微妙だったら、そっと閉じるか、ほかの記事を見ていただけるとうれしいです!

SNSでも自分の得意なことで収入を得る方法を発信しています。フォローすれば更新をチェックできますので、ぜひフォローを。
仕事依頼などのお問い合わせは「iwgp545@yahoo.co.jp」か、「TwitterのDM」、「Facebookのメッセージ」からお願いします。