シェアしたくなる最新のWebサービス・ITニュース情報をチェック!
  • follow us in feedly

アプギガトップ > インターネット > 天才的な猛者が開発した究極の「HTML5ゲーム」16選が思わず熱くなり過ぎる件!
注目記事ピックアップ
編集ソフト不要!アップロードした画像のURLをいじるだけで多彩な加工編集を実現する「Scaley.io」が登録不要で無料公開中!
share0
編集ソフト不要!アップロードした画像のURLをいじるだけで多彩な加工編集を実現する「Scaley.io」が登録不要で無料公開中!
Webサイトに訪れたユーザーの行動を「映像化」してトラッキングできる「Jaco」を使ってみた!
share0
Webサイトに訪れたユーザーの行動を「映像化」してトラッキングできる「Jaco」を使ってみた!
プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!
share0
プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!
登録不要!匿名で記事も公開できる究極にシンプルなWebエディタ「IO」が最高の使い心地だった!
share0
登録不要!匿名で記事も公開できる究極にシンプルなWebエディタ「IO」が最高の使い心地だった!
有名WebサービスのAPIをすべて同じ書き方でプログラミング可能な「RapidAPI」は、検索・テストもブラウザ上で実行可能!
share0
有名WebサービスのAPIをすべて同じ書き方でプログラミング可能な「RapidAPI」は、検索・テストもブラウザ上で実行可能!
指先1本でミニゲームを開発してシェアし合う新型SNSアプリ「Hopscotch」で遊んでみた!
share0
指先1本でミニゲームを開発してシェアし合う新型SNSアプリ「Hopscotch」で遊んでみた!
ググる前にチェックすべき「Web開発系」サービスをまとめた至高の情報サイト8個+α!
share0
ググる前にチェックすべき「Web開発系」サービスをまとめた至高の情報サイト8個+α!
好きなYouTube動画の「見て欲しいシーン」だけを抽出して再公開できる「vibby」が便利すぎる件!
share0
好きなYouTube動画の「見て欲しいシーン」だけを抽出して再公開できる「vibby」が便利すぎる件!
開発が面倒なWebコンテンツを「ウィジェット化」して誰でも利用可能にする無料サービス「Widgetic」を使ってみた!
share0
開発が面倒なWebコンテンツを「ウィジェット化」して誰でも利用可能にする無料サービス「Widgetic」を使ってみた!
まだ進化を続けるGoogle検索の特殊機能12選をまとめてみた!
share0
まだ進化を続けるGoogle検索の特殊機能12選をまとめてみた!
「アプギガ!!」2016年の総まとめ!もう一度読みたくなる人気のバズ記事をまとめてみた!
share0
「アプギガ!!」2016年の総まとめ!もう一度読みたくなる人気のバズ記事をまとめてみた!
今すぐ、自分の知識を「オンライン学習コース」としてWebに公開できる「Thinkific」の多機能ぶりに驚愕!
share0
今すぐ、自分の知識を「オンライン学習コース」としてWebに公開できる「Thinkific」の多機能ぶりに驚愕!
わずか1行のコードで、Web制作が劇的に捗るサービスと連携し放題になる「StackPile」を使ってみた!
share0
わずか1行のコードで、Web制作が劇的に捗るサービスと連携し放題になる「StackPile」を使ってみた!
実はゲーム機として優秀なスマホ「Galaxy S7 edge」でポケモンGOを遊び倒してみた!<PR>
share0
実はゲーム機として優秀なスマホ「Galaxy S7 edge」でポケモンGOを遊び倒してみた!<PR>
タスク管理の「Trello」にWeb制作機能を搭載できる「CardForm」が斬新過ぎてスゴイ!
share0
タスク管理の「Trello」にWeb制作機能を搭載できる「CardForm」が斬新過ぎてスゴイ!
ブロックを繋げてWebアプリやゲームを作れる「Weld Action Blocks」が思わず夢中になる面白さ!
share0
ブロックを繋げてWebアプリやゲームを作れる「Weld Action Blocks」が思わず夢中になる面白さ!
GoogleドライブにTrello風タスク管理機能を拡張できる「Kanbanchi」を試してみた!
share0
GoogleドライブにTrello風タスク管理機能を拡張できる「Kanbanchi」を試してみた!
ブロックを繋げるだけでチャットボットが作成できる「Motion AI」は、WebもSNSも無料で運用可能!
share0
ブロックを繋げるだけでチャットボットが作成できる「Motion AI」は、WebもSNSも無料で運用可能!
ブラウザだけで完結する「bot開発環境」を無償提供した「Meya.ai」は、ボットのホスティングまで可能!
share0
ブラウザだけで完結する「bot開発環境」を無償提供した「Meya.ai」は、ボットのホスティングまで可能!
天才的な猛者が開発した究極の「HTML5ゲーム」16選が思わず熱くなり過ぎる件!
share0
天才的な猛者が開発した究極の「HTML5ゲーム」16選が思わず熱くなり過ぎる件!
インターネット
ad 今の年収で満足ですか?
typeで転職した71%が年収アップ!
2016/07/28 20:00

