JavaScriptで作るリバーシゲーム！ブラウザで動くゲーム開発講座

ツールを使わず基礎から
JavaScriptでリバーシゲームを作りましょう！

このコースでは、JavaScriptで低レベルの処理からプログラムを積み上げていき、思考アルゴリズムまで入った、リバーシゲームを作ります。その過程とコードを、すべて解説します。

JavaScriptでリバーシゲームを作って何ができる？

• ブラウザで動くリバーシゲームを、JavaScriptで1から組み立てられるようになる。
• そのために必要な処理や、プログラムの積み上げが、できるようになる。
• プロセス間通信や、メニュー、ショートカットなど、Electronの機能を使いこなせるようになる。
• Webページのキャプチャ、PDF化、画像をまとめてDLなど、各種処理ができるようになる。

このコースで学ぶこと

このコースでは、Web開発の知識を利用して、JavaScriptとHTMLでGUIのローカルアプリケーションを作成する方法を学びます。

Windows環境に、Node.js、Electronの導入を行ない、メニューや文字コード変換機能を備えたテキストエディタや、特殊機能を複数持ったWebブラウザを、実際に作っていきます。

コースで紹介されるコードは、サンプルコードとして、全てダウンロードすることができます。

コースの構成

第1章 イントロダクション

• 開発環境の準備

基本処理を作る

• キャンバスの初期化
• 基礎的な共通処理
• リソースの読み込みと管理
• アニメーションの管理
• UIの管理

リバーシの描画を作る

• 画面を作る描画
• 背景の描画
• 盤面の描画
• 石の描画
• スコアの描画
• 手番プレイヤーの描画
• その他の処理
• 描画キャッシュの作成
• エフェクト
• 盤面クリック

ゲームを創る

• ゲームの初期化
• リバーシゲームのシステム
• ゲームの進行
• COMの思考

こんな方におすすめ

• JavaScriptで、1からゲームを作ってみたい人
• ブラウザで動くゲームを、基礎から作ってみたい人

受講に際して必要なもの

• 事前の準備は特に必要ありません。
• 「Google Chrome」と「Atom」エディタで、開発を進めていきます。それらの導入の仕方も解説しています。
• JavaScriptとjQueryの基礎的な知識は、持っていた方がよいです。

JavaScriptを利用すれば、ブラウザで動くゲームやツールを開発できます。ゲームの開発を通して、JavaScriptを高度に使いこなす技術を学んでください。