Cocos Creator implementa dos métodos para que los nodos se desvanezcan y desaparezcan y aparezcan y desaparezcan, y cómo hacer animaciones de bricolaje para lograr el efecto de animación especial que desea.

Efecto de fundido de entrada y salida de nodo

Para realizar efectos de aparición y desaparición gradual, el creador ya ha implementado la API

var action = cc.fadeIn(1.0);//渐显
var action = cc.fadeOut(1.0);//渐隐效果
var action = cc.tintTo(2, 255, 0, 255);//修改颜色到指定值
var action = cc.fadeTo(1.0, 0);//修改透明度到指定值

Animación personalizada de bricolaje

Tween proporciona una forma sencilla y flexible de crear acciones. Comparado con el cc.Action tradicional de Cocos, cc.Tween es mucho más flexible en la creación de animaciones:

• Admite la creación de una secuencia de animación en una estructura encadenada.
• Admite la aceleración para cualquier atributo de cualquier objeto, ya no se limita a los atributos en los nodos, y cc.Action necesita agregar un nuevo tipo de acción al agregar soporte para un atributo.
• Soporte para mezclar con cc.Action
• Admite la configuración de la función de aceleración o progreso

cc.tween(node)
  .to(1, {scale: 2, position: cc.v3(100, 100, 100)})
  .call(() => { console.log('This is a callback'); })
  .by(1, {scale: 3, position: cc.v3(200, 200, 200)}, {easing: 'sineOutIn'})
  .run(cc.find('Canvas/cocos'));

Por ejemplo, la implementación del efecto de desvanecimiento:

node.opacity = 0;
cc.tween(node)
  .to(1, {opacity: 255})
  .start();

El código anterior realiza la animación
cc.tween cuya transparencia cambia de 0 a 255 en un segundo Enlace API: Haz clic en mí para saltar