Need Help...display an image when you press a button

[malfacine]

Make a show image press a key
example press "H" show a image with instructions

Somebody helppp....

[raygun]

Here you go:

- Save the code set out below as the file "PopUp.nut" in your attract mode /plugins directory.  Change "image.png" to whatever the filename of your image is.
- In Attract-Mode's plugin configuration enable the PopUp plugin.  In the controls configuration, map the "custom1" control to whatever you want to trigger the image.

Pushing the key should now flip the selected image on and off...

Code: [Select]

class PopUpImage
{
        _my_image=null;

        constructor()
        {
                _my_image = fe.add_image( "image.png", 0, 0 );
                _my_image.visible=false;
                fe.add_signal_handler( this, "on_signal" )
        }

        function on_signal( signal )
        {
                if ( signal == "custom1" )
                {
                        _my_image.visible=!_my_image.visible;
                        return true;
                }
                return false;
        }
}

local blah = PopUpImage();


[malfacine]

Oh man thanks.... 

[xbs]

Very useful, maybe someone could make a script with options for image path and button.
I tried but couldn't make it work.

[liquid8d]

Here's a plugin version with a few changes... copy the code into plugins/PopupImage.nut

* I changed it to use get_input_state so you can use more than just a specific signal
* Added option to Hold key (default is toggle)
* Make sure to specify the full path to the image, otherwise it will look in the plugins folder

Code: [Select]

class UserConfig </ help="This plugin will show a popup image when the specified key is pressed." /> {
</ label="Image", help="The full path to the image that will be displayed", order=1 />
image="";
</ label="Key", help="The key that will display the image", is_input="yes", order=2 />
key="";
</ label="Hold Key", help="If enabled, you must hold the key down", options="Yes,No", order=3 />
hold="No";
};

class PopUpImage
{
        _image = null;
_key = null;
_hold = false;
_showing = false;
_key_delay = 250;
_last_check = 0;

        constructor()
        {
local config = fe.get_config();
_image = fe.add_image( config["image"], 0, 0, fe.layout.width, fe.layout.height );
_image.visible=false;
_image.preserve_aspect_ratio = true;
_key = config["key"];
_hold = config["hold"];
fe.add_ticks_callback( this, "on_tick" );
        }

function on_tick( ttime )
{
local is_down = fe.get_input_state( _key );
if ( _hold == "Yes" )
{
_image.visible = is_down;
_showing = is_down;
} else
{
if ( is_down )
{
if ( ttime - _last_check > _key_delay )
{
_last_check = ttime;
_image.visible = !_showing;
_showing = !_showing;
}
}
}
}
}

fe.plugin[ "PopUpImage" ] <- PopUpImage();

Let me know if you find any issues, then I will add this to my github...

[verion]

This is great!

And that addition with "hold-key-to-display" is very user friendly, especially for real cabinet use - this way people not familiar with cabinet won't "lock" themselves in help screen.

Can I display another artwork or text - or it is limited to one image?

[xbs]

Here's a plugin version with a few changes... copy the code into plugins/PopupImage.nut

* I changed it to use get_input_state so you can use more than just a specific signal
* Added option to Hold key (default is toggle)
* Make sure to specify the full path to the image, otherwise it will look in the plugins folder

Let me know if you find any issues, then I will add this to my github...

Thank you so much! 

[raygun]

This is great!

And that addition with "hold-key-to-display" is very user friendly, especially for real cabinet use - this way people not familiar with cabinet won't "lock" themselves in help screen.

Can I display another artwork or text - or it is limited to one image?

if you hack the "fe.add_image()" to "fe.add_artwork()" in the constructor  then I would think this will work for artworks instead of images... you would just have to specify the artwork label you want ("snap", "cpanel"...) in the configuration instead of the "Image"...

[liquid8d]

Here's an updated version.. now just set Is Artwork to Yes and you can use snap, marquee, wheel, etc as the image:

Code: [Select]

class UserConfig </ help="This plugin will show a popup image when the specified button is pressed." /> {
</ label="Image", help="The full path to the image that will be displayed", order=1 />
image="";
</ label="Is Artwork" help="If enabled, the image is the selected artwork type", options="Yes,No" order=2 />
is_art=false;
</ label="Key", help="The key that will display the image", is_input="yes", order=3 />
key="";
</ label="Hold Key", help="If enabled, you must hold the key down", options="Yes,No", order=4 />
hold="No";
};

class PopUpImage
{
        _image = null;
_key = null;
_hold = false;
_showing = false;
_key_delay = 250;
_last_check = 0;
_is_art = false;

