簡単開発!JavaScriptでゲームが作成できるおすすめライブラリ5選!

eyecatch_3902
井上 慎也
書いた人 井上 慎也

こんにちは!インストラクターの井上(@InoIno_iesa)です。

皆さんの中には、自分オリジナルのゲームを作るためにプログラミングを学習したい!という人も多いと思います。

でも、いったい何から手を付けたら良いか、なかなか学習のイメージが持てないかと思います。

実のところ、JavaScriptのライブラリを使用すると簡単にゲームが作れてしまうんです!

そこで今回はゲーム作成に関しておすすめの5つのライブラリについて、

  • 各種ライブラリの特徴
  • そのライブラリで作れるもの
  • ライブラリの学習方法

を紹介していきます。

是非参考にしてゲーム作りにも挑戦してみてくださいね!

はじめに

shutterstock_262412804

ライブラリの紹介をしていく前に、「そもそもライブラリってなに?」という方もいるかと思います。

「ライブラリ」とは、プログラムを部品化して使えるようにした、いわば「カット済み野菜」のようなものです。

ライブラリが使えると、ゲームなど様々な制作シーンにおいて、とても効率的に開発することができます。

そんなライブラリの概要や、詳しい使い方などをまとめた記事もありますので、まだイメージが湧きづらい方は先にこちらもご参考ください。

1.enchant.js

スクリーンショット 2016-04-08 14.41.21

公式ページ

ライブラリの特徴は?

公式サイトでは以下のように説明されています。

カンタンにゲームやアプリを開発できる HTML5 + JavaScript フレームワークです。
2011年に公開され、すでに 1,000 本以上のゲーム/アプリが公開されています。
オープンソース (MITライセンス) で、無料で利用できます。
ドキュメント・書籍・チュートリアルサイトが充実しています。
たくさんのプラグインで機能を拡張できます。
UEI/ARC を中心としたメンバによって開発・メンテナンスされています。
プログラミング教育のためにも利用されています。

ひとことで言うと、手軽にゲームが作れるお手軽ゲームライブラリです。

作れるもの

2Dのシンプルなゲームが簡単に動かせます。

次の記事で様々なサンプルが紹介されていますので詳しく知りたい方は是非チェックしてみてください。

学習方法は?

こちらで書籍も紹介しています。

エンジニア御用達の学習サイト、「ドットインストール」にも学習用の動画が有りますので是非使ってみましょう!

2.Cocos2d-JS

スクリーンショット 2016-04-08 14.48.08

公式ページ

ライブラリの特徴は?

公式サイトの仕様説明ページでは以下のように紹介されています。

Cocos2d-JS is an open source game engine for web games and native games. It has a high performance, is user-friendly and supports multi-platform development. Supported platforms include web, Android, iOS, Windows Phone 8, Mac, Windows, etc. Cocos2d-JS makes 2D game programming easier and faster. It clarifies the key components of 2D game programming by being easy to learn and having an easy to use API. All of this combined makes it an outstanding framework compared to others.

英文になっていますが、これを一言で言うと、アプリ内課金なども簡単に実装出来る汎用ゲームライブラリです。

作れるもの

たとえばこちらの本ではパズドラのようなパズルゲームの作成方法が紹介されています。

学習方法は?

Cocos2-xを利用したゲームはC++等を利用して制作されている事が多く、JavaScriptそのもののサンプルはWEB上では見つけづらいかもしれません。

JavaScriptのゲーム開発書籍等でも学習できるモノを紹介していますので、こちらも参考にしてみてください。

3.CreateJS

スクリーンショット 2016-04-08 14.49.59

公式ページ

ライブラリの特徴は?

公式サイトでは以下のように紹介されています。

A suite of modular libraries and tools which work together or independently to enable rich interactive content on open web technologies via HTML5.

これも英文になっていますが、一言で言うと、表現の幅が広がるゲーム開発可能なライブラリです。

作れるもの

簡易シューティングゲームのサンプルが入門サイトで公開されています。

描画に強いので工夫次第でとても綺麗な見栄えのゲームを作成することが出来ます。

スクリーンショット 2016-04-08 14.56.34

参考

学習方法は?

