131205-mario

 最近のCSSやJavaScriptの技術はすごいものです。ちょっと前までは考えられない様なサイトが多数存在します。

 そんな中、またすごいサイトがありました。それはHTMLのメインタグは

<div class=”mario”></div>

だけ!それなのに上記画像の様なマリオがハテナブロックを下から叩き、コインを出すアニメが無限ループで表現されています。その詳細は以下に。

 1つのDIVでマリオが動いているサイトはこちら。

Mario Bros – CodePen

 ソースを見てもらうとわかりますが、DIVは1つですが、CSSやJavaScriptはもちろん多数書かれています。

 よくぞまぁ、このようなものを作るものです。いったいどのくらいの時間がかかったんでしょうね?感心します。

スーパーマリオ 3Dワールド - Wii U

スーパーマリオ 3Dワールド - Wii U

定価:¥ 6,156

Amazon価格:¥ 4,000

カテゴリ:Video Game

発売日:2013-11-21