HTML5のcanvas要素でライフゲーム - yattのブログ

アニメとゲームカテゴリーの変更を依頼記事元:

yatt.hatenablog.jp

5 usersがブックマークコメント

コメント

1

記事へのコメント1件

注目コメント
新着コメント

rokujyouhitoma ライフゲーム。

2010/11/04 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

HTML5のcanvas要素でライフゲーム - yattのブログ

初めてPhotoShop使ってみた HTMLの次世代規格であるHTML5にはWeb Socketsやvideoなどおもしろいタグや機... 初めてPhotoShop使ってみた HTMLの次世代規格であるHTML5にはWeb Socketsやvideoなどおもしろいタグや機能が追加される予定、らしいです。その中でもcanvasタグという、javascriptで画像を制御するためのタグがあります。今回はそのタグとタイマーイベントを使ってライフゲームのアニメーションを実装しました。デモ状態を一つの整数で表すナイーブな実装になっています。次のような高速化が考えられそうです。一つの変数に複数のセルの状態を記録させるセルの状態はon/offの2つしかないので1ビットに表せるわけで、1つの整数に複数のセルの状態を記録させて省メモリで高速な処理ができるはず。 WebGLを使う上の案に加えて、ブラウザからOpenGLを使う技術のWebGL使えば計算と描画までかなり高速にできそう。プログラマブルシェーダ上で計算と描画までしてしまえば、

ブックマークしたユーザー

yuiseki2012/05/20
pegassacity2011/07/04
mikage0142011/01/21
rokujyouhitoma2010/11/04

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - アニメとゲーム

いま人気の記事 - アニメとゲームをもっと読む

新着記事 - アニメとゲーム

新着記事 - アニメとゲームをもっと読む

設定を変更しましたx