Dynamically showing images in EOS - possible?

[leilatheslut]

Hey everyone!

I'm working on my first tease, and the basic idea I had was a kind of memory game where a censored image appears, then it appears uncensored for a short time and then it is shown censored again and the player needs to answer some question about the image. This would happen mostly the same way for every picture, just a different picture each time. Is it possible to do this with one page and an eval yhat changes the picture displayed based on a variable (so I would get a random picture and show its id from the censored gallery then the uncensored gallery)? Or would I need to duplicate the same page and change the images manually?

Thank you!

[GTCK03]

Someone can correct me if I am wrong, but I don't think there is a way to show images or access the name of the current image programmatically.

As far as I can tell the best way to do this would be to have a separate page for each image you would like to do this with, where you would show the initial censored image, wait for a timer, show the uncensored, wait for a timer, show the censor again. Then you could randomize the images by naming the pages properly and randomly selecting a page. For example the pages could be "ImagePage1", "ImagePage2" etc. then the goto would select "ImagePage*", which would randomly selecting from all of the pages staring with "ImagePage". I am not sure if there is a good way to ensure images are not repeated.

TLDR: As far as I know duplicating the page for each picture and randomly selecting one of these pages seems to be the only way in EOS atm. Please correct me if I am wrong.


Corrrection: As far as repeated images, you can access the current page ID in eval with pages.getCurrentPageId() to keep track of which ones have been seen before.

[leilatheslut]

Yeah unfortunately it doesn't seem like that's a possibility from what I've tried too. shame

Thank you regardless!

[whd]

It's exactly like GTCK03 said.

There are two possibilities:
First possibility is one page per picture
I did this for the monopoly game. For every possibility of a picture I needed one page!
The page name is for instance XXMonopoly-Q2-0100000011.jpg where every 1 stands for a hotel placed and 0 for empty field. Q for which quarter. There are tons of pictures and pages to generate. I did it with irfanview.exe. The pages were generated by Excel (JSON File expanded).

In the eval, you have to calculate, which page you wanna show and where to come back:

Spoiler: show

boarddisplay = chooseboard(position); //chooseboard is a function to calculate the proper name
returnpage = pages.getCurrentPageId();
pages.goto(boarddisplay);

I do all this in an if !framed condition.
After the condition comes, what you want to say or do while showing this picture.
Kind of:

Spoiler: show

if (!framed) {
calculate where to jump
jump
}
else {
reset flag framed
do what you do after coming back
}

Picture Page eval is as follows:

Spoiler: show

show picture
mark framed
jump back

the eval in the picture page is as follows:

Spoiler: show

framed = true; // switch, that you go on after jumping back to original page
pages.goto(returnpage);

2nd possibility is not one page per picture but one page per girl with flags.
the jumping there goes like:

Spoiler: show

returnpage = "memorystep"
censoredpic = true;
pages.goto(girlpage);

Here you jump to the girl page and depending on the flag censoredpic you decide which picture you show.
The girl page contains a

Spoiler: show

if (censoredpic)
show the according picture
else
show the other
jump back

I think, this would be the easiest way for your tease. I did it this way in teasefight (for the decision of which stage you want to show).

[ritewriter]

If you want to just display Picture A, hold for 2s, display Picture B (Uncensored A), hold for 0.2s, display Picture A, hold for 2s, you can do this pretty simply in the EOS editor.

First create Picture B by censoring Picture A in your favorite pic editor. Upload both. Make sure they have the exact same dimensions (which they should since you just edited A to make B).

Upload to Gallery.

Create Action -> Image -> Choose from Gallery -> Click on Pic A
Create Action -> Timer -> Specific Range -> Set desired display time -> Click Hidden
Create Action -> Image -> Choose from Gallery -> Click on Pic B
Create Action -> Timer -> Specific Range -> Set desired display time -> Click Hidden
Create Action -> Image -> Choose from Gallery -> Click on Pic A
Create Action -> Timer -> Specific Range -> Set desired display time -> Click Hidden
Create Action -> Next action. If you want Pic A to disappear, choose another Image. If you don't, Pic A will stay up until you give another Image command. You can always use a black image to create a blank screen.

Note that for display times of less than a second, you MUST put a zero before the dot or EOS will get confused. So 0.2 not .2

This won't create a RANDOM image though. Some of the above suggestions will work better for that. Although if you're quizzing based on a specific image, this should work fine.

[nicki_blue]

Apologies if this has already been answered or if it’s a bit basic, but if you’re using a separate page for each set of images and want to prevent a page from reappearing again, you could try using the Eval Enable/Disable actions?

There’s a tease called "Goonzone" by OhXXXyes that uses this method, you can check it out in the EOS editor to see how it works by going to:
https://milovana.com/eos/editor/ + tease ID (for example, for Goonzone add the following tease ID after editor/60897). This should work for any published EOS tease.

If you look at the page choicescreen-1, you’ll see the Eval Enable/Disable actions used within the choice buttons. In that tease, the author disables pages based on a naming pattern (e.g., card-*) to control category selection. The same idea could be applied for individual pages, for example, you could disable a specific page just before leaving it, so it won’t be shown again later.

Feel a bit silly as this might not be the best solution here but I thought I’d share it in case it helps someone.