天才的な猛者が開発した究極の「HTML5ゲーム」16選が思わず熱くなり過ぎる件!

webgame-best-01 どうも、まさとらん(@0310lan)です!

今回は、ブラウザ上で今すぐ遊べて、なおかつクオリティが高く時間を忘れて夢中になれる無料Webゲームを厳選してみました。

インストール作業や、PS4のような家庭用ゲーム機も不要! 連休や休日・休憩時間などにサクッと遊べるのでぜひトライしてみてください!


ゾンビ映画のような「恐怖体験」を楽しむ!
【 FIVE MINUTES 】
http://www.fiveminutes.gs/
webgame-best-02 実写映像を使った本格的なインタラクティブゲームとなっており、一度プレイすると最後までグイグイ引き込まれるハラハラドキドキのゲーム性も最高です。(イヤホン推奨!)


ゲーム中は、迫り来るゾンビに対して、制限時間内に指示された軌道をマウスで描くことで進めていくようになっています。
webgame-best-03 この線を描くのが意外に難しく、余計にハラハラして恐怖感が増していきます。

スマホやタブレットのブラウザにも対応しているので、最初は指で描いていく方が簡単かもしれません。

他にも、タイミング良くボタンをホールドしたり、選択肢の中から回答を選んだりなど、いろいろ仕掛けがあって楽しいですよ。

<参考動画>
https://youtu.be/hJNf1i8FTNs


12人が同時対戦できる戦車バトル!
【 TANX 】
http://tanx.playcanvas.com/
webgame-best-04 サイトにアクセスすると、自動的に「青・赤・緑・黄」いずれかのチームに参加することになり、誰だか分からない人と激しいバトルに突入していきます。


フィールド内には、「回復・シールド・攻撃力UP」という3つのアイテムが落ちているので、これを上手く活用しながら対戦するのがポイントでしょう。
webgame-best-05 それぞれのチームは3人ずつとなっているので、自軍をよく把握しながらとにかく敵を倒しまくるという爽快なゲーム性が魅力的です。

「リアルタイム同時バトル」という性質上、時間帯によっては遊んでいる人がいない場合もあるので、画面右上のシェアボタンから友人・知人を誘ってみると良いでしょう。


生き残りを賭けた「ミミズ」育成マルチプレイゲーム!
【 slither.io 】
http://slither.io/
webgame-best-07 以前にネット上で話題になっていたゲームで、パックマンのように「光の玉」を食べながら少しずつミミズを巨大化させて高得点を狙うゲームとなっています。


ミミズはどんどん大きくすることが可能で、トッププレイヤーになるとそのサイズはケタ違いとなります。
webgame-best-08 また、このゲーム最大のミソは、サイズが大きくても小さくても「頭部」が相手プレイヤーに接触すると即座に「ゲームオーバー」になる点です。

そのため、大きくなると小回りが効かなくなるので操作が難しくなるし、小さくても大きなミミズに囲まれて接触したりなど、意外に戦略性が高いのが最大のハマりどころになっています。


