当前位置:嗨网首页>书籍在线阅读

04-预下载图像

  
选择背景色: 黄橙 洋红 淡粉 水蓝 草绿 白色 选择字体: 宋体 黑体 微软雅黑 楷体 选择字体大小: 恢复默认

4.2.1 预下载图像

在代码中可以调用图像之前,必须确认其已正确加载并且准备就绪。为此,需要创建一个事件监听器,在图像的load事件触发时立即启动。

spaceShip.addEventListener('load', eventSheetLoaded , false);

当图像加载完成后,eventSheetLoaded()函数启动。如同前几章那样,在这个函数中调用drawScreen()函数。

function eventSheetLoaded(){
  drawScreen();
}

提示

在练习中不会为每一个加载的图像都创建一个不同的事件监听器函数。这段示例代码只能用于一幅图像的应用程序。第9章将建立一个多图像(及声音)文件的游戏。这个游戏只用一个监听器函数处理所有加载的资源。