コードリーディングに最適！たった200行で作れるHTML5製テトリスのプログラミング学習ムービー - Chrome Life

みなさんは、フルスクラッチでテトリスを作ることができますか？ プログラマーといってもゲームを作る機会が少ないと、なかなかすぐには作れないと思います。 JavaScriptでなんとか作れそうな感じもしますが、すんなり実装はできない感じがします。 特にグラフィックやアニメーションをうまく使ったものを作るには、それなりの経験値が必要だと思います。 そこで、今回ご紹介するのが、教育目的で作られたHTML5製テトリスのプログラミング学習ムービーです。 HTML5 tetris - making of HTML5 tetris - making of 驚くべきことに、 たったの４５分でテトリスが完成！ それもフルスクラッチで、jQueryなどのライブラリーを一切使っていません。 Youtubeのムービーは早送りしていますが、動きを確認しながら実装しているのが分かります。 実際に、こちらでテトリスをプレ

[bahamut9]

お金はたまるし、経験値もたまるから次につながる。

[monomoti]

ええ、Code Readingは家に積んでますよ

[th_6295]

当たり前のことだけど、7行テトリスと違って読みやすいなｗ　／テトリスはプレイするほうが好きなので野良テトリス見ると挙動が何年版準拠なのかとかが地味に気になったりする。

[rti7743]

そういえば普通のサラリーマンさんが512バイトのテトリス作ってたよ。ブートセクタで動く奴だけどな。

[pippo21]

“少ない”

[schrift]

やってみよう！！

[sangokushiranbukouryaku]

テトリスのプログラミング・・・難しそうですね。

[akb48fun1978]

最近はこんなに便利な練習用のソフトが利用できるんですね。便利になりました。

[jyojyokimyou]

HTML5は慣れると以前より簡単です。

[gundamconquest]

この発想で覚えれれば楽しそうですね

[Plague_inc]

これだけの手間暇ならHtmlならできそう！

[linedero-n]

たった200行で作れるんですか？！あとで読ませてもらいますー！ｈｔｍｌ5はまだまだこれからですねー！

[the_zombis]

フレームワークを使わずにjavascriptだけでテトリス

[sparrow104]

Read later

[kou3324]

なんかおもしろそう

[iR3]

これ 今日 #sendagayarbで Bootstrapと組み合わせてみた。いろいろ改造してみる予定→ http://teto.herokuapp.com

[bleu-bleut]

rotate()とかおもろい。

[kurokzhr]

勉強になりそう/コードリーディングに最適！たった200行で作れるHTML5製テトリスのプログラミング学習ムービー | Chrome Life

[cyborgninja]

時間あるときにやってみる。 めも：コードリーディングに最適！たった200行で作れるHTML5製テトリスのプログラミング学習ムービー | Chrome Life

[sivadselim]

コードリーディングに最適！たった200行で作れるHTML5製テトリスのプログラミング学習ムービー | Chrome Life

[higumachan]

45は早いな〜。一時間くらいは掛かりそうな気がする

[tanisanpo]

２００行、たったなのかー

[yoheiM]

これ面白そう！実装してみよっと(#^.^#)

[takeodon]

すごい！あとAphex Twinなつかしー

[zoo-mix]

すごいな…

[yamaeda]

コードリーディングに最適！たった200行で作れるHTML5製テトリスのプログラミング学習ムービー | Chrome Life

[adsty]

教育目的で作られたHTML5製テトリスはソースコードのダウンロードが可能。

[fujis_a]

いつか見る…。

[y_maki]

おお

[kitone]

これは

[animecheck]

すごいなぁ

[itaigoro]

めも。

[sugarshin]

from はてなブックマーク - 人気エントリー http://b.hatena.ne.jp/hotentry