コミカルな忍者が走りまくる対戦ゲーム!
【 Ninja Dash 】
http://ninjadash.weareslim.de/
webgame-best-06 コミカルタッチに描かれた小さな忍者が、ステージ上をあっちこっち走り回るのが楽しいゲームになっています。

操作がちょっと難しくて、キーボードの「W,A,S,D」キーを使って移動するようになっているのですが、コツとしては「W」キーをずっと押しっぱなしにしつつ左右に移動すればスムーズに動けるようになると思います。

また、「B」キーを同時に押すことでダッシュをすることが出来るようになっており、「K」キーで敵をキックすることも可能。

制限時間内に、敵よりも多く「コイン」を取得できれば勝利となります。


3D空間で遊ぶテトリスゲーム!
【 BlockTris 】
http://users.tpg.com.au/rubixcom/index.html
webgame-best-09 「落ち物パズルゲーム」の定番と言える「テトリス」を、WebGLを使って3D空間の立体的なパズルにしてしまったのがコチラ!

「2D」から「3D」になったことで、落ちてくるブロックをラインで消すのではなく「面」で消さなければいけないので、想像しているよりも非常に難しいのがミソ。

コツとしては、落ちてくるブロックの「影」を見ながら、奥行きをイメージしつつブロックを配置していけば良いのですが、慣れるにはちょっと時間が掛かります。


バーチャルな空間で本格的な「ドミノ」を体験する!
【 Domino 】
http://domino.roilipman.com/
webgame-best-10 「ドミノ」のシミュレーターとしても優秀で、物理的な動きも本物そっくりな「ドミノ」を仮想ステージに並べて楽しむことが出来ます。

マウスの右クリックで1個ずつ置いたり、右クリック&ホールドで連続して並べることも可能で、制作したドミノは保存したり、友人へシェアすることも出来るようになっています。

ちなみに、ドミノのカラーも自由にカスタマイズ出来るようになっており、カラフルでクリエイティブなドミノを制作できるのも特徴の1つでしょう。


超クールでカッコいいタイピングゲーム!
【 ZType 】
http://zty.pe/
webgame-best-11 HTML5ゲームエンジン「Impact」の開発者が、自身のエンジンを活用して作られたゲームとなっており、大量の敵キャラが出現しても非常にスムーズな動きを実現しているのが特徴です。(スマホブラウザでもスームズに動きます…)

このゲームは、ある程度「タッチタイピング」を出来る人が対象になっており、俗にいう「弾幕ゲー」のシューティングゲームとタイピングゲームを組み合わせています。


とにかく、ド派手な演出とタイピングの気持ちよさが掛け合わさって、ついつい夢中になってしまいます。
webgame-best-12 次々と出現する大量の敵に表示された「キーワード」をタイプすることで、敵を攻撃することができ、最後には統計情報も表示されます。
「誤タイプ率」「ノーミス持続数」「日々の推移」なども把握でき、更なるスキルアップにも有効でしょう。

ちなみに、タイピングではなく通常のシューティング版「X-Type」も公開されているので、ご興味ある方はぜひプレイしてみてください!

<X-Type>
http://phoboslab.org/xtype/


UFOが人間を「肉塊」にするグロ系ゲーム!
【 MEAT HARVEST MIAMI 】
http://www.adultswim.com/etcetera/meatharvest/
webgame-best-13 ちょっとグロいゲームですが、ユニークなゲーム性とテンポの良さが爽快で、グラフィックも凝っているので短時間で遊ぶゲームとしては最適です。


自機がUFOになっており、マウスの長押しで人間を吸い上げて「肉塊」にして得点を獲得する変わったシステムになっています。
(そのため、街はすぐに事故現場のようになります…)
webgame-best-14 逃げる人間をどんどん吸い上げて高得点を稼ぐわけですが、ちょうどUFOの真下に人間がいないと上手く吸い上げられないので、ちょっとしたコツを掴むのに慣れが必要です。

また、ステージは「街」「ショッピングセンター」「ビーチ」など、バリエーションに富んでおり、爆弾などのアイテムも出現するので、有効に活用しながらステージをクリアしていくことになります。


