JavaScript游戏开发简介

This full tutorial video is an introduction to game development using vanilla JavaScript and HTML5 canvas. Chris Perko shows how to build a complete brick-breaker game while explaining the fundamentals of game development.

完整的教学视频介绍了使用原始JavaScript和HTML5 canvas开发游戏的情况。 克里斯·珀科(Chris Perko)在解释游戏开发基础知识的同时，展示了如何构建完整的破砖游戏。

The video covers the following topics:

该视频涵盖以下主题：

• Project Setup and Canvas
  项目设置和画布
• Drawing on the Canvas
  在画布上绘画
• Clearing the Canvas
  清除画布
• Creating the Player's Paddle
  创建玩家的球拍
• The Game Loop
  游戏循环
• Handling Keyboard Input
  处理键盘输入
• Moving the Paddle
  移动拨片
• Stopping the Paddle
  停止桨
• Drawing the Ball Image
  绘制球图像
• Moving the Ball
  移动球
• Refactoring to the Game Class
  重构游戏类
• Collision Detection between the Ball and Paddle
  球和桨之间的碰撞检测
• Loading Bricks
  装砖
• Building Levels
  建筑层
• Collision Detection with Bricks
  砖块碰撞检测
• Pause Screen
  暂停画面
• A Simple Start Menu
  简单的开始菜单
• Game Over
  游戏结束
• Completing Levels
  完成级别

You can watch the video on the the freeCodeCamp.org YouTube channel (76 minute watch).‌

您可以在freeCodeCamp.org YouTube频道上观看视频(观看时间为76分钟)。‌

翻译自: https://www.freecodecamp.org/news/intro-to-game-development-with-javascript/