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/

JavaScript游戏开发简介相关推荐

JavaScript游戏开发（3）（笔记）
文章目录七.支持移动设备的横向卷轴游戏准备 7.1 角色的简单移动 7.2 背景 7.3 加入敌人与帧数控制 7.4 碰撞.计分.重新开始 7.5 手机格式 7.6 全屏模式 7.7 存在的问题 ...
CocosCreator + JavaScript游戏开发
搓搓小手,开始激动的开发小游戏. 会js就行,别的随缘学习. JS入门就跳过了. 一. CocosCreator 入门时长占比最大的手机游戏端引擎. Cocos引擎_游戏开发引擎文档 Introd ...
UE4独立游戏开发简介
原文链接大家好,我叫人宅,是一枚野生的程序猿,一直寻求和研究用最正确最高效的姿势来设计游戏和开发游戏,让游戏开发变得简单. 好吧,还是进入正题,我们详细聊一下关于游戏开发,这才是我们应该聊聊的话题. ...
[JavaScript游戏开发] 绘制冰宫宝藏地图、人物鼠标点击移动、障碍检测
系列文章目录第一章 2D二维地图绘制.人物移动.障碍检测第二章跟随人物二维动态地图绘制.自动寻径.小地图显示(人物红点显示) 第三章绘制冰宫宝藏地图.人物鼠标点击移动.障碍检测第四章绘制Q ...
用于游戏开发的 8 大 JavaScript 引擎
JavaScript 对于游戏开发初学者来说是一门优秀的语言,并且有很多框架可以帮助你. 开发游戏无疑是一项艰苦的工作,但您可以使用正确的工具来减轻痛苦. 值得庆幸的是,与其他引擎相比,JavaScr ...
HTML5游戏开发进阶指南（亚马逊5星畅销书，教你用HTML5和JavaScript构建游戏！）
HTML5游戏开发进阶指南(亚马逊5星畅销书,教你用HTML5和JavaScript构建游戏!) [印]香卡(Shankar,A.R.) 著谢光磊译 ISBN 978-7-121-21226-0 ...
3D Math Primer for Graphics and Game Development -- 图形与游戏开发（3D数学基础） (简介)...
3D Math Primer for Graphics and Game Development //z 2014-04-28 13:18:20 L.247'38500 BG57IV3@XCL T20 ...
《XNA游戏开发》简介
一.XNA简介 XNA是基于DirectX的游戏开发环境. 以C# 为开发语言以 .NET Framework 为基础.并加入游戏应用所需之函式库所构成的 XNA Framework 可开发XNA ...
25 个超棒的 HTML5 JavaScript 游戏引擎开发库
就像在汽车中,引擎完成主要的工作,使汽车看起来不可思议.游戏引擎同理,游戏开发者完成细节的工作,使游戏看起来真实.吸引人眼球.游戏引擎负责其余的事情.早期,游戏开发者通常从草图做起,花费高昂,且不容易 ...

JavaScript游戏开发简介

JavaScript游戏开发简介相关推荐

最新文章

热门文章