A key element in web design and user experience designed with 3WDOC is the ability to add effects to the many media that make up your creation. These include effects of starting and stop effects that define the appearance and disappearance of an item in your
In this example, we will attach an effect to a track
article. Obviously, the effects can be assigned to other tracks such as images. The procedure for adding a starting effect is identical to the one for adding a stop effect.
By selecting the track
article via the player, you can access to the various settings tabs of that track. Then just stand on the
Effect tab, then click on the insert
STARTING EFFECT. For the stop effect, you will have to simply click on the insert
In the dialog box, 3WDOC has made available a number of jQuery effects. These effects are available in the dropdown menu. By selecting an effect, you will bring up all the parameters specific to the effect. In our example, we choose the
Once the choice is made, it remains to choose the parameters of this effect: the duration and other characteristics of the effect. Please note that the duration of an effect is always expressed in milliseconds (ms). It is possible to simulate directly in the dialog box, the result of the chosen effect. By clicking the button
Select, you assign this starting effect to the track.
Adding an stop effect is the same way, you just edit the insert
The choice of these effects and their parameters are recalled in the two inserts above the
timeline, one for the starting effect, the other for the stop effect. Swapping from the editor mode to the player mode and playing your sequence, you will see the selected effects.
Learn more about 3WDOC
3WDOC is the first authoring web tool that let anyone use it to create and broadcast interactive stories on the Web and on any mobile platform and connected TV.
3WDOC is a revolutionary approach for digital communication. Designed to facilitate website and webdocs creation, 3WDOC is the best rich media and interactive experience ever made in HTML5, planned for all audiences: Web, Mobile and TV.