Support for Effects - Githubissues

gre / diaporama

image/video/content slideshow engine providing high quality animation effects including Kenburns Effect and GLSL Transitions.

http://greweb.me/diaporama/

ISC License

799 stars 104 forks source link

Support for Effects #30

Open gre opened 9 years ago

gre commented 9 years ago

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 commented 8 years ago

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 commented 8 years ago

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 commented 8 years ago

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..