背景图显示

 

  背景图显示——在游戏进行的过程,我们会看到整个游戏是发生在一个场景中,而在2D游戏里面,这个场景通常会使用一个背景图来表现,所以,我们就需要去掌握如何在显示其它的图形图像的基础上,再去显示背景图。

 

  另外,背景图除了可以作为一个2D游戏的场景以外,它还有一个很重要的功能,就是可以帮助我们去覆盖主页面中前一次绘制的所有图形图像。

 

  而要完成背景图的显示我们就需要按顺序完成以下的工作:

  (1)创建背景图对象,用于存放读取到的图片信息

  (2)指定读取图片的路径

  (3)当图片成功读取以后,将其绘制到离屏页面中

  (4)把离屏页面中的背景图绘制到主页面中

  (5)背景图要在其它图形图像绘画之前首先绘制(注意)

 

   通过以上的步骤就可以成功显示背景图。

 

   当我们了解完这些理论知识以后,就可以进入到游戏中,然后,立即通过动手实践把相关的代码实现出来,并显示一张背景图以及左右移动的飞机图片。

 

(通过游戏模式学习与训练,需要在电脑上运行)

 

进入游戏学习与训练

 

 

 

 

本章学习后的代码运行效果如下:(可在手机上查看)

 

Please use a browser that supports "canvas"