时间戳

首页 > 解决方案 > 无法使用kaboomjs在replit之外加载精灵

javascript - 无法使用kaboomjs在replit之外加载精灵

问题描述

在过去的几天里，我一直在使用 kaboomjs 库开发一个有趣的小游戏，当我从 replit 编写和运行它时它按预期工作，但是如果我尝试在 vs 代码中使用实时服务器运行它，我会不断得到

   failed to load ~/Desktop/Javascript/kaboom/sprites/baddie.kbmsprite
   Bt@https://kaboomjs.com/lib/0.5.0/kaboom.js:56:3338
   @http://127.0.0.1:5500/game.js:12:18
   J@https://kaboomjs.com/lib/0.5.0/kaboom.js:55:14756
   je/<@https://kaboomjs.com/lib/0.5.0/kaboom.js:56:396
   H/O<@https://kaboomjs.com/lib/0.5.0/kaboom.js:55:3425

这是我正在使用的代码如何加载精灵的示例：

kaboom({
  global: true,
  fullscreen: true,
  scale: 1,
  debug: true,
  clearColor: [0, 0, 0, 0.75],
});
loadRoot("~/Desktop/Javascript/kaboom/sprites/");
loadSprite("baddie", "baddie.kbmsprite");

scene("main", () => {
  const b = add([sprite("baddie"), pos(80,80)]);
});

start("main", 0);

它只是在 HTML 文件的正文中调用

...
<body>
    <script src="https://kaboomjs.com/lib/0.5.0/kaboom.js"></script>
    <script src="game.js"></script>
  </body>
</html>

我仍在研究 JS，因此将不胜感激任何帮助或指导！

标签： javascripthtmlgame-developmentkaboom

解决方案

你可以尝试在你的精灵末尾添加扩展名（即.png）吗？

我正在使用带有 vs 代码的 Wamp64，今晚我将测试它是否适用于我没有扩展名。

推荐阅读