Share this course

Get up to 20% revenue for each qualifying new purchase you refer.
Let's create your account!
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

Ratings and reviews

5.0
1 reviews
5 stars
100%
4 stars
0%
3 stars
0%
2 stars
0%
1 stars
0%