图片移动

 

  图片移动——在游戏进行的过程,我们所看到的图形图像移动,都是因为图片在屏幕中的显示位置发生了连续的改变所产生出来,所以,在小游戏开发的过程中,我们就需要掌握如何通过程序对图片进行移动的处理。

 

  而图片的移动我们就需要按顺序完成以下的工作:

  (1)为图片对像设定X与Y的变量作为移动的坐标

  (2)每次移动前先改变X或Y变量中的值到目标位置

  (3)把离屏页面中的图片按照X与Y变量所描述的位置绘制到主页面中

 

   通过以上的步骤就可以成功对图片进行移动操作。

 

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

 

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

 

进入游戏学习与训练

 

 

 

 

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

 

Please use a browser that supports "canvas"