离屏页面的作用

 

   在2D游戏开发中,我们并不是把图形图像直接绘接到(窗口)中,而我们是首先把(图形图像)

  绘制在(离屏页面)中,然后,再把(离屏页面)中的全部内容,绘制到对应的(窗口)中。

 

   而这样做的原因是,游戏中的画面是由多个不同的(图形图像)通过先后的绘制顺序所组成的,

  例如,前面学习中,我们绘制了(背景图片与飞机图片),同时,是先绘制背景,然后,再绘制飞机,

  而这样的一个过程,玩家并不希望看到,所以,我们就需要使用(离屏页面)来存放这个绘制的过程,

  当绘制完毕以后,再把(离屏页面)中的内容,一次显示到(窗口)中,这样,玩家看到的是一个游戏

  的场景与飞机的画面。

 

   大家可以通过(下方场景)中的(绘画背景到缓冲区)按钮,把背景图绘制到(离屏页面)中,

  这时,就可以看到(左方)出现了背景图,而左方的区域是我们(模拟出来)的一个(离屏页面),

  在实际中,大家是看不到的,同时,(右方)的区域就代表着(窗口),在开始时它什么内容都没有,

  所以,是黑色的。

 

   然后,点击(绘画飞机到缓冲区)按钮,这时,(左方)的离屏页面区域就会出现飞机。

   当我们把所有的内容都绘制到(离屏页面)后,就可以点击(缓冲区内容到窗口)按钮,

   这时,(右方)的窗口中就会同时出现(背景与飞机)。

 

   以上的操作过程,就把(离屏页面)中的绘制,到(窗口)的显示过程,通过下方场景模拟了出来。

   大家可以通过(清除缓冲区)按钮把(离异页面)中的内容清除掉,

   然后,再试试(先绘制飞机)再(绘制背景),看看会出现什么情况?

 

下载代码学习与训练

 

 

 

 

 

(可在手机上查看)

 

Please use a browser that supports "canvas"
Please use a browser that supports "canvas"