Spritesheets file structure?

Jiruu

Hi, I'm trying to add more sprite sheets to my project and things did not go well. Does anyone know what I did wrong?
Here's my file structure

main
- spritesheets
  - characters
    - hero.png
    - characters.ts
  - chest
    - chest.png
    - chest.ts

rpg.toml

name = 'My Game'

spritesheetDirectories = [
    './main/spritesheets/characters',
    './main/spritesheets/chest'
]

modules = [
    './main',
    '@rpgjs/mobile-gui',
    '@rpgjs/default-gui',
    '@rpgjs/gamepad'
]

[start]
    map = 'Forest'
    graphic = 'hero'
    hitbox = [16, 16]

Gave me this Error in terminal

⚠️  Warning - In rpg.toml, you put the following properties, but they are not used by the modules. Check the names of the properties.
  - spritesheetDirectories

And this error in browser's Console
SyntaxError: ambiguous indirect export: default

Thanks for helping!

Samarium

Hello and welcome to the forum,

You don't need to put spritesheetDirectories, as this folder is already recognized by the RPGJS compiler.

Also, check that Typescript files has a export default ....

Example:

https://docs.rpgjs.dev/guide/create-sprite.html
Last line: export default class Characters {}

Jiruu

Samarium
Thanks for answering my question!
I still cannot see the graphic tho
Here's my code
chest.png is a 1 frame 48x48 image
chest.ts

import { Spritesheet, Presets } from '@rpgjs/client'

const { RMSpritesheet } = Presets

@Spritesheet({
    ...RMSpritesheet(1, 1)
})
export default class Chest { }

RewardEvent.ts

import { RpgEvent, EventData, RpgPlayer } from '@rpgjs/server'

@EventData({
    name: 'EV-Reward',
    hitbox: {
        width: 48,
        height: 48
    }
})
export default class RewardEvent extends RpgEvent {
    onInit() {
        this.setGraphic('chest');
    }
    async onAction(player: RpgPlayer) {
    }
}

The hitbox of the event is there but no graphic is shown

dominx99

If I recall correctly if you have different formats of images per folders then you should configure it as you did using spritesheetDirectories

But I think you had a mistake in configuration, try the same without './main' at the start because it starts searching from module path, so eg. 'spritesheets/chest'

Jiruu

dominx99

But I think you had a mistake in configuration, try the same without './main' at the start because it starts searching from module path, so eg. 'spritesheets/chest'

I removed the spritesheetDirectories as @Samarium mentioned in the previous comment, so I don't think I have to worry about the configuration

If I recall correctly if you have different formats of images per folders then you should configure it as you did using spritesheetDirectories

Can you give me some examples?

RPGJS_Bot

Hello,

The problem has been solved on the latest version (). You can update RPGJS