slideshow engine that provides high quality animation effects performed in WebGL including Kenburns Effect, GLSL.io Transitions, Bezier Easing, Slide2d,... and powered by stack.gl stack. Open Source and free to use.

use Diaporama Maker to easily generate slideshows... or write your own diaporama.json .

Repository - Gitbook

Repository - Gitbook - live demo

Web Application - Repository

History

Last year, I've created transitions.GLSL.io, an universal collection of transitions. This came from the frustration that every software is implementing its own transitions, whereas we could just share a common open collection. GLSL is widely supported (WebGL, OpenGL), therefore we can now provide implementations for CLIs (ffmpeg,...) and Movie Maker softwares (iMovie, ...).

On transitions.GLSL.io, transitions are created by people (via creating Gists).

Diaporama provides a web use case for this GLSL Transitions idea. I've then started Diaporama Maker by experimenting with React and ends working on a complete Slideshow Editor.



Call For Contributors

There is in my mind a long way to go to finish the journey I've started but the path is pretty clear. However I think alone will be tough to do everything! Here is a few ideas:

https://github.com/gre/glsl-transition is the reference implementation of GLSL Transition in WebGL. I would be amazed if you could provide more implementations! (for instance bringing support with ffmpeg and GUI movie softwares).

(for instance bringing support with ffmpeg and GUI movie softwares). I would love to see crazier transitions on transitions.GLSL.io. Can you imagine some "flames" transitions, and more colorful kind of transitions?

Any contribution on the projects would be very welcomed and appreciated :)

Finally, I would love to hear about new ideas and use-cases.

Thank you!

You can help me making Diaporama and GLSL Transitions an open solution that we could use for web and beyond. I'm looking forward to your contributions :)