Comment créer une animation simplifiée bezier/cubique pour le rendu hors ligne?

Question

Je dois animer l'alpha d'un élément qui est calculé hors ligne. Parlons de l'animation alpha simple. Alpha est nul, alpha passe à 1, reste un certain temps et remonte à zéro.

Quelque chose comme le graphique ci-dessous:

Les animations auront des moments différents. J'ai besoin de quelque chose que je peux donner le temps (t) et obtenir la valeur (v).

Cette animation doit être mis dans une classe à base CIFilter et utilisé pour animer ce filtre et parce que le résultat de ce filtre sera calculé hors ligne il n'y a pas CALayer pour l'ajouter, donc en utilisant CAKeyframeAnimation ou CABasicAnimation est hors de question .

Si je pouvais utiliser un CALayer, je ferais ceci:

CABasicAnimation* fadeInOut = [CABasicAnimation animation]; 
fadeInOut.keyPath = @"filters.myFilter.inputRadius"; 
fadeInOut.fromValue = @(0); 
fadeInOut.toValue = @(10); 
fadeInOut.duration = 0.2f; 
fadeInOut.timingFunction = [CAMediaTimingFunction functionWithName: kCAMediaTimingFunctionEaseInEaseOut]; 
fadeInOut.autoreverses = YES; 

Mais le problème serait cette ligne ... il n'y a pas de couche d'ajouter l'animation. Comme je l'ai dit je suis dans une classe CIFilter!

[self.layer addAnimation:fadeInOut forKey:nil]; // NO WAY! 

Alors, ma question est: est-il quelque chose qui peut me donner la valeur du temps pour ce genre de courbe pour l'intervalle de temps je définis pour l'animation?

Answer 1

Vous sous-classe CIFilter et en animant ... Je suppose que cela signifie que votre classe de filtre prend un paramètre de temps, et varie son résultat en fonction de cela?

Si oui, il y a deux options possibles. Les deux s'appuient sur le fait que votre courbe de synchronisation souhaitée ressemble à une courbe en S «facile d'accès», suivie de l'inverse de cette courbe.

1. Si vous écrivez CI noyau Code Langue pour mettre en œuvre l'effet de votre filtre, vous pouvez interpoler en fonction de votre paramètre de temps à l'aide the smoothstep function (cette fonction est définie par GLSL et CI Langue du noyau est une surcouche de GLSL, sauf où defined otherwise Puisque vous avez une double courbe en S, vous aurez besoin de le faire deux fois.

   // pseudo CI Kernel source: 
   effect = smoothstep(0, 0.5, time) - smoothstep(0.5, 1, time) 
   

2. Si vous n'êtes pas d'écrire un noyau, mais la mise en œuvre à la place un filtre en termes d'autres filtres, vous peut définir votre propre équivalent de la fonction smoothstep - cette définition est well known et assez simple, car il est dans de nombreuses bibliothèques graphiques. (Ou vous pouvez en apprendre davantage sur Hermite interpolation en général et devenir fou avec vos propres fonctions de lissage.) Ensuite, utilisez votre fonction pour changer l'entrée de votre filtre interne en fonction de votre paramètre de temps.