        constructor()
        {
local config = fe.get_config();
_is_art = config["is_art"];
_image = ( _is_art ) ? fe.add_artwork( config["image"], 0, 0, fe.layout.width, fe.layout.height ) : fe.add_image( config["image"], 0, 0, fe.layout.width, fe.layout.height );
_image.visible=false;
_image.preserve_aspect_ratio = true;
_key = config["key"];
_hold = config["hold"];
fe.add_ticks_callback( this, "on_tick" );
        }

function on_tick( ttime )
{
if ( !fe.overlay.is_up )
{
local is_down = fe.get_input_state( _key );
if ( _hold == "Yes" )
{
_image.visible = is_down;
_showing = is_down;
} else
{
if ( is_down )
{
if ( ttime - _last_check > _key_delay )
{
_last_check = ttime;
_image.visible = !_showing;
_showing = !_showing;
}
}
}
}
}
}

fe.plugin[ "PopUpImage" ] <- PopUpImage();

Also fixed so the key has no effect when the fe.overlay is up (i.e. in config)

[bobby_magee]

This is a great script, I was wondering if you could offer some help in getting user specific sizes for the image to be used.

If I add say:

   </ label="Image Height", help="Choose the image height", order=5 />
   hsize="";
   </ label="Image Width", help="Choose the image width", order=6 />
   wsize="";

I doesn't work if I try to then get the config information under the constructor using:

         _image = fe.add_image( config["image"], 0, 0, config["hsize], config["wsize"]);

   //      _image = fe.add_image( config["image"], 0, 0, 100, 100);  This does work of course!

I'm not great with programming so any help would be appreciated!

thanks

[keilmillerjr]

This is a great script, I was wondering if you could offer some help in getting user specific sizes for the image to be used.

If I add say:

   </ label="Image Height", help="Choose the image height", order=5 />
   hsize="";
   </ label="Image Width", help="Choose the image width", order=6 />
   wsize="";

I doesn't work if I try to then get the config information under the constructor using:

         _image = fe.add_image( config["image"], 0, 0, config["hsize], config["wsize"]);

   //      _image = fe.add_image( config["image"], 0, 0, 100, 100);  This does work of course!

I'm not great with programming so any help would be appreciated!

thanks

You need to convert the string to an integer using the built in function tointeger()

[bobby_magee]

That's great, thank you. All working

[Bbuschke]

instead of a stored image I have a url to my surveillance camera feed. Could that be used in place of an image somehow? the url is just my ip address and port

[keilmillerjr]

instead of a stored image I have a url to my surveillance camera feed. Could that be used in place of an image somehow? the url is just my ip address and port

No. If you have something as important as a surveillance, my suggestion for the time being is to buy a dedicated rpi and have it output to a dedicated monitor. Perhaps you could use a smart strip and have it turn on a monitor when it senses motion? If you find an 8 inch cut, the rip could probably fit inside and make a cool project. Unless your a pro at coding and want to add http functionality to attract mode, or create a borderless webkit app and pin it to the corner of the monitor when monition is detected.

[Bbuschke]

Here's a plugin version with a few changes... copy the code into plugins/PopupImage.nut

* I changed it to use get_input_state so you can use more than just a specific signal
* Added option to Hold key (default is toggle)
* Make sure to specify the full path to the image, otherwise it will look in the plugins folder

Code: [Select]

class UserConfig </ help="This plugin will show a popup image when the specified key is pressed." /> {
</ label="Image", help="The full path to the image that will be displayed", order=1 />
image="";
</ label="Key", help="The key that will display the image", is_input="yes", order=2 />
key="";
</ label="Hold Key", help="If enabled, you must hold the key down", options="Yes,No", order=3 />
hold="No";
};

class PopUpImage
{
        _image = null;
_key = null;
_hold = false;
_showing = false;
_key_delay = 250;
_last_check = 0;

        constructor()
        {
local config = fe.get_config();
_image = fe.add_image( config["image"], 0, 0, fe.layout.width, fe.layout.height );
_image.visible=false;
_image.preserve_aspect_ratio = true;
_key = config["key"];
_hold = config["hold"];
fe.add_ticks_callback( this, "on_tick" );
        }

function on_tick( ttime )
{
local is_down = fe.get_input_state( _key );
if ( _hold == "Yes" )
{
_image.visible = is_down;
_showing = is_down;
} else
{
if ( is_down )
{
if ( ttime - _last_check > _key_delay )
{
_last_check = ttime;
_image.visible = !_showing;
_showing = !_showing;
}
}
}
}
}

fe.plugin[ "PopUpImage" ] <- PopUpImage();

Let me know if you find any issues, then I will add this to my github...

right now its displaying snaps. how can i get it to display the boxart. im not seeing what i would change