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

アプギガトップ > Webサービス > プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!
注目記事ピックアップ
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
share0
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
筆跡がリアルに変化する「自作Webフォント」を生成可能な「Calligraphr」で自分用フォントを手書きしてみた!
share0
筆跡がリアルに変化する「自作Webフォント」を生成可能な「Calligraphr」で自分用フォントを手書きしてみた!
編集ソフト不要!アップロードした画像のURLをいじるだけで多彩な加工編集を実現する「Scaley.io」が登録不要で無料公開中!
share0
編集ソフト不要!アップロードした画像のURLをいじるだけで多彩な加工編集を実現する「Scaley.io」が登録不要で無料公開中!
ブラウザから即起動!ゼロからSVG画像を作成できるWebエディタ「Vectr」が完全無料で公開中!
share0
ブラウザから即起動!ゼロからSVG画像を作成できるWebエディタ「Vectr」が完全無料で公開中!
匿名もOK!SkypeでWebコードエディタを共有できる「Interviews on Skype」が無償公開中!
share0
匿名もOK!SkypeでWebコードエディタを共有できる「Interviews on Skype」が無償公開中!
データ可視化の最強ツール!Web上でスライド資料やインフォグラフィックを制作できる万能Webエディタ「Visme」を使ってみた!
share0
データ可視化の最強ツール!Web上でスライド資料やインフォグラフィックを制作できる万能Webエディタ「Visme」を使ってみた!
今すぐブラウザ上に「ライブ配信」のスタジオ環境をタダで構築できる「Lightstream」を使ってみた!
share0
今すぐブラウザ上に「ライブ配信」のスタジオ環境をタダで構築できる「Lightstream」を使ってみた!
1枚の写真だけで超リアルな3D顔面をWeb上で高速生成できる「3D Face Reconstruction」を使ってみた!
share0
1枚の写真だけで超リアルな3D顔面をWeb上で高速生成できる「3D Face Reconstruction」を使ってみた!
コピペ一発!どんなWebサイトもチャットサポートを無料で導入可能な「Crisp」を使ってみた!
share0
コピペ一発!どんなWebサイトもチャットサポートを無料で導入可能な「Crisp」を使ってみた!
JavaScriptの学習にオススメなWebコードエディタ「Carbide」の万能すぎる可視化ウィジェットがヤバイ!
share0
JavaScriptの学習にオススメなWebコードエディタ「Carbide」の万能すぎる可視化ウィジェットがヤバイ!
こんなAR技術が欲しかった!スマホをかざすだけでプロ並みのスケッチを描ける「SketchAR」アプリを使ってみた!
share0
こんなAR技術が欲しかった!スマホをかざすだけでプロ並みのスケッチを描ける「SketchAR」アプリを使ってみた!
「アプギガ!!」2016年の総まとめ!もう一度読みたくなる人気のバズ記事をまとめてみた!
share0
「アプギガ!!」2016年の総まとめ!もう一度読みたくなる人気のバズ記事をまとめてみた!
有名WebサービスのAPIをすべて同じ書き方でプログラミング可能な「RapidAPI」は、検索・テストもブラウザ上で実行可能!
share0
有名WebサービスのAPIをすべて同じ書き方でプログラミング可能な「RapidAPI」は、検索・テストもブラウザ上で実行可能!
英語で「VR空間作って」と書くだけで、本当にWeb上でVR体験が実現する「GuriVR」を使ってみた!
share0
英語で「VR空間作って」と書くだけで、本当にWeb上でVR体験が実現する「GuriVR」を使ってみた!
JavaScriptでマインクラフト風の建造物が作れる無料Webアプリ「Web Blocks」で遊んでみた!
share0
JavaScriptでマインクラフト風の建造物が作れる無料Webアプリ「Web Blocks」で遊んでみた!
登録不要!匿名で記事も公開できる究極にシンプルなWebエディタ「IO」が最高の使い心地だった!
share0
登録不要!匿名で記事も公開できる究極にシンプルなWebエディタ「IO」が最高の使い心地だった!
スクショ付きでブックマークを一元管理できるWebアプリ「Bookmark OS」を使ってみた!
share0
スクショ付きでブックマークを一元管理できるWebアプリ「Bookmark OS」を使ってみた!
開発が面倒なWebコンテンツを「ウィジェット化」して誰でも利用可能にする無料サービス「Widgetic」を使ってみた!
share0
開発が面倒なWebコンテンツを「ウィジェット化」して誰でも利用可能にする無料サービス「Widgetic」を使ってみた!
まだ進化を続けるGoogle検索の特殊機能12選をまとめてみた!
share0
まだ進化を続けるGoogle検索の特殊機能12選をまとめてみた!
Web上でプログラミングに特化したスクリーンキャストを無料で作れる「Scrimba」の革命的な機能がスゴイと話題に!
share0
Web上でプログラミングに特化したスクリーンキャストを無料で作れる「Scrimba」の革命的な機能がスゴイと話題に!
Webサービス
ad 今の年収で満足ですか?
typeで転職した71%が年収アップ!
2016/04/27 20:10

プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!

empire-of-code-01 どうも、まさとらん(@0310lan)です!

みなさん、プログラミングの勉強はやってますか?

ある程度、基礎が終わって「次に何をしようかな…」と考えている人に最適なWebゲームが、無料で公開されているのでご紹介しようと思います!

