Really weird image problem

[Gear]

Okay, so I'm attaching three images. The first two are the ground and hover images I used for my imagemap in game, both PSDs. The third is a screenshot of the imagemap in-game. You can see that it's suddenly become semitransparent, and turned red from blue. The first imagemap I made for this purpose didn't have this problem, nor does the one I use for the main menu. Can anyone explain this?

Ground:

Ground image for the imagemap.

Hover:

Hover image for the imagemap.

In-Game Result:

The result.

[marigoldsofthenight]

I...might actually have an answer for this.

It looks like your bottom layer in Photoshop for your ground and hover was just transparency. Most Photoshop programs default the checkered pattern to just a basic black. Consider going back into Photoshop and throwing a black solid as the bottom layer on those images.

[Gear]

That's what I initially thought too, but no dice. The background was 100% opaque, and throwing in a black sheet behind it didn't have any effect.

[Alex]

... try to add "ground" image too...
http://www.renpy.org/doc/html/screens.h ... statements

[Gear]

No, the ground image is there in the coding already...

Code: Select all

screen example_imagemap:
        imagemap:
            ground "scr/pground.jpg"
            hover "scr/phover.jpg"

            hotspot (485,280,174,319) clicked Return("gage")
            hotspot (672,272,127,327) clicked Return("raven")
            hotspot (295,239,184,360) clicked Return("xander")
            hotspot (158,235,131,364) clicked Return("grayson")
            hotspot (0,275,142,324) clicked Return("ethan")
        
label example:
    
    call screen example_imagemap
    
    $ result = _return
    
    if result == "gage":
        jump gage_start
    elif result == "raven":
        jump raven_start
    elif result == "xander":
        jump xander_start
    elif result == "grayson":
        jump grayson_start
    elif result == "ethan":
        jump ethan_start

[Alex]

Well, ok, but where is the "idle" image then?

[Gear]

Idle image? @_@

I made an imagemap for this exact part of the game without problems the first time, all I did was change the two images I used and moved the coordinates to match.

[clannadman]

You should set your blue/black background as the ground image and the silhouetted characters as your idle image:

Code: Select all

screen example_imagemap:
        imagemap:
            ground "scr/pground.jpg"
            idle "scr/pidle.jpg"
            hover "scr/phover.jpg"

            hotspot (485,280,174,319) clicked Return("gage")
            hotspot (672,272,127,327) clicked Return("raven")
            hotspot (295,239,184,360) clicked Return("xander")
            hotspot (158,235,131,364) clicked Return("grayson")
            hotspot (0,275,142,324) clicked Return("ethan")
        
label example:
    
    call screen example_imagemap
    
    $ result = _return
    
    if result == "gage":
        jump gage_start
    elif result == "raven":
        jump raven_start
    elif result == "xander":
        jump xander_start
    elif result == "grayson":
        jump grayson_start
    elif result == "ethan":
        jump ethan_start

[Gear]

That didn't work, either. It just put white boxes around the characters, and that's about it.

[Gear]

This is odd: when I use the developer's tools to view the image in the image location picker, the background is depicted as red, and all the other colors are warped from their originals. When I view the image in Photoshop or any other image viewer, it appears normal.

In the image location picker

[Alex]

The problem was in your images.
I've changed the color model from CMYK to RGB in Photoshop. That let me to save images in ".png" format. And this ".png" images are work fine.

[Gear]

Holy flying cow, that worked. I would have never figured that out on my own.

Thanks. Again. Again. Damn, how many times are you going to help me?