





限定割引クーポンでFANZAが今までにないお得感!

今がチャンス!FANZA同人の大幅割引クーポンで驚きの価格に!
期間限定セール品もさらに割引され、MAX99%OFFの最安値の激安価格で楽しめる!この機会をお見逃しなく!
HTML5とJavaScriptで作る 落ち物パズルゲーム 全コードを完全無料で購入するウラワザ!?

もちろん30日以内なら無料トライアル中の解約は簡単にできて、お金も一切かかりませんのでお財布の心配もありません!休みの日などに思う存分楽しんでください!
d_471363の作品名
HTML5とJavaScriptで作る 落ち物パズルゲーム 全コードの品番
HTML5とJavaScriptで作る 落ち物パズルゲーム 全コードの作品詳細情報
ジャンル | 全年齢向け 評論 オカルト 男性向け コミケ97(2019冬) |
---|---|
作品形式 | コミック |
ページ数 | 42ページ |
メーカー | るてんのお部屋 |
品番 | d_471363 |
配信開始日 | 2024-11-07 |
HTML5とJavaScriptで作る 落ち物パズルゲーム 全コードの、案内人 小倉が注目するあらすじやポイント
『テトリス』や『ぷよぷよ』に類似した落ち物パズルゲームの全コードを掲載して解説した本です。HTML5+JavaScriptで、フルスクラッチで開発しています。サンプルとして『Cthulhu Drop』という、落ち物パズルゲームが付属します。
実際に遊べる落ち物パズルゲームを試しながら、その中身を確認できる技術書です。シンプルなコードなので理解しやすいです。
サンプルゲーム『Cthulhu Drop』の紹介もします。横2列、縦1〜3列のブロックが落ちてきます。落下物は時計回り、反時計回りに回転できます。
落下後、重力に従ってブロックは落下します。そして、縦横斜めに3ブロック以上連続していると消去できます。また、消えたブロックに隣接する同種のブロックも消滅します。連鎖が終了するまで、消え続けます。
本書を通して、ゲーム開発の勘所をつかんでいただければと思います。
● 簡略化した目次
第1章 全体像
第2章 HTML、CSS、main.js他
第3章 タイトル シーン
第4章 ドロップ シーン
第5章 描画処理
第6章 ゲーム処理
第7章 ゲーム基本関数
第8章 リソース管理関数● 詳細な目次
第1章 全体像
・1-1 作る「落ち物パズルゲーム」の仕様
・1-2 キー操作
・1-3 ファイル構造
・1-4 大まかな分類
・1-5 js-game/nest.js
・1-6 シーンのファイルの構造第2章 HTML、CSS、main.js他
・2-1 index.html
・2-2 css/main.css
・2-3 js-main/main.js第3章 タイトル シーン
・3-1 js-main/scn.titile.js第4章 ドロップ シーン
・4-1 js-main/scn.drop.js第5章 描画処理
・5-1 js-main/draw-core.js
・5-2 js-main/draw-dropping.js
・5-3 js-main/draw-ef.js
・5-4 js-main/screenshot.js第6章 ゲーム処理
・6-1 js-main/drop-core.js
・6-2 js-main/drop-input.js
・6-3 js-main/drop-utl.js
・6-4 js-main/drop-stuff.js
・6-5 js-main/drop-erase.js
・6-6 js-main/drop-erase-search.js
・6-7 js-main/drop-erase-expand.js第7章 ゲーム基本関数
・7-1 js-game/game.core.js
・7-2 js-game/game.anim.js
・7-3 js-game/game.canvas.js
・7-4 js-game/game.view.js
・7-5 js-game/game.ui.js第8章 リソース管理関数
・8-1 js-game/resouce.image.js
・8-2 js-game/resouce.font.js
・8-3 js-game/resouce.sound.js
コメント