スマホを「ライトセーバー」にしてスターウォーズ体験!
【 ライトセイバー エスケープ 】
https://lightsaber.withgoogle.com/
webgame-best-15 PCブラウザとスマホを連携して遊ぶゲームで、スマホを振りかざすとPCブラウザに表示されている「ライトセーバー」が連動して動くという仕掛け。


基本アクションとしては、敵が攻撃してきた光線をライトセーバーで弾くことで、跳ね返った光線が敵を直撃して倒せるようになっています。
webgame-best-16 スマホからライトセーバー独特の「ブーン」という音声が聞こえるようになっているのも芸が細かくてクオリティを高めている要因と言えるでしょう。

最後には、敵と一騎打ちになるアクションシーンもあるので、なかなか爽快に楽しめるゲームに仕上がっています。


クールに進化した「3Dスネークゲーム」!
【 Trippy Snake 】
http://lucafraga.github.io/TrippySnake/
webgame-best-17 「Three.js」を使い、3Dの立体的なスネークで「光と影」の陰影を美しく表現したクールな作品です。

内容的には、往年の「スネークゲーム」と同じで、エサとなる玉を食べれば食べるほど高得点を得られますが、徐々にスネークが長くなっていくのでコントロールが難しくなってきます。

クラシックなゲームなので、ルールがシンプルで短時間にサクッと遊べるのが特徴でしょう。


「おはじき」感覚で楽しめる伝統的なボードゲーム!
【 Crokinole 】
https://butchersworkshop.com/crokinole/
webgame-best-18 「クロキノール」と呼ばれるゲームで、円形のディスクを弾いて得点を競うボードゲームをWebで再現しており、海外では世界選手権も開催されるほど有名なゲームとなっています。

真ん中の「穴」に入れると最高得点を得られるのですが、入らずにボードに残ってしまうと相手プレイヤーは必ず残ったディスクに当てなければいけないというのが基本ルール。

慣れてくると、相手のディスクをステージ外に弾いて、跳ね返った自分のディスクをそのまま中央の穴に入れるというテクニックも出来るようになるので面白さが倍増してくると思います。


PCブラウザとスマホを連携して遊ぶ対戦型スポーツ!
【 Super Sync Sports 】
https://chrome.com/supersyncsports/
webgame-best-19 ゲーム画面が「PCブラウザ」で、スマホ画面を「コントローラー」として使うゲームになっており、「短距離走」「自転車」「水泳」の3種目を複数人で同時対戦しながら楽しめるのが特徴です。


ユニークなのは、スマホ画面を「指」でこすりながら競争する点で、これにより対戦がさらに熱いものに変わるわけです。
webgame-best-20 スマホとの連携も簡単で、指示されたURLとアクセスコードを打ち込むだけでコントローラーに早変わり!

遠くにいる友人・知人とも対戦できるので、時間の空いた時にぜひトライしてみてください!


サクサク動くFPSゲームに熱中する!
【 Keep Out! 】
http://www.playkeepout.com/
webgame-best-21 「FPS」ゲームが好きな人も初めての人もサクッと楽しめるのが魅力のゲーム!

3Dグラフィックが凝っているのに、とてもサクサク動くのでコミカルな敵キャラをどんどん倒していける爽快感が最大の特徴です。


「剣・弓矢・魔法」など、豊富な武器とアイテムを駆使して、次々と現れる敵を倒していきましょう!
webgame-best-22 スマホブラウザにも最適化されており、一度ホーム画面に追加してから遊ぶと全画面で楽しめるようになっています。

有料アプリとしてリリースされてもおかしくないレベルなので、ご興味ある方はぜひプレイしてみてください!


頭の回転力を試されるパズルゲーム!
【 Hextris 】
http://hextris.io/
webgame-best-23 六角形のパネルを回転させながら、6方向から飛んでくるカラフルなブロックをどんどん積み上げていき、同じ色同士が3つ繋がると消滅して得点が得られるというゲーム。

