Flashlight effect?

[GlassHeart]

This is what I want :


Basically you have a black background and you use the cursor as a flashlight. The area around the cursor's location will be "lit up" revealing an image. Any ideas if this is even possible?

[kkffoo]

Have a black layer on top larger than bottom layer, cut feathered hole, move black layer around?

[GlassHeart]

That's not a bad idea... I have no idea how I would move it around to follow the cursor, but it's a place to start. Thank you!

[TrickWithAKnife]

Well, it is possible to change the mouse pointer to another image, but it has some problems.
Either it will only change for a very short period, then revert back to the original mouse pointer, or it will stay on your custom pointer permanently. I presume neither of those would be suitable for what you need.

As for getting an image to follow the mouse pointer, I'm fairly sure it's impossible.

[PyTom]

You can get an image to follow the mouse cursor, but you need a CDD to do it. You'd also want to use the AlphaBlend displayable to do the flashlight effect - there's an example of it in the tutorial.

[TrickWithAKnife]

CDD is really complicated for non-programmers.

I messed around with the code for a snowblossom demo that was somewhere in the wiki (sorry, couldn't find it again to link).
There was some code for a repulsor, so I messed around with that, and eventually managed to get an image to follow the mouse cursor.

Anyway, if you still need it, here is the code. As I said, I just modified code from the wiki, so there are probably much better ways to do it. Also, it could look a bit weird if the player goes fullscreen.

script.rpy:

Code: Select all

image bg creepyroom = "Background.jpg"
        
label start:
    scene black

    "Where is that light switch...?"
    scene bg creepyroom
    call repulsor_demo
    "That was really creepy! I'm glad it's over!"
    return

whateveryouwanttocallit.rpy:

Code: Select all

init python:
    import math

    def repulsor_update(st):

        # If we don't know where the mouse is, give up.
        if repulsor_pos is None:
            return .01

        px, py = repulsor_pos

        # For each sprite...
        for i in repulsor_sprites:

            distance = 0.5 # Shouldn't really matter, as the image will jump to the mousepointer.
            i.x = px - (config.screen_width * 1.25) # Half the size of the "flashlight" image
            i.y = py - (config.screen_height * 1.25) # Half the size of the "flashlight" image
            # The flashlight image is basically 2.5 times the width and height of the game window. (800x600)
            #It could look a bit odd if the player switches to fullscreen.

        return .01

    # On an event, record the mouse position.
    def repulsor_event(ev, x, y, st):
        store.repulsor_pos = (x, y)


label repulsor_demo:

    python:
        # Create a sprite manager.
        repulsor = SpriteManager(update=repulsor_update, event=repulsor_event)
        repulsor_sprites = [ ]
        repulsor_pos = None

        # Ensure we only have one image displayable.
        smile = Image("Flashlight2.png") #Flashlight

        # Add a number of sprites. Left this in, as there may be uses to have more than one sprite. And I'm lazy.
        for i in range(1):
            repulsor_sprites.append(repulsor.create(smile))

        # Position the sprites.
        for i in repulsor_sprites:
            i.x = renpy.random.randint(2, 798)
            i.y = renpy.random.randint(2, 598)

        del smile
        del i

    # Add the repulsor to the screen.
    show expression repulsor as repulsor

    " " #To wait for a mouse click.

    hide repulsor

    # Clean up.
    python:
        del repulsor
        del repulsor_sprites
        del repulsor_pos
        
    return

This is set up for a window size of 800x600. It's fairly easy to adjust for other sizes.
There are 2 extra files I used: http://i49.tinypic.com/309585j.png and http://i47.tinypic.com/2h5pld5.jpg

That's it. Perhaps it will be of use to you or someone else, or perhaps someone will be able to make improvements to it.

[GlassHeart]

TrickWithAKnife, that was perfect. I've coupled it with a $ mouse_visible = False and it looks even better. Thank you soooo much!

[Levrex]

Code: Select all

init python:
    import math

    def repulsor_update(st):

        # If we don't know where the mouse is, give up.
        if repulsor_pos is None:
            return .01

        px, py = repulsor_pos

    # On an event, record the mouse position.
    def repulsor_event(ev, x, y, st):
        store.repulsor_pos = (x, y)

That's it. Perhaps it will be of use to you or someone else, or perhaps someone will be able to make improvements to it.

That's pretty much wonderful.
If i'm not mistaken, with changes in the code above this could be combined with mousearea, so when the "light" hovers over something, a certain action ensues?

It would be a real light in the darkness for horror visual novels... maybe.

[junna]

Code: Select all

init python:
    import math

    def repulsor_update(st):

        # If we don't know where the mouse is, give up.
        if repulsor_pos is None:
            return .01

        px, py = repulsor_pos

    # On an event, record the mouse position.
    def repulsor_event(ev, x, y, st):
        store.repulsor_pos = (x, y)

That's it. Perhaps it will be of use to you or someone else, or perhaps someone will be able to make improvements to it.

That's pretty much wonderful.
If i'm not mistaken, with changes in the code above this could be combined with mousearea, so when the "light" hovers over something, a certain action ensues?

It would be a real light in the darkness for horror visual novels... maybe.

or those CSI style glow-in-the dark luminol things.

[TrickWithAKnife]

TrickWithAKnife, that was perfect. I've coupled it with a $ mouse_visible = False and it looks even better. Thank you soooo much!

Ahh, I didn't think of that, but it's very useful for something I'm working on. Thanks.

If i'm not mistaken, with changes in the code above this could be combined with mousearea, so when the "light" hovers over something, a certain action ensues?

I'd love to have something like that. Right now I'm trying to figure out how to get the image that is following the mouse to stay on screen when using imagemaps.

[Arowana]

What a cool idea! Thanks so much for the code, TrickWithAKnife! I'm definitely bookmarking it for future use. xD

[TrickWithAKnife]

Everyone is being very kind, but this code is far from complete.
I'm having trouble with other interactions while the image that follows the mouse cursor is being shown.

I hope if someone someone else figures out how to improve this code, they will share with the rest of us, or perhaps make a simply explained cookbook guide.

[Levrex]

Answering my own question about "something" and "certain action"...

Well, while trying to implement "hovered" and "unhovered" into the function itself, i quickly realised that it's a lot easier to stop trying to reinvent the wheel and add mousearea screen in the label directly, like you would do normally.

Example screen:

Code: Select all

screen mouser:
    mousearea:
        area (0, 0, 50, 50)
        hovered Jump("boom")

[Hellboy]

This is very cool, but what could be causing the CTC and quick menu to show in the screen while I move the flashlight. Is there a way to hide them while the user moves the flashlight around?

[Alex]

Try to add this line

Code: Select all

window hide

to hide textbox with ctc-indicator and quick menu - later you could show it up again by this line

Code: Select all

window show