ライトノベル、マンガなど電子書籍を読むならBOOK☆WALKER

春のコイン大還元祭
実用

HTML5とJavaScriptで作る 落ち物パズルゲーム 全コード

著者
柳井政和

あらすじ・内容

落ち物パズルゲームの全コードを掲載して解説した本。HTML5+JavaScriptで、ライブラリを使わずにゼロから開発しています。サンプルとして『Cthulhu Drop』という落ち物パズルゲームが付属します。

『テトリス』や『ぷよぷよ』に類似した落ち物パズルゲームの全コードを掲載して解説した本です。HTML5+JavaScriptで、フルスクラッチで開発しています。サンプルとして『Cthulhu Drop』という、落ち物パズルゲームが付属します。

 実際に遊べる落ち物パズルゲームを試しながら、その中身を確認できる技術書です。シンプルなコードなので理解しやすいです。

 サンプルゲーム『Cthulhu Drop』の紹介もします。横2列、縦1~3列のブロックが落ちてきます。落下物は時計回り、反時計回りに回転できます。

 落下後、重力に従ってブロックは落下します。そして、縦横斜めに3ブロック以上連続していると消去できます。また、消えたブロックに隣接する同種のブロックも消滅します。連鎖が終了するまで、消え続けます。

 本書を通して、ゲーム開発の勘所をつかんでいただければと思います。

-目次-

前書き
第1章 全体像
  1-1 作る「落ち物パズルゲーム」の仕様
  1-2 キー操作
  1-3 ファイル構造
  1-4 大まかな分類
  1-5 js-game/nest.js
  1-6 シーンのファイルの構造
第2章 HTML、CSS、main.js他
第3章 タイトル シーン
第4章 ドロップ シーン
第5章 描画処理
第6章 ゲーム処理
第7章 ゲーム基本関数
第8章 リソース管理関数
後書き

電子書籍 コイン

「春のコイン大還元祭」は1,500円(税込)以上の購入でコイン還元されます

価格

1,100(税込)

1,000円 (+消費税100円)

付与コイン

3/25 (月) 09:59まで

新規限定!

コイン 1,000

コイン還元

(*詳細)

作品情報

シリーズ
るてんのプチ技術書
著者
レーベル
柳井政和
出版社
柳井政和
カテゴリ
実用
ページ概数
103
配信開始日
2020/1/1
対応端末
  • PCブラウザ
    ビューア
  • Android
    (スマホ/タブレット)
  • iPhone / iPad
  • 推奨環境

ジャンル

ページ概数

一般的なスマートフォンにてBOOK☆WALKERアプリの標準文字サイズで表示したときのページ数です。お使いの機種、表示の文字サイズによりページ数は変化しますので参考値としてご利用ください。

  • シェア:
  • キャンペーンの内容や期間は予告なく変更する場合があります。
  • サイトに記載の日時は日本標準時 (Japan Standard Time) です。

フォローリストを編集しました

シリーズ最新刊

実用 洞窟探検ゲームを作ろう JavaScript 全コード

著者: 柳井政和

ダンジョンを探検するアクションゲームの全コードを掲載して解説した本です。HTML5+JavaScriptで、ライブラリを使わずに開発しています。

サンプルのコードが付いており、実際に遊ぶことができます。遊んだり、改造したりしながら、ゲームの中身を確認できる技術書です。

ゲームは、以下の特徴を持っています。

・画面をタップして、その方向にキャラクターが移動する。
・迷路の要素を含んだダンジョンを自動的に生成する。
・鍵を取って、ゴールの扉まで移動するとクリアという、イベント要素が入っている。
・イベントが起きると、ドット絵のダイアログを表示する。
・移動速度やアルゴリズムの違う敵が、ダンジョン内を徘徊している。
・敵に当たると死亡する。
・レトロゲーム風に、ドットのみで構成された画面を表示する。
・外部ライブラリを使わない。

本書を通して、ゲーム開発の楽しさを体験していただければと思います。


 目次は以下になります。

- 目次 -

・第1部:枠組み
・ 第1章:ゲームの構造と素材
・ 第2章:HTML、CSS、main.js他
・ 第3章:ゲームの基本処理
・第2部:ゲーム本体
・ 第4章:タイトル シーン
・ 第5章:ゲームのデータ
・ 第6章:ダンジョン生成1 アルゴリズム
・ 第7章:ダンジョン生成2 コード
・ 第8章:敵
・ 第9章:移動処理
・ 第10章:マップ シーン1 初期化
・ 第11章:マップ シーン2 移動とイベント
・ 第12章:マップ シーン3 描画
・第3部:基本処理
・ 第13章:基本処理
・ 第14章:リソース
・ 第15章:ユーティリティ
・ 第16章:UI部品

