Articles Tagged 'Tween'

Add new transitions to Scriptaculous

Not everyone knows, perhaps, but you can overwrite or add transitions effects scriptaculous.js very easily and quickly. Scriptaculous transitions, effects used in determining the type of animation, such as those are not implemented in Flash (I recommend a look at this PDF of the great Robert Penner ), but the net effect is - in fact - the same . In addition, the package Scriptaculous, some transitions are not present invence based in Actionscript. If we wanted to add a new transition to Scriptaculous just insert this code before using any effect:

1
2
3
= function ( pos ) { Effect. Transitions. Exponential = function (pos) {
- Math. pow ( 1 - pos , 2 ) ; return 1 - Math. pow (1 - pos, 2);
}

From now on we can use the new transition exponential in all the Scriptaculous effects. For a useful series of transitions - almost a porting to Actionscript Scriptaculous - see Add some spice to Scriptaculous .

Continued ...

Scriptaculous Effect.Tween: how it works

Of all the libraries 'Web 2.0' available, scriptaculous is certainly the most poorly documented! On the official website, often slow, the documentation is incomplete, poorly made ​​and difficult to use. With the latest releases, then, some new features are completely missing, just as the new core effect Tween (Effect.Tween). The latter, similarly to Tween in Flash, allows you to manipulate custom transitions. SYNOPSIS Its basis is the following:

Continued ...