Share this course

Get up to 20% revenue for each qualifying new purchase you refer.
Let's create your account!

Edit Your Review

Describe your thoughts and experience with this course.
Cancel
Complete

Your Review

Delete
Edit

Review This Course

Describe your thoughts and experience with this course.
Exit
Complete

Review This Course

Post a review
Top Programming 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%

Related Courses

映像業界で活躍できる!Adobe Premiere Pro 完全版
PRO COURSE

映像業界で活躍できる!Adobe Premiere Pro 完全版

6h 48m Video Course
Instructor: Yuto Morita
4
$99.99
【入門】SP経営講座 - 経営指針5カ条と5大疾病について
PRO COURSE

【入門】SP経営講座 - 経営指針5カ条と5大疾病について

音声講座
Instructor: 田中 英司
$289.99
経営者のための「No.1事業」の作り方とはじめ方
PRO COURSE

経営者のための「No.1事業」の作り方とはじめ方

2h 3m Video Course
Instructor: 山崎 伸治
$444.99
たったの7日でマスター!スーパーアフィリエイターの思考法修得講座
PRO COURSE

たったの7日でマスター!スーパーアフィリエイターの思考法修得講座

1h 26m Video Course
Instructor: 石崎 力也
1
$229.99
ITヒューマンスキル - コミュニケーション力編【4PDUs】
PRO COURSE

ITヒューマンスキル - コミュニケーション力編【4PDUs】

7h 23m Video Course
Instructor: 佐藤 義男 & まなビレッジ
$136.99
Japanese Learning Course for JLPT N4 Level
PRO COURSE

Japanese Learning Course for JLPT N4 Level

13h 45m Video Course
Instructor: Attain Corp.
14
$149.99
Excelを間違って覚えないための最初の一歩【Excel 2010版】
PRO COURSE

Excelを間違って覚えないための最初の一歩【Excel 2010版】

1h 58m Video Course
Instructor: 渋谷 玲子 & 株式会社ビジネスITアカデミー
9
$89.99
フロントエンドエンジニアになりたい人のHTML/CSS/JavaScript入門講座
PRO COURSE

フロントエンドエンジニアになりたい人のHTML/CSS/JavaScript入門講座

10h 23m Video Course
Instructor: たにぐち まこと
31
$199.99
女性の心をつかむWebマーケティング講座
PRO COURSE

女性の心をつかむWebマーケティング講座

1h 5m Video Course
Instructor: 大東 めぐみ
2
$132.99
長所発見講座 - ストレスフリーな働き方を手に入れよう!!
PRO COURSE

長所発見講座 - ストレスフリーな働き方を手に入れよう!!

1h 40m Video Course
Instructor: MARU
1
$89.99
ビジネスExcel 7つの原則
PRO COURSE

ビジネスExcel 7つの原則

22m Video Course
Instructor: 渋谷 玲子 & 株式会社ビジネスITアカデミー
$89.99
社会人3〜5年目のための仕事の効率を33.1%アップする段取り術
PRO COURSE

社会人3〜5年目のための仕事の効率を33.1%アップする段取り術

1h 2m Video Course
Instructor: 大谷 更生 & まなビレッジ
$92.99