Mosaic 1.3

Mosaic Plugin creates a snake-like effect morphing sub-patterns of an image.



Details

Author
Sergio Panagia
Current version
1.3
GitHub
panaghia/Mosaic
Downloads
10190
Category
Effects
Tags
Report
GitHub Issues

Releases


Dependencies

  • _self_/_current_:
    • Element.Event
    • Fx.Morph
    • Element.Style
    • Element.Dimenstions
    • String
    • Array

How to use

The use of this plugin is quite easy. You should create a DIV and include the Mosaic stylesheet (with .MBox class) and declare an instance of Mosaic class.

Example usage:

mosaic = new Mosaic(
{
            base: $('myDiv'),
            image: "megan.png",
            width: 483,
            height: 356,
            startColor: '#930',
            endColor: '#000',
            startAlpha:.7,
            endAlpha: .1,
            hacked: true

});

mosaic.setDuration(400);
mosaic.setTransition(Fx.Transitions.Sine.easeOut);
mosaic.render();

Discuss

A note on comments here: These comments are moderated. No comments will show up until they are approved. Comments that are not productive (i.e. inflammatory, rude, etc) will not be approved.

Found a bug in this plugin? Please report it this repository's Github Issues.

blog comments powered by Disqus