kaboom.js失败负载映像

Question

我无法在kaboom.js .this中加载我的代码文件根D:\kaboom\src中的图像。这是我的图像文件根目录D:\kaboom\public\assets。

js码

import kaboom from 'kaboom';


kaboom({

  font: "sinko",

  background: [0, 0, 255,],
})

loadSprite("bean", "assets/ii.png");

// add a character to screen
add([
  // list of components
  sprite("bean"),
  pos(80, 40),
  area(),
]);

我是错的

Answer 1

你的index.html在哪里？

我使用React来构建这个游戏，并将这些公共文件与index.html连接起来。如下所示：

.
├── MarioGames
│   └── sprites
│       ├── Items.png
│       ├── Mario.json
│       ├── Mario.png
│       ├── OverWorld.json
│       ├── OverWorld.png
│       ├── bigMushy.png
│       ├── brick.png
│       ├── castle.png
│       ├── cloud.png
│       ├── coin.png
│       ├── emptyBox.png
│       ├── enemies.json
│       ├── enemies.png
│       ├── ground.png
│       ├── hill.png
│       ├── pipe.png
│       ├── pipeBottom.png
│       ├── pipeTop.png
│       ├── questionBox.png
│       └── shrubbery.png
├── favicon.ico
├── index.html
├── logo192.png
├── logo512.png
├── manifest.json
└── robots.txt

这是我的解决方案。

    kaboom({
  background: [134, 135, 247],
  width: 320,
  height: 240,
  scale: 2,
  canvas: this.refs.canvas as any,
})

loadRoot('./MarioGames/sprites/')
loadAseprite('mario', 'Mario.png', 'Mario.json')
loadAseprite('enemies', 'enemies.png', 'enemies.json')