シンプルなゲームなのかと思いきや、いろんな方向から迫ってくるブロックに合わせてパネルを忙しく回転させる必要があるうえ、タイミングを見計らって色を合わせなければいけないので意外に難しいです。

ルールが単純で短時間に遊べるので、ついつい夢中になる面白さがあります。


プログラミング能力が試される戦略ゲーム!
【 Empire of Code 】
https://empireofcode.com/
webgame-best-24 ストラテジーゲームと呼ばれる「戦略ゲーム」なのですが、自軍の部隊をどのように動かして攻撃させるかを自分でプログラミングしなければならない異色のゲームになっています。


「Python」か「JavaScript」を使って、ゲーム内の専用エディタから自分の好きなようにプログラミング出来るのが最大の醍醐味と言えるでしょう。
webgame-best-25 また、課題となるプログラミング問題をクイズのように回答することで、基地の施設をパワーアップさせることも可能です。

さらに、自分がプログラミングした部隊を世界中のプレイヤーと対戦させることも可能で、どのくらい通用するのかを体験できるのは貴重かと思います。

<参考記事>
http://plus.appgiga.jp/masatolan/2016/04/27/56951/


Googleのロゴで遊ぶ至高のゲーム作品!
最近は少なくなってしまいましたが、Googleのトップページにある「ロゴ」がゲームになっている時があったのをご存知でしょうか?


例えば、「ハードル走」「サッカー」「バスケットボール」「カヌー」といったスポーツアクションが楽しめるモノがあります。
webgame-best-26 これらのゲームはアーカイブとして保存されており、以下のリンクからいつでも遊ぶことができます!

ハードル走
http://www.google.com/doodles/hurdles-2012

サッカー
https://www.google.com/doodles/soccer-2012

バスケットボール
http://www.google.com/doodles/basketball-2012

カヌー
http://www.google.com/doodles/slalom-canoe-2012


また、個人的にオススメなのが「ロズウェル事件66周年」の時に公開されたアドベンチャーゲームのロゴです。
webgame-best-27 かなり本格的な謎解きアドベンチャーになっており、散りばめられた「謎」を解明してアイテムを取得しながらゴールに進んでいく必要があります。

ロズウェル事件66周年ロゴ
https://www.google.com/doodles/roswells-66th-anniversary


さらに、パックマン30周年の時に公開されたロゴも一度はトライしておくべき作品でしょう。
webgame-best-28 Googleの文字がそのままステージとして構成されていますが、基本ルールは同じです。
たまにはレトロ感溢れるゲームも面白いですよ。

パックマン誕生30周年ロゴ
https://www.google.com/doodles/30th-anniversary-of-pac-man


おまけ
最後に、もっとお手軽に遊べるシンプルゲームとして、GitHubで公開されている作品も合わせてご紹介しておきます!

【GitHubにソースコード公開中の「時間泥棒確定ゲーム10選」の猛者たちがスゴすぎ!】
webgame-best-29 記事内では、数字パズルゲームの「2048」、3Dで表現された「避けゲー」、WebGLによる立体的な倉庫番風ゲーム…など、10種類のゲームを紹介しています。

ソースコードのリンクも掲載しているので、ゲームの仕組みを勉強したい人やオリジナル作品を作りたい人にも最適かと思います。

ご興味ある方はぜひ一読くださいませ!


まとめ
HTML5が主流になり、今回ご紹介したように面白い「ブラウザゲーム」がどんどんリリースされるようになってきました。

スマホのブラウザからでも本格的に遊べるゲームが増えており、「ゲームの窓」のような国産プラットフォームも今後増えてくるのではないかと思います。

ゲームで遊び尽くしたら、今度はぜひオリジナルゲームの開発に挑戦してみましょう!


written by まさとらん(@0310lan

まさとらん

国内外問わず「良いモノ」だけひたすら集めて情報共有してます。
厳選ネタはアプギガ内で分かりやすく情報発信中!
その他の旬なネタは、twitterにて発信してますので、お気軽にどうぞ!

twitter:0310lan

この記事を読んでいる人は、他にこんな記事も読んでいます。
Related Posts Plugin for WordPress, Blogger...

ページトップへ戻る