コイン3/25 (月) 09:59まで

価格

1,100(税込)

1,000円 (+消費税100円)

「るてんのプチ技術書」シリーズ作品一覧(全20冊)

330円〜1,980(税込)

  • 実用 ARToolKitを使わずにARマーカーの認識をフルスクラッチで作る方法

    Javaで「NyARToolKit」互換のARマーカー認識プログラムを、フルスクラッチで書いた時のレポートです。

     入力画像からマーカーを検出して、3D上に配置するまでのアルゴリズムを解説しています。

     ARマーカーを認識する基本的な処理の流れとともに、その処理の内容を、文章と図で説明しています。

    -目次-

    ● はじめに
      AR マーカー
      ARToolKit
      独自ARマーカー認識プログラム開発の経緯
      独自ARマーカー
    ● アルゴリズムの大枠
      はじめに
      処理の流れ
      用語解説
    ● プログラムを書く前に
      GC対策
      オブジェクトの参照
      ループの判定内で計算を行わない
      キャストを避ける
      配列のコピーには、System.arraycopyを使う
      その他細かな無駄を省く
    ● 画像の加工
      ガウス・フィルタ
      2値化
      ラベリング
      ラベルの排除
      ラベルに付随して記録する値
      通常のARマーカーを認識する方法
    ● パターン認識
      ラベルのソート
      パターン形成
      4×4の行列を符号化
    ● 空間認識
      はじめに
      モデル・ビューのX軸、Y軸、Z軸を計算
      Z方向の移動量を計算
      X、Y方向の移動量を計算
      モデル・ビューの行列を生成
    ● 終わりに

    コイン3/25 (月) 09:59まで

    価格

    330(税込)

    300円 (+消費税30円)

  • 実用 JavaScript:特殊コードゴルフ マニアクス

    「+や%の演算子が使えない」「if文が使えない」「Mathが使えない」「数字や文字列が使えない」。そんな過酷な環境でのベストプラクティス。

     コードゴルフは、コードを短く書く遊びです。ショートコーディングとも呼びます。

     この本は、禁止文字付きコードゴルフを1年以上出題して、その解答ノウハウをまとめたものです。

     以下、詳細です。

     「CodeIQ」というサイトで出題してきた、特殊なコードゴルフ「ダンジョン問題」の解答ノウハウをまとめました。

     「ダンジョン問題」では、レベルが上がるごとに、「+ - * /」などの演算子、「if」や「eval」などの予約語、「Math」などの組み込みオブジェクトが禁止されていきます。その制約の中で、短いコードを書かなければなりません。

     筆者は、この「ダンジョン コードゴルフ」を出題するとともに、解説を書いてきました。そうした解説記事の中から、特定の処理を別の書き方で書いたコードをまとめた本を作りました。

    -目次-

    前書き
    JavaScript コードゴルフの基本
    値を得る
    各種演算
    文字列処理
    その他
    おまけコード

    コイン3/25 (月) 09:59まで

    価格

    330(税込)

    300円 (+消費税30円)

  • 実用 JavaScriptで 実行時エラーを起こす 100+の技法

    - The Art of Runtime Error -

     実行してみないと発生しない「実行時エラー」は、プログラムを書いた時点では発見できない、厄介なエラーです。

     本書では、100以上の手法で、実行時エラーを起こしていきます。また、それらを分類して整理していきます。

     様々な実行時エラーを見ていくことで、「どういった時に実行時エラーが出るのか」といった知見を得ることができます。

     また、普通にプログラミングしていたら見ることのできない、様々なエラーメッセージに出会うことができます。

     本書では、実行時エラーを発生させる1行コードとともに、実際に出力されるエラーメッセージを掲載しています。

    -目次-

    第1章 基本
    第2章 eval
    第3章 パースやエンコード
    第4章 toString
    第5章 正規表現
    第6章 Object
    第7章 DOM操作
    第8章 XMLHttpRequest
    第9章 Canvas

    コイン3/25 (月) 09:59まで

    価格

    330(税込)

    300円 (+消費税30円)

  • 実用 TinySRPG アルゴリズムブック JavaScriptのコードで学ぶ シミュレーションRPGの処理

    小さな手作りシミュレーションRPG「TinySRPG」のアルゴリズムを、コード付きで解説した本です。

    全7章で、「計算編」「マップ描画編」「マップ操作編」「戦闘編」「思考編」「マップ作成のTIPS」「レベル機能のTIPS」という構成になっています。

    著者は、2016年のコミケ90(夏コミ)以降、「TinySRPG」というシミュレーションRPG(SRPG)のシリーズを出しています。また、過去のiモード時代に、iアプリとして多くのSRPGを出してきました。

    そうした知見を元に、SRPGのアルゴリズムをまとめた本です。

    この本には、実際に「TinySRPG」で使用されているアルゴリズム部分のコードが、そのまま載っています。SRPGを作る際の参考にしてください。

    -目次-

    1章 計算編
    第2章 マップ描画編
    第3章 マップ操作編
    第4章 戦闘編
    第5章 思考編
    第6章 マップ作成のTIPS
    第7章 レベル機能のTIPS

    コイン3/25 (月) 09:59まで

    価格

    330(税込)

    300円 (+消費税30円)

  • 実用 HTML5+NW.jsで同人ゲームを作る基礎知識 for Windows

    著者は、HTML5+NW.jsで同人ゲームを多数作成しました。そこで、NW.jsで同人ゲームを作るための基礎知識の本を書きました。

    NW.jsは、JavaScriptの実行環境node.jsと、ブラウザのレンダリングエンジンWebKitが合体したものです。ファイルアクセスなどのローカルの処理をnode.jsのavaScriptで、表示はHTML内のJavaScriptで行えます。

    NW.jsの環境には、色々と癖があり、それをあらかじめ知っておけば、面倒な試行錯誤をしなくても、ゲームを作ることができます。

    各種バッチファイルや、リソース読み込みの関数などは、全てソースコード付きです。

    配布用実行ファイルを、自動作成するバッチファイルも掲載しています。また、サウンド関係は、BGMの管理やSEの同時発音などを可能にしたライブラリにしており、そのまま使えます。

    第1章 NW.jsについて
     ・ NW.jsとは
     ・ ドキュメント
     ・ 開発環境を作る
    第2章 アプリの構成とファイル
     ・ ディレクトリ構成
     ・ package.jsonの作成
     ・ プログラムの実行
    第3章 配布用実行ファイル
     ・ exeの仕組み
     ・ exeの作成
    第4章 WebとNW.jsの処理の分岐
     ・ 環境判定用コード
    第5章 カレントディレクトリ
     ・ 開発環境と本番環境の違い
     ・ 違いを吸収する処理
     ・ パスの解決
    第6章 ファイル操作
     ・ テキスト読み込み 同期
     ・ テキスト書き込み 同期
     ・ ファイル削除 同期
     ・ 実行 同期
    第7章 リソースの読み込みと利用
     ・ 全体の構成
     ・ 画像
     ・ Webフォント
     ・ サウンド

    コイン3/25 (月) 09:59まで

    価格

    330(税込)

    300円 (+消費税30円)

付与コインの内訳

1,000コイン

  • 会員ランク(今月ランクなし)

    0%

  • コイン還元キャンペーン

    50%

  • 初回50%コイン還元 会員登録から30日以内の初回購入に限り、合計金額(税抜)から50%コイン還元適用

複数商品の購入で付与コイン数に変動があります。
付与コイン数が購入金額(税抜)の100%を超える場合、100%未満になるよう調整が行われます。

会員ランクの付与率は購入処理完了時の会員ランクに基づきます。
そのため、現在表示中の付与率から変わる場合があります。

【クーポンの利用について】
クーポンご利用時、コイン還元キャンペーン分のコインは付与されません。
ただし、初回50%コイン還元分のコインは付与されます。
詳しくは決済ページにてご確認ください。

「HTML5とJavaScriptで作る 落ち物パズルゲーム 全コード」評価・レビュー

評価

※評価がないか、表示数に達していません。

本を予約しました

※予約の確認・解除はこちらから

予約済み書籍

キャンセル及び解除等

発売日前日以降のキャンセル・返品等はできません。
予約の確認・解除、お支払いモード、その他注意事項は予約済み書籍一覧をご確認ください。

お得な情報