离屏页面

 

  离屏页面——在游戏开发的过程中,我们不可以直接在屏幕上进行绘制,因为,这样的操作结果就会让我们看到前一次绘制所留下的旧图像,从而让画面产生混乱与闪烁的情况。

  为了避免这种情况产生,我们需要创建一个离屏页面,然后,每一次显示图像之前,先在离屏页面中将图像绘制好,接着,再将主页面中前一次的图像清除,然后,再将离屏页面中的图像绘制到主页面中。

 

   而离屏页面的创建方式与上一章学习时所使用的代码是一样的,都是使用wx.createCanvas(),而第一次调用该函数所创建的是主屏,而其后再调用该函数所创建的都是离屏。

   通俗来说,第一次调用wx.createCanvas()所创建的就是主画架,然后,在主画架上就可以创建主页面(主画纸)。而第二次调用wx.createCanvas()所创建的就是离屏画架,而在离屏画架上创建的页面就是离屏页面(离屏画纸)

 

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

 

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

 

 

进入游戏学习与训练

 

 

 

 

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

 

Please use a browser that supports "canvas"