Support for Effects

[gre]

a new feature allowing to apply effects on the slideshow.

• Effects can be stacked. I can add multiple effects one after the other.
• Effects intensity can be changed over time. Maybe inspire from the powerful Blender IPO curves.
• to be figured out: per slide VS global ?

TODO:

• spec the effects format. (idea: a GLSL frag shader with uniform sampler2D input; uniform float power;)
• effects.glsl.io & transitions.glsl.io
• Write a few effects (classic stuff like grayscale, sepia, vignette, ...) // Is there an existant format for that somewhere? integrate only if it is free software.
• in the diaporama format, a new "effects" array.

That's a lot of work! if anyone have ideas or want to help :-)

[mcorb]

How about integrating Seriously.js? It has ~60 video effects and a neat canvas/shader/JS API:
https://github.com/brianchirls/Seriously.js/tree/master/effects

Their effect module properties are self-describing so I can see them plugging right into Diaporama's JSON format.

Diaporama's strong timeline/transition/editor features and Seriously.js effects look like a great match. (I might have some time to spare on this if it sounds worthwhile to you @gre)

[gre]

Hi @mcorb ,

sounds not a so bad idea.
How reusable are Seriously.js effects? I would be in favor of a framework agnostic approach.
I wish Seriously.js would just expose fragment shaders, because this is just what we need: like it's done for GLSL Transitions.

To my mind, these effects shouldn't be "hard-coded" in diaporama but kept separated (exactly like it currently work in Diaporama for GLSL Transition).
In the JSON, there would be a place where you could define all fragment shaders and you reference it in the slide you want.

[gre]

nowaday, i'm working on gl-react, with basically this idea of defining a graph of effects in a descriptive way. This allow to compose powerful effects. It's a bit coupled to work with React right now, but i'm sure we could derive this work back to a "json" description..