Impact 主题（三）：使用资源

图像和声音文件所在路径 加载图像或声音文件时，这个文件的路径总是相对于游戏运行的 .html 文件的。换句话说，你的 .js 文件的位置是无关紧要的。 这样，让我们假设有以下的目录结构，你的 game.js 由 game.html 加载：Kilofox.Net /mygame/game.html /mygame/lib/game.js /mygame/media/some-image.png /mygame/media/some-sound.ogg /mygame/media/some-sound.mp3 复制代码 现在，您想要在 game.js 文件中加载 some-image.png，需要像下面这样做：Kilofox.Net // 文件 game.html 位于 /mygame/，这就意味着所有的资源引用都是相对于 /mygame/ 的 var someImage = new ig.Image( 'media/some-image.png' ); // 声音也完全一样 var someSound = new ig.Sound( 'media/some-sound.*' ); // AnimationSheets 也是 var someAnimSheet = new ig.AnimationSheet( 'media/some-image.png', 8, 8 ); 复制代码 路径 “media/some-sound.*“ 实际上是有效的。Impact 将根据浏览器的能力来加载相应的声音文件（MP3 或 Ogg 格式）。见 ig.Sound。 使用预加载器 你的游戏所需要的所有声音和图像文件，都应该通过”预加载器“来载入，以便在需要时使它们真正可用。Kilofox.Net 在一个尚未加载的图像上调用 draw() 方法，它不会做任何事情。试图播放一个尚未加载的声音文件，会导致严重的滞后。 在加载期间创建的所有 ig.Image、ig.Font、ig.AnimationSheet 和 ig.Sound 实例都将被追加到 Preloader 的资源链。只有在运行时创建的图像和声音，才不会由 Preloader 载入。 MyGame = ig.Game.extend({     // 这个图像将由 preloader 载入。脚本一执行，它就被创建了。     titleImage: new ig.Image( 'media/title.png' ),          init: function() {         // 这个图像文件不是由 preloader 载入的。         // init() 方法仅在 preloader 完成后，游戏开始时调用。         this.backgroundImage = new ig.Image( 'media/background.png' );     } }); 复制代码 缓存 所有资源均自动缓存。不管多长时间需要它们，它们只加载一次。例如，如果两个实体共享同一个 AnimationSheet 图像，它不会被加载两次。因此，这是完全有效的：Kilofox.Net EntityPlayer = ig.Entity.extend({     animSheet: new ig.AnimationSheet( 'media/player.png', 16, 16 )     … }); EntityPlayerGibs = ig.Entity.extend({     // 玩家 gibs 使用相同的图像文件     animSheet: new ig.AnimationSheet( 'media/player.png', 8, 8 )     … }); 复制代码 您也可以用这个办法来确保背景音乐由 Preloader 加载。在加载时，你不能使用 ig.music.add() ，但是你可以使用已经加载的 ig.Sound 的实例的声音文件。Kilofox.Net MyGame = ig.Game.extend({     // 确保音乐由 preloader 加载。     // 传递 'false' 作为第二个参数，以防止这个声音为多声道。     bgtune: new ig.Sound( 'media/background-tune.*', false ),          init: function() {         // 现在把文件添加到播放列表         ig.music.add( this.bgtune );                  // 您也可以再次指定路径：         // ig.music.add( 'media/background-tune.*' );                  // 准备播放！         ig.music.play();     } }); 复制代码