Agamotto: how about a PNG compatibility?

Hi Pilotbear!

The reason for your issue is not incompatibility with PNG, but deliberate replacement of transparency with a black background. The main intention of Agamotto was not your use case, but blending different images -- and in that case, using the transparency would lead to strange results. In fact, it caused some confusion while testing.

However, an option for toggling the behavior is totally possible. How should it work? What's your suggestion?

Best,

Oliver

Hi Pilotbear!

Thanks. Now I better understand what you have in mind. Imagining the workflow, I wonder if modifying Agamotto would be the best way to go.

Right now, even if Agamotto had the feature that you're thinking of, the workflow would be virtually the same. You'd use an image manipulation program (e.g. GIMP) and you'd position the overlay icon correcty above the background and save the image with the same dimensions as the background image -- either including the background or just using a transparent background. In the latter case, as you noted correctly, the amount of storage needed would be (much) smaller, but would also require to add new options to the editor of Agamotto for this special purpose only, and the way Agamotto works under the hood would also have to be changed. Still possible.

I wonder, however, if there was an easier way for others who are not familiar with GIMP or similar tools. The workflow could also look like this: Define a background image, successively create a new layer and position an image (or multiple images) directly in the editor. One could also wonder if adding labels or some text might be useful as overlays. I think this would be much easier and user-friendly. Having a look at the previous description of the workflow: "H5P Course Presentation" offers exactly that but lacks a "blending transition" (or more transitions in general).

Of course, since H5P doesn't want to be a provider of bloated silver bullet content types but prefers specialized sleak content types, it could also be a good idea to create a new one designed specifically for your use case (anticipating some features that others might need such as the label overlays mentioned above).

What do you think about those ideas?

Thanks Oliver,

I really like the agamotto tool you created. I started using it last year and can see lots of other ways I can apply it my teaching.

If the option to customise background colour isn't too hard to add it would be nice, particularly if it extended to the background behind the slider... but sounds like I might be in the minority on that one which is fair enough.

I would also use the option to have the slider set to a vertical format (perhaps down the right side of the image area?) too (I'm guessing I'm the only one that asked about that too!?).

Neither of those updates are essential to me, just 'nice to have's.

There is one nagging problem I do encounter. I don't think it's anything wrong with your code, but my problem stemming from bringing this content into the Canvas LMS system (currently unsupported) via iframe. What is happening is the labels on the slider don't show up, but, if I resize my window down (and even back up again slowly) they magicaly do appear. Happens on all browsers.

Thanks Oliver, for your reply and your work.

I really like the agamotto tool you created. I started using it last year and can see lots of other ways I can apply it in my teaching.

If the option to customise background colour isn't too hard to add it would be nice, particularly if it extended to the background behind the slider... but sounds like I might be in the minority on that one which is fair enough.

I would also make use of an option to have the slider set to a vertical format (perhaps down the right side of the image area) ... I'm guessing I'm the only one that asked about that too!?

Neither of those updates are essential to me, just 'nice to have's.

There is one nagging problem I do encounter. I don't think it's anything wrong with your code though, but rather my problem stemming from bringing this content into the Canvas LMS system (currently unsupported) via iframe. What is happening in this context is the labels on the slider don't show up, but, if I resize my window down (and even back up again slowly - so weird) they magicaly do appear. Happens on all browsers.

 I understand if you can't help me with this problem as it is probably out of your scope of control. Anyway, just wanted to add my feedback because I'm really happy I discovered H5P generally and Agamotto is definately one of my favorites here. Great work. 

Hi Wednesday!

I just added the option to set the transparency replacement color yourself. Will be included in the next update of Agamotto, but I can't tell when the core team has time to complete a code review.

Best,
Oliver