上記シューティングゲームのサンプルを公開しているサイトが分かりやすいのでぜひ見てみて下さい。

4.Kiwi.js

スクリーンショット 2016-04-08 15.02.05

公式ページ

ライブラリの特徴は?

公式サイトでは以下のように紹介されています。

Kiwi.js is a fun and friendly Open Source HTML5 Game Engine. Some people call it the WordPress of HTML5 game engines…

このライブラリを一言で例えると、テクニカルな表現を簡単に実現できるゲームライブラリです。

作れるもの

Kiwi.jsのサンプルページで様々なアクションゲーム等に使用できるサンプルソースが公開されています。

本格的なシューティングゲームや2Dアクションを作成可能です。
スクリーンショット 2016-04-08 15.00.55

参考

学習方法は?

英語になってしまいますが、本家の英語の解説がかなり充実しています。

あまり日本語サイトが充実していないので英語アレルギーのない方はこちらが無難でしょう。

5.phina.js

スクリーンショット 2016-04-08 15.03.53

公式ページ

ライブラリの特徴は?

公式サイトでは以下のように紹介されています。

phina.js って何?

ゲームやツールを簡単に作る事ができる JavaScript ゲームライブラリだよ♪
PC とスマートフォンどちらでも動くんだ
『プログラミングって気軽にできるもんなんだ』『ゲームってこんなに簡単に作れるんだ』って感じてもらえると嬉しいな

一言でいうと、ゲーム作成初心者にもとてもとっつきやすいライブラリです。

個人的に特にオススメしたいライブラリになっています。

作れるもの

タイピングゲーム・ブロック崩しなどなど、簡単に様々なゲームを作成することが出来ます。

公式サイトに幾つものサンプルアプリとサンプルソースが公開されているので、興味が有る方は是非見てみましょう。

スクリーンショット 2016-04-08 15.09.09

参考

学習方法は?

HTML/CSS/JavaScriptの基礎が分かる方は公式サイトと、開発者の下記ブログ記事を参照することで本格的なゲームも作ることができます。

まとめ

JavaScriptのおすすめゲームライブラリはいかがでしたでしょうか?

ゲームってこんなに簡単に作ることが出来るんです。

興味のわくものがあれば是非使ってみてくださいね。

JavaScriptカリキュラム無料公開中!

この記事はJavaScript入門完全攻略ガイド【基礎学習/アプリ開発/仕事獲得】の一部になります。このカリキュラムは、プログラミング入門者が、JavaScriptの基礎学習からアプリ開発、さらには仕事獲得まで体系的に学べる内容となっています。

JavaScript学習に必要な情報を一つにまとめていますので効率よくJavaScriptを学ぶことが出来ます。この機会に是非活用していただければと思います。


33歳、未経験だった僕がフリーエンジニアになれた理由
現在フリーでWEBエンジニアをやられている濱口直行さん。33歳で、プログラミングを学び始め、約半年という短い期間で独立までされた学習ログを余すことなくインタビューさせていただきました。

プログラミングを学習中の方はもちろん、独立をお考えの方まで幅広く活用できる記事になっています。この機会に是非活用していただければと思います。


無料体験レッスン実施中

今あなたはこんな悩みをお持ちではないでしょうか?

「つまづいてばかりで学習が進まない…」
「どこまで勉強すればいいのか、終わりが見えない…」
「習得できたとしてもどうやって仕事につなげればいいのかわからない…」

プログラミング学習やキャリアに関してお困りであれば、まずは『無料体験レッスン』にお申し込み下さい。

あなたにとって、最適の解決策をご提案させていただきます。

詳しくは下の画像をから詳しいサービス内容をご確認ください。

cta_js2

学習者インタビュー

人気記事セレクション

エンジニア転職希望者必見

プログラミング学習者必見

LINEで送る
Pocket

この記事が気に入ったら
いいね!をしてフォローしよう

最新情報をお届けします

書いた人

井上 慎也

井上 慎也

侍エンジニア塾のインストラクター。フリーでWEB制作の受託や自身の事業の傍ら、侍ではWEBプログラミング方法の指導やプログラミング学習コミュニティの運用を行っている。
好きなショートカットキーは、command + w 。愛機はMac Book Pro。ブラウザのタブを大量に開きがち。