JavaScript游戏开发实战

探索如何使用 JavaScript 在线构建自己的游戏。了解游戏设计和创建功能齐全的游戏的步骤 从开始到完成

课程英文名：JavaScript Create 5 Fun Word Games

此视频教程共17.0小时，中英双语字幕，画质清晰无水印，源码附件全

下载地址

课程编号：199
百度网盘地址：https://pan.baidu.com/s/1301-Ypy2oEP71O2eG1Eakg?pwd=hsgs
夸克网盘(不限速)地址：https://pan.quark.cn/s/b7d5097a3c56

课程内容

您可以构建的 5 个令人惊叹的项目 – 您在其他任何地方都找不到这个 – 所有代码都是独一无二的，并且是从头开始构建的。

  1. JavaScript 单词搜索游戏
  2. 来自 Google 表格数据的动态测验
  3. JavaScript 刽子手游戏
  4. JavaScript 数字解码游戏
  5. 使用表格中的动态单词列表进行单词争夺

在短短几个小时内创建您自己的游戏版本 - 包含源代码尝试并立即玩

#1 Javascript Game Word Scramble - 从多个单词列表中选择 - 以尽可能少的错误猜测来解决打乱的单词。评分和加载动态单词列表，从头开始创建一个完全互动和动态的游戏

  • 如何设置和准备游戏板
  • 文字游戏的游戏值和变量
  • 在游戏中添加单词
  • 用 JavaScript 随机数组值打乱字母
  • 更新和添加内容到网页输出乱码到页面
  • 使用 JavaScript 字母计数器计算字符串中的字母。
  • 使用 JavaScript 将计分和 GamePlay 添加到您的游戏中
  • 游戏调试以及如何调整和改进游戏
  • 将 Google 表格中的动态单词列表添加到您的游戏中
  • 来自 Google 表格的动态内容 - 多个单词列表

#2 Javascript 游戏文字解码器——每个字母都有一个与之相关的数字——玩家需要使用字母的数字代码来解决短语。单词和短语是动态加载的。

  • 游戏板设置密码
  • 为玩家创建互动
  • 设置游戏玩法并设置编码值
  • 如何向玩家提供玩家消息输出代码。
  • 使用 map 等数组方法来缩短代码
  • 把它变成一个游戏 JavaScript 字解码器
  • 创建游戏流程和价值
  • 创建交互玩家输入
  • 开始和结束游戏条件和逻辑
  • 调试和最终游戏调整和改进

#3 Javascript Game Hangman Game – Select Letters 解决短语 – 玩家需要通过单击可用字母来猜测隐藏的短语。解决它会尽可能少地漏掉字母。

  • JavaScript 刽子手游戏板设置。
  • DOM 加载后启动应用内容 DomContentLoaded Run App DOM 准备好编写和创建元素
  • 逐步添加游戏逻辑构建JavaScript Hangman
  • 创建游戏开始 开始游戏设置。
  • 设置和构建游戏添加和构建玩家字母
  • 使用 JavaScript 条件检查正确猜测 检查 Letters to Word
  • 更新播放器元素和 DOM 值 更新隐藏字母
  • 添加分数和球员分数条件
  • 设置游戏获胜条件并使用 JavaScript 逻辑提供游戏玩法

#4 JavaScript Wordsearch – 单词搜索玩起来很有趣，构建起来更有趣。这个游戏部分将向您展示如何创建一个功能齐全的单词搜索，用尽可能多的隐藏在单词中的单词填充网格，并准备好让玩家接受挑战并解决难题。动态网格会自动将列表中的单词填充到其中。您选择大小并让 JavaScript 构建游戏板。

  • 使用 JavaScript 和游戏逻辑设置单词搜索板
  • 使用文档 CreateElement 方法创建将游戏元素添加到页面
  • 生成游戏值和设置网格。
  • 为 JavaScript 单词搜索游戏添加单词到网格
  • 构建棋盘并计算网格上的可用点 在 JavaScript 中应用游戏逻辑 检查现有字母
  • 使用 JavaScript 代码逻辑将单词垂直添加到单词搜索网格
  • 水平单词 - 4 个可能方向的垂直和反向字母，将单词放置在单词搜索网格中。
  • 填充游戏字母自动填充并构建单词搜索板
  • 添加播放器单词列表以指导播放器剩余单词 List Words
  • 如何测试和调试你的 JavaScript 文字搜索游戏
  • 添加玩家体验 玩家互动
  • 创建一个动态灵活的游戏来玩
  • 游戏逻辑如何应用获胜条件 检查获胜条件

#5 JavaScript 动态测验游戏 – JSON 数据文件驱动测验问题和答案。创建一个使用 JavaScript 动态生成的简单测验——根据 JSON 数据创建所有 DOM 元素和交互。

  • 如何设置测验文件和源 html 设置开发环境文件
  • 如何使用 AJAX Fetch 为您的测验创建 JSON 数据文件 创建 JSON 数据
  • 如何设置 HTTP 协议 localhost - AJAX 需要
  • 在 JSON 文件中为 JavaScript 问答游戏创建问答题
  • Create Gameplay 生成玩家游戏画面
  • 使用 JavaScript 创建播放器交互元素 生成 DOM 元素
  • 将事件监听器添加到游戏 将玩家交互添加到游戏
  • 玩家移动到下一个问题 – Automatic Gameplay next JavaScript
  • 为测验游戏添加评分
  • JavaScript Quiz Game 的调整和调试

包含源代码 – 构建您自己的游戏版本

由具有 20 多年 REAL WORLD 经验的讲师授课，随时准备回答您可能遇到的任何问题。

你没有什么可失去的——建立你自己的游戏版本玩得开心——现在加入>

本课程适用于：

  • 网页开发人员和网页设计师
  • 任何想要构建有趣的互动游戏的人
  • 任何想要构建具有挑战性的文字游戏的人
  • 网站大师 编码员 应用程序开发人员
  • 编码器和游戏建设者
  • 游戏开发商