【 Empire of Code 】
empire-of-code-02 俗にいう「戦略ゲーム」というジャンルで、「エイジ オブ エンパイア」とか「クラッシュ・オブ・クラン」などが有名かと思います。

内容的には、部隊を育成して「敵地」へ攻め込み、資源を回収しながら自軍を成長させていくゲームなのですが、今回ご紹介する「Empire of Code」の部隊は勝手に動いてくれません…。

どのような戦略で動かすかは、自分でプログラミングする必要があり、このゲーム最大の醍醐味でもあります。

まさに、「プログラミング好き」のために作られたゲームと言っても過言ではないでしょう。


基本的な遊び方!
それでは、実際にプレイしながら、どのようなゲームなのかを見ていきましょう!


まずは、トップページから「新規ゲーム」ボタンをクリックします。
(ログインなどは不要です…)
empire-of-code-03

初回は、チュートリアルがあるので、説明に従って進めていきましょう。
empire-of-code-04

これが、自軍の本拠地となります。
empire-of-code-05 最初は寂しいですが、ゲームを進めて成長していけばいろんな施設を建てて、にぎやかになっていきます。


とりあえず、敵が攻めてきた時のために、自動追尾式の兵器などを設置しておきましょう。
empire-of-code-06

そして、兵士を訓練して出撃準備を整えます。
empire-of-code-07 冒頭でも少し触れましたが、このゲームでは兵士をプログラミングしないと動いてくれません。


ただし、初期設定としてあらかじめ3つのプログラムが用意されています。
empire-of-code-08

「Edit」ボタンをクリックすると、プログラミング用のエディタが表示されます。
empire-of-code-09 右側に、どのようにプログラミングしたら良いのか「ドキュメント」が掲載されているので、よく読んでどんどんカスタマイズしていきましょう!


ちなみに、最初に設定されているプログラムは「近くの対象物を攻撃する」…というだけの行動しかできません。

このままだと、敵がまったくいない序盤ステージなら、問題なく「本拠地」を破壊してクリアできるでしょう!
empire-of-code-10

しかし、敵の兵器が待ち構えているステージだとすぐ死んでしまうので、今度は「敵の兵器を最初に攻撃する」…というプログラムにしなければいけません。
empire-of-code-11 さらにステージが進むと、「最初に兵器を攻撃し、次に生産施設を破壊し、最後に本拠地を破壊する」…みたいなプログラムが必要になっていくわけです。

このように、攻撃する敵のステージに合わせて、自軍がどのように動けばクリアできるかを予想しながら、その通りに動くプログラムを書いていくのが最大の醍醐味と言えるでしょう。(プログラミング言語は、現在PythonとJavaScriptが利用できます…)


まだある、こんな機能たち!
「Empire of Code」では、類似のゲームと同様に施設をパワーアップすることも出来ます。
empire-of-code-12 これには「資源」が必要ですが、生産施設や敵から奪い取ったりすることで利用できるので、どんどんレベルアップしていきましょう。


また、ユニークな機能として、レベルを上げる毎に挑戦できる「プログラミング問題」というのがあります!
empire-of-code-13 これはクイズ形式になっており、簡単なモノからアルゴリズムを問う問題まで多彩です。


正しいコードを書いて、「Run」ボタンをクリックすればすぐに解答がチェックされて判定されます。
empire-of-code-14 見事に正解すれば、施設の能力をさらにパワーアップさせることが可能になるのです。

出題される問題は、ゲームやアプリ開発にも応用できるものが多いので、プログラミングの勉強にもなって一石二鳥です。


さらに、世界中のプレイヤーの「ランキング情報」も閲覧可能です。
empire-of-code-15 トッププレイヤーがどのような施設を構築しているのか偵察したり、一定のレベルになると遊べる「対人戦」に挑戦するのも面白いでしょう。


ゲームの攻略に必要な「施設データ」なども用意されており、効率よくパワーアップさせていくヒントになるでしょう。
empire-of-code-16 もし、分からないことがあっても、フォーラムやSlackなどから質問が出来るようになっている点も好印象です。

また、無料のユーザー登録をすることで、新しく遊べるステージが増えたり、ゲームの進捗を保存することも可能になるので、ぜひトライしてみてください!


おまけ
最後に、ストラテジーだけでなく、もっと多彩なゲームジャンルに挑戦できるプログラミング系Webゲームも紹介しておきます!

【プログラミングの勉強を本気でWebゲーム化した「CodinGame」が時間泥棒確定!】
empire-of-code-17 およそ20種類のプログラミング言語に対応しており、アクション系からパズル系まで幅広いジャンルのゲームを題材に、クイズ形式の問題を使ってプログラミングしていく内容になっています。

難易度はやや高めですが、とてもやりがいのあるゲームなのでスキルアップを目指して挑戦してみてください!


まとめ
今回ご紹介した「Empire of Code」を開発しているのは、プログラミング学習にゲーミフィケーションを導入した「CheckiO」というサービスを運営している会社です。

どちらのサービスも「ゲーム」を題材にしており、プログラミング学習をより楽しいものに変えているのは素晴らしいと思います。

ちなみに、近日中に「Empire of Code」のスマホアプリもリリースされる予定になっているので、まだライバルが少ないうちにぜひトライしてみては如何でしょうか?



<参考>
「Empire of Code」公式サイト


written by まさとらん(@0310lan

まさとらん

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

twitter:0310lan

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

ページトップへ戻る