Hello, hit another roadblock.
I did most of the artistic legwork thinking coding should be simple, but it’s proving a lot harder than anticipated.
I have a modular map, consisting of a fully solid “aged paper” .png and many transparent background “room” .pngs. They are all the same size, so when layering all the rooms ontop each other, you fill out your map. So I was hoping, when a player visits a passage, the game runs a history check, and then displays that room on your map, giving the illusion of exploration.
I tried to look up solutions for layering images but none seem to work, this code was the closest solution I could find, but it tends to jumble the images up and the solid-colored background image always vanishes for some reason.
img style=“z-index: -1;” src="image-of-a-forest’ " />
img style=“z-index: 1; position: absolute; left: 50px; top: 50px;” src=“image-of-characterA” />
img style=“z-index: 1; position: absolute; left: 200px; top: 50px;” src=“image-of-characterB” />
(< removed because it was reeking havoc with blockquote)
Anyone know why that might be happening? Or how to solve this issue?
Twine Version: 2.3.14
Story Format: Harlowe 3.2.2.
Edit: I’ve been reading up on CSS, but it’s another level of complexity for someone starting off, and this code makes less “sense” for a newbie than harlowes boiled down code.