friedcrisptiger / transitions

Transition effect for Cocos Creator

Transitions

This project is based on Cocos Creator 2.3.0.

Online Demo : http://2youyou2.com/transitions

Usage

1. Add transitions node to the scene, the transitions node will make itself as a persist node.
2. Select a transition in the Properties Panel.
3. Use transitions.loadScene instead of cc.director.loadScene example:

// transitions from scene to other scene
// cc.director.loadScene(url, this.onLoadSceneFinish.bind(this));
this.transitions.loadScene(url, 'Canvas/Main Camera', 'Canvas/Main Camera', this.onLoadSceneFinish.bind(this));

// transitions from node to other node
this.transitions.loadNode (fromCamera, fromRootNode, toCamera, toRootNode, onTransitionFinished)

Shaders

All shaders can be found in the folder: assets/resources/transitions/shaders

Builtin uniforms:

{
  texture: { value: white }
  texture2: { value: white }
  time: { value: 0 }
  ratio: { value: 1 }
}

Sources

• https://gl-transitions.com/