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アカウント

フォローいただければ、最新記事や、ブログで稼ぐ、アクセスを集める方法などをタイムラインにお届けします。

ブログ「らふらく」を購読する→follow us in feedly

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

ブログで稼ぐ方法をまとめてます

関連記事はこちらからどうぞ!

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

このエントリーをはてなブックマークに追加
※ 微妙だったら、そっと閉じるか、ほかの記事を見ていただけるとうれしいです!
SNSでも自分の得意なことで収入を得る方法を発信しています。フォローすれば更新をチェックできますので、ぜひフォローを。
仕事依頼などのお問い合わせは「iwgp545@yahoo.co.jp」か、「TwitterのDM」、「Facebookのメッセージ」からお願いします。

SNSでフォローしてお金を稼ぐための情報を受け取ろう
LINE@で友達追加(スマホでLINEを起動 > その他 > 友だち追加 > QRコード読み取り)
ブログで生活しているタクスズキと申します。「好きなことを仕事に」を当たり前にする活動をしています。よく「真面目」と言われる89世代の意識高い系です。 スズキについて詳しく知りたい方はこちらからどうぞ
仕事のご依頼(広告掲載、記事寄稿など)はiwgp545@yahoo.co.jpからお願いします!