Midori: library for animated image backgrounds

Showcase
, , ,
1

Hello!

I wanted to share a library that I’ve been working on for a few months now called midori. This library was built with three and allows users to use images as animated backgrounds for their websites.

1
2
3

(credits to artists listed in the demo)

Primary features supported by the library are:

  • Configurable camera
  • Animated transitions between backgrounds
  • Post-processing effects & particles

I had a lot of fun working on this project, especially coming from a background with little to no graphics knowledge or experience. Picking up computer graphics, shaders, and etc. and implementing what I learned using three felt intuitive - kudos to the devs and the community!

I would appreciate any feedback. Thanks for taking a look!

9 Likes
2

I think this is an awesome idea! So is the idea that you will make many of these? Or users can upload their own and then choose between different transitions?

3

Can you tell me where this is in the documentation?

4

I think this is an awesome idea! So is the idea that you will make many of these? Or users can upload their own and then choose between different transitions?

It’s general purpose, so developers can use this library on their own websites with their own images and then customize/animate their backgrounds to their liking.

Sure! It’s in the section right here.