网页游戏Flappy Birds从0开始制作（六）：场景LoadSource类

原创于 2018-05-12 16:01:19 发布 · 244 阅读

0 ·

CC 4.0 BY-SA版权

web小游戏同时被 2 个专栏收录

8 篇文章

订阅专栏

Flappy bird web小游戏

8 篇文章

订阅专栏

本文介绍了一种用于游戏资源加载的方法，通过定义一个专门的类来实现资源的批量加载，并利用回调函数确保所有资源加载完成后执行特定操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

为了使脉络更清晰，资源的获取我也专门生命了一个类：具体代码如下所示：

function load(source,callback){
	var imgs={};
	var imgCount=source.length;
	for(var i=0;i<imgCount;i++){
		var name=source[i].name;
		var newImg=new Image();
		newImg.src=source[i].src;
		imgs[name]=newImg;
		imgs[name].addEventListener('load',function(){
			imgCount--;
			if(imgCount==0){
				callback(imgs);
			}
		})
	}
}

该方法首先声明了一个空对象，然后通过传入的形参数组为该对象一一添加元素，当资源加载完毕就执行会回调函数callback。

具体用法见下一章节:在Canvas加入各个游戏元素。