Transitions:

1.
wipe = new wg.transitions.Wipe({
    mixVal: .5,
    angle: 1,
    size: .5
}, { nextId: cr.sprites[1].id });
cr.sprites[0].setTransition(wipe);
cr.rewind(cr.current_frame);
cr.calculateFrames();
cr.updateCanvas()


2.
hide = new wg.transitions.Hide({
    mixVal: .5,
}, { nextId: cr.sprites[1].id });
cr.sprites[0].setTransition(hide);
cr.rewind(cr.current_frame);
cr.calculateFrames();
cr.updateCanvas()


3.
fadeColor = new wg.transitions.FadeColor({
    mixVal: .5,
}, { nextId: cr.sprites[1].id });
cr.sprites[0].setTransition(fadeColor);
cr.rewind(cr.current_frame);
cr.calculateFrames();
cr.updateCanvas()

4.

gum = new wg.transitions.Gum({
    mixVal: .5,
}, { nextId: cr.sprites[1].id });
cr.sprites[0].setTransition(gum);
cr.rewind(cr.current_frame);
cr.calculateFrames();
cr.updateCanvas()


////////////////////////////////////////////////////////
Effects:

1.
scrollLine = new wg.effects.ScrollLine({});
cr.sprites[0].setEffect(scrollLine);
cr.rewind(cr.current_frame);
cr.calculateFrames();
cr.updateCanvas()

2.
radial = new wg.effects.Radial();

cr.sprites[0].setEffect(radial);
cr.rewind(cr.current_frame);
cr.calculateFrames();
cr.updateCanvas()