首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >无法使用kaboomjs将精灵加载到replit之外

无法使用kaboomjs将精灵加载到replit之外
EN

Stack Overflow用户
提问于 2021-06-28 06:12:54
回答 3查看 657关注 0票数 1

在过去的几天里,我一直在做一个有趣的小游戏,使用的是kaboomjs库,当我在replit中编写和运行它时,它可以正常工作,但是如果我尝试在vs代码中使用live server来运行它,我会一直收到

代码语言:javascript
复制
   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

这是我正在使用的代码如何加载sprites的一个示例:

代码语言:javascript
复制
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文件的主体中调用

代码语言:javascript
复制
...
<body>
    <script src="https://kaboomjs.com/lib/0.5.0/kaboom.js"></script>
    <script src="game.js"></script>
  </body>
</html>

我仍在摸索JS,因此任何帮助或指导都将不胜感激!

EN

回答 3

Stack Overflow用户

发布于 2021-06-29 21:05:33

你能试着在你的雪碧图末尾加上扩展名(如.png)吗?

我正在使用带有vs代码的Wamp64,我将在今晚测试一下,看看它在没有扩展的情况下是否适用。

票数 1
EN

Stack Overflow用户

发布于 2021-09-03 17:42:31

直接打开index.html,实时服务器给了我错误

票数 1
EN

Stack Overflow用户

发布于 2021-10-17 08:57:45

代码语言:javascript
复制
<script src="https://unpkg.com/kaboom@2000.0.0-beta.24/dist/kaboom.js"></script>

在HEAD标签中使用此脚本。在精灵上使用.png文件。精灵发生了一些错误。但最简单的方法是打开REPLİT kaboom ligth版本并将其直接复制到您的VScode中。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/68155692

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档