JavaScriptとHTMLで「レトロ風RPG」を作ろう 全コード解説

所在平台: Udemy

课程主页: https://www.udemy.com/course/javascript-html-retro-rpg/

课程评论:没有评论

第一个写评论        关注课程

课程简介

课程名称:用JavaScript和HTML制作“复古风RPG” 完整代码解析 课程概述: 本课程将教您如何使用JavaScript和HTML制作一个“复古风RPG”游戏。我们将学习实现标题画面、地图移动、事件触发以及战斗等画面过渡,并通过简洁的代码来构建游戏。游戏本身设计为10分钟左右即可轻松通关的规模。课程中介绍的所有代码均可作为示例代码下载。本课程不使用jQuery或任何其他库,所有必要的功能都包含在示例代码中。 通过本课程的学习,您将能够: * 理解用户输入、动画显示、游戏数据管理等游戏的基本机制。 * 理解数据保存与恢复、背景音乐和音效等游戏的辅助机制。 * 实现带有画面过渡的游戏,如标题画面、地图移动、事件触发和战斗。 * 掌握实现这些功能的JavaScript代码和HTML。 课程结构(章节): 1. 导言 2. 游戏结构与素材 3. HTML框架 4. 游戏数据 5. 游戏基本处理 6. 文字与窗口绘制 7. 地图绘制 8. 道具绘制 9. 标题画面与地图画面 10. 地图画面处理 11. 事件画面与战斗画面 12. 战斗绘制 13. 战斗菜单 14. 战斗内部处理 15. 结语 本课程将制作的游戏具备以下功能,以帮助您学习复古风RPG的基础功能: * 地图画面的移动。 * 地图画面中触发战斗的事件。 * 地图画面到达城镇、城堡的事件。 * 通过获得经验值而升级。 * 通过获得道具而改变能力。 * 通过获得咒语而改变战斗菜单。 * 战斗画面的战斗。 * 根据地图土地种类变化出现的敌人。 * 战胜最终Boss后的游戏通关。

课程评论(0条)

课程详情

 このコースでは、JavaScriptとHTMLで「レトロ風RPG」を作成する方法を学びます。 タイトル画面、マップ移動、イベント発生、戦闘といった画面遷移を実現しながら、シンプルなコードでゲームを作ります。ゲーム自体は、簡単に一通り遊べるように、10分間ほどで終わるサイズにしています。 コースで紹介するコードは、サンプルコードとして、全てダウンロードできます。 jQueryやその他のライブラリは一切使っていません。そのため必要な処理は、全てサンプル内に入っています。 このコースを習得すれば、次のような事ができるようになります。・ユーザー入力、アニメーション表示、ゲームデータの管理といった、ゲームの基本的な仕組みの理解。・データの保存と復帰、BGMや効果音といった、ゲームの補助的な仕組みの理解。・タイトル画面、マップ移動、イベント発生、戦闘といった画面遷移をともなうゲームの実現。・それらを実現するJavaScriptのコードとHTMLの把握。‥‥‥‥‥‥‥‥‥‥ このコースは、以下のように進みます。● 第1章 イントロダクション● 第2章 ゲームの構造と素材● 第3章 HTMLの枠組み● 第4章 ゲームのデータ● 第5章 ゲームの基本的な処理● 第6章 文字とウィンドウの描画● 第7章 マップの描画● 第8章 アイテムの描画● 第9章 タイトル画面とマップ画面● 第10章 マップ画面の処理● 第11章 イベント画面とバトル画面● 第12章 戦闘の描画● 第13章 戦闘のメニュー● 第14章 戦闘の内部処理● 終わりに‥‥‥‥‥‥‥‥‥‥ 本コースで作成するゲームは、以下の機能を持っています。レトロ風RPGの基本的な機能を一通り学べるようにしています。・マップ画面での移動。・マップ画面での戦闘発生イベント。・マップ画面での街、城への到達イベント。・経験値獲得によるレベルアップ。・アイテム獲得による能力の変化。・呪文獲得による戦闘メニューの変化。・戦闘画面での戦闘。・マップの土地種類ごとの出現敵の変化。・ラスボスを倒したあとのゲームクリア。

课程标签

0人关注该课程

主题相关的课程