本日フラットデザイン + HTML5で遊べるゲームを教えてもらったのでご紹介。

ドラッグだけで遊べるシンプルなゲームになっています。

サイトにアクセスすると点と点を結ぶように支持されます。
時間内にすべてをドラッグできるか、競うシンプルなゲームです。

5面までしかないので空いた時間で手軽にできるのも特徴。

興味のある方はしたのリンクからどうぞ！

iPhone/Androidアプリで大人気のAngry Birdsがブラウザで遊べるようになったようです！

Angry Birds

知らなかったので、メモメモ。

JavaScriptだけでヌルヌル動くようになっているのがすごい！
ちょっとマシンスペックが必要かもしれません。

面白いので、ぜひ遊んで見てください！

HTML5で使えるゲームフレームワークを探している。
そんな方におすすめなのが「LimeJS」です。

従来はブラウザゲームと言えばFlashが主流でしたが、iPhoneやiPadの登場でプラグインを使用しない作り方が求められてきています。
その中で今一番注目を集めているのはやはりHTML5では無いでしょうか。

LimeJSの目標はユーザーがFlashで出来ているのかHTML5で作られたのかを意識しないような操作性を求めているとの事です。

実際にデモを体験してみるとわかるのですが、かなり直感的に操作できるようになっています。

動作ブラウザはHTML5が動作するものとの事で、
Chrome、Safari、Firefox、Operaで動作するようになっています。
もちろん、iPhone、iPadやAndroidでも動作します。

IEだけはまだサポートされていないようですね。

ソースコードはGithubから自由にダウンロードできるようになっていますが、
セットアップにはpythonが必要なようです。

ゲーム開発者の方は覚えておいて良いかもしれません。

HTML5とCanvasで作られたゲームもなんだか沢山出てきたように思います。

本日はHTML5のゲームをまとまた「Showcase of Games Developed Using HTML5 Canvas」というエントリーのご紹介。

いくつかご紹介

Sinuous

プレイ

赤い点を避けて行く単純なゲームです。
iPhone・iPadでも遊べます。

Super Mario Kart

プレイ

画面は小さいですが、まさにマリオカート！
HTML5のCanvasで作られています。

Pacman

プレイ

ChromeだとJavaScriptが高速に動作するので難易度は高めです。

ソースコードがgithubにて配布中

これとは別に、Googleがパックマン30周年を記念して作ったゲームもあります。
http://www.google.com/pacman/

JQuery Racing

プレイ

コアライブラリにjQueryを使用しているレーシングゲーム。
十時キーを押すと、画面が動くため操作が難しいです、、、

Tetris

プレイ

恐らく誰もが知っているゲームであるテトリス。

サイトにはレトロなゲームからオリジナルのものまで他にも紹介されています。
興味の有る方はぜひ見てみてください。

Googleの20%ルールで作られたもののようです。
※Google には、20% の時間は自分の好きなことを自由にやっていてもよい、という「20%ルール」があります。

簡単ですが、とてもおもしろいかったのでご紹介。

遊んでみよう

こちらからゲームが遊べます
Galactic Inbox: HTML5 Game

ゲームをスタートすると箱からGmailが旅立ちます

ボスもいます
2MBのロックがかかっているw

ボスを倒すとクリアーです。

HTML5でこういったゲームコンテンツがどんどん出る日も近いかもしれないですね。
興味のある方はぜひ遊んでみてください！

アーケード版も気になりますが、公式サイトのキャラクターがカッコよかったので思わずご紹介。
「Amazing Super Street Fighter 4 Artwork for Inspiration」というエントリーより。

全て水墨画風になっております。
キャラクターを引き立たせるためのインスピレーションにどうぞ。

詳しくは以下

リュウ

「真の格闘家」への道を求めて世界を旅している。

ブランカ

たったひとりで戦い、生き抜いてきた、生粋の野生児。

春麗

華麗な脚技で闘う、ICPOの捜査官。

さくら

リュウを追ってストリートファイトの世界に飛び込んだ女子高生。

ザンギエフ

赤きサイクロンと呼ばれるロシアのプロレスラー。

サイトには他にも紹介されております。興味のある方はご覧になってみてください。

ゲームの内容は「9」という数字の羅列から「6」を探したり、ドラッグして障害物にあたらないようにするようなミニゲームなど、直感的にわかる内容になっています。

詳しくは以下

ゲームをやってみる

4人そろえばゲーム開始です。

ドラッグしてゴールまでたどり着かせる。ただし反対側も同じ動きになっているのでかなり難しいです。

数字の6を探す

丸の色とカラーの名前が一致しているかを当てるゲーム。

ゲームが完了すると、成績がでます。

興味のある方はぜひ。

Continuityというパズルゲーム。
キーボードで３つの画面を上下させて、プレイヤーをゴールまで操作していきます。

ルールは簡単で、途中にある鍵を取ってゴールのドアへ行くだけ。
３つある画面をうまく組み合わせてドアのある場所へ移動させていきます。
ただし、右や左の画面に移動する際に同じ高さにしてあげなきゃ行けないみたい。

音楽も世界観にマッチしていて、しばらくハマってしまいました。

興味ある方はぜひトライしてみてください。