Share this course

Get up to 20% revenue for each qualifying new purchase you refer.
You can join the course referral program after purchasing this course.
Let's take this course now!
Top Breadcumb navigator Programming Breadcumb navigator JavaScriptで作るリバーシゲーム!ブラウザで動くゲーム開発講座
PRO COURSE

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

JavaScriptで低レベルの処理からプログラムを積み上げていき、思考アルゴリズムまで入った、リバーシゲームを作ります。JSでゲーム開発をやってみましょう!

ツールを使わず基礎から
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を高度に使いこなす技術を学んでください。

About the instructor

柳井 政和
クロノス・クラウン合同会社 代表社員

2002年にクロノス・クラウン合同会社を設立。代表社員。ゲームやアプリケーションの開発、書籍や記事の執筆を行う。

秀和システムより「マンガでわかるJavaScript」「マンガでわかるAndroidプログラミング」「マンガでわかるJavaプログラミング」他、技術評論社より「JavaScript 仕事の現場でサッと使える! デザイン教科書」「プログラマのためのコードパズル」を出版。

2001年度のオンラインソフトウェア大賞に「めもりーくりーなー」で入賞。

2016年に第23回松本清張賞の最終候補となり、文藝春秋より「裏切りのプログラム」で小説家デビュー。

See more

Course content

Total
Preview You can preview lectures with this label
Loading