Logo
Section 1 / 15

游戏开发

让我们使用 canvas 元素来实现动画以及一个简单的游戏。作为游戏的一部分,你将构建一个小型的、基于 RxJS 的框架。

导入

游戏开发

让我们使用 canvas 元素来实现动画以及一个简单的游戏。作为游戏的一部分,你将构建一个小型的、基于 RxJS 的框架。

在开始之前,先来看看几个重要问题:

  • 我为什么要读这部分内容?
    到目前为止,你已经掌握了大量关于 Rx 在各种场景下的应用,何不趁机轻松一下,享受学习的乐趣?

  • 我将学到什么?
    如何基于 Rx 构建一个太空飞船游戏。

  • 我将能做什么以前做不到的事?
    用你出色的编程能力制作出令人惊叹的游戏,让朋友大为赞叹。

  • 接下来我们要去往哪里,这又如何与整体学习路径衔接?
    学完本章后,你将骑上一辆由 Rx 驱动的骏马,迎着夕阳出发,准备好迎接前端世界中的任何挑战。

HTML5 Canvas 游戏

前端开发不必总是重复单调的表单页面。适时地跳出日常,挑战自我,尤其是还能在过程中掌握新技巧,这非常值得。

在本章中,你将脱离传统的 Web 应用开发模式,转而使用 HTML5 定义的 <canvas> API 来打造一款游戏。

在此过程中,你将学习新的 Rx 技术,以应对游戏中频繁的状态变化。游戏通常包含多个移动对象,你还将了解如何利用 Rx 实现各种动画效果。

此外,你还将超越库本身提供的功能,自行创建自定义操作符。无论你是经验丰富的游戏开发者,还是完全的新手,都能从本章中学到新知识。

创建可观察对象

创建你自己的操作符