I'm having this problem which my scene images doesn't appear even though I already put it in img\scenes directory and define it. I don't know where the problem is so I will upload all. I'm still in the process of getting to know Monogatari so there weren't much.

`"use strict";

/* exported messages */
/* exported notifications */
/* exported particles */
/* exported music */
/* exported voice */
/* exported sound */
/* exported videos */
/* exported images */
/* exported scenes */
/* exported characters */
/* exported script */

/* global storage */

// Define the messages used in the game.
let messages = {
	"Help": {
		"Title": "Help",
		"Subtitle": "Some useful Links",
		"Message": "<p><a href='https://monogatari.io/documentation/'>Documentation</a> - Everything you need to know.</p><p><a href='https://monogatari.io/demo/'>Demo</a> - A simple Demo.</p>"
	}
};

// Define the notifications used in the game
let notifications = {
	"Welcome": {
		title: "Welcome",
		body: "This is the Monogatari VN Engine",
		icon: ""
	}
};

// Define the Particles JS Configurations used in the game
let particles = {

};

// Define the music used in the game.
const music = {
	"bgm_tension_low_tomid_sawarineko": "bgm_tension_low_tomid_sawarineko.mp3"
};

// Define the voice files used in the game.
const voice = {

};

// Define the sounds used in the game.
const sound = {

};

// Define the videos used in the game.
const videos = {

};

// Define the images used in the game.
const images = {

};

// Define the backgrounds for each scene.
const scenes = {
	"shigamo whole": "shigamo whole view.png",
	"abandoned building night": "bg abandoned building night.png",
};

// Define the Characters
const characters = {
	"h": {
		"Name": "Hikaru",
		"Color": "#5bcaff"
	}
};

let script = {
	// The game starts here.
	"Start": [
		"notify Welcome",
		{
			"Input": {
				"Text": "What is your name?",
				"Validation": function (input) {
					return input.trim().length > 0;
				},
				"Save": function (input) {
					storage.player.Name = input;
					return true;
				},
				"Warning": "You must enter a name!"
			}
		},
		"play music bgm_tension_low_tomid_sawarineko",
		"scene shigamo whole",
        "Shigamo High School, a school with a long and prestigious history.",
        "end"


	],


};`

Kashahime Neither your image file names aor keys should contain any spaces.

You can rename your files and declarations using a _ just like you did with your music files instead:

const scenes = {
	"shigamo_whole": "shigamo_whole_view.png",
	"abandoned_building_night": "bg_abandoned building_night.png",
};

Kashahime don't forget to make your post as "solved"by renaming it as "[Solved] Background image doesn't show" 😉

It's an easier way to see what posts still needs help

remeranAuthor changed the title to [Solved] Background image doesn't show.
    Write a Reply...