Effet de tracé de segment

 

On se propose de créer un tracé progressif de segments avec l'effet Transform.
Je suppose connu les fonctions de création sur lesquelles je n'insisterai pas.

⇒ animation ⇐

Création des Objets

1 - Définissez les dimensions générales 160x120 ainsi que la couleur du fond #000066.
Prenez un Frame Rate égal à 35.

2 - Vous allez créer maintenant un ensemble de traits horizontaux et verticaux de couleur #FF9900, espacés de 2 pixels.
Comme il y a répétition de la création, les paramêtres définis dans l'onglet Transform seront donnés sous forme de tableau.

Transform

Anchor pointXY WH
Center Left5535500
Top Center10535050
Center Right10585500
Bottom Center5585048
Anchor pointXY WH
Center Left5537480
Top Center10337046
Center Right10383460
Bottom Center5783044
Anchor pointXY WH
Center Left5739440
Top Center10139042
Center Right10181420
Bottom Center5981040
Anchor pointXY WH
Center Left5941400
Top Center9941038
Center Right9979380
Bottom Center6179036
Anchor pointXY WH
Center Left6143360
Top Center9743034
Center Right9777340
Bottom Center6377032
Anchor pointXY WH
Center Left6345320
Top Center9545030
Center Right9575300
Bottom Center6575028
Anchor pointXY WH
Center Left6547280
Top Center9347026
Center Right9373260
Bottom Center6773024
Anchor pointXY WH
Center Left6749240
Top Center9149022
Center Right9171220
Bottom Center6971020
Anchor pointXY WH
Center Left6951200
Top Center8951018
Center Right8969180
Bottom Center7169016
Anchor pointXY WH
Center Left7153160
Top Center8753014
Center Right8767140
Bottom Center7367012
Anchor pointXY WH
Center Left7355120
Top Center8555010
Center Right8565100
Bottom Center756508
Anchor pointXY WH
Center Left755780
Top Center835706
Center Right836360
Bottom Center776304
Anchor pointXY WH
Center Left775940
Top Center815902
Center Right816120

Création des Effets

Il s'agit maintenant de faire apparaître progressivement chaque segment comme si on le traçait à la main.
Dans Timeline, pour chaque segment, vous allez placer un effet Transform sur 10 frames.

Transform

Ouvrez la boite des propriétés de Transform. Dans tous les onglets Cascade, mettez ce qui suit

Transform

Dans chaque onglet Transforms, il vous faudra adapter.
Voici l'exemple pour le premier trait horizontal que l'on va faire apparaître progressivement de gauche à droite.

Transforms

Par défaut, le point X=0, Y=0 est le point milieu du segment.
Cela n'a rien à voir avec le point d'ancrage.
Ce segment a une largeur de 50 et compte-tenu du fait que les X croissants vont de la gauche vers la droite, il faut donc indiquer le point de départ comme étant l'extrémité gauche du segment pour que la variation se fasse dans le sens voulu du tracé.
Au départ, l'échelle en X est 0, celle en Y est 100. Au final, tout est à 100.

En résumé :
- Pour donner un effet de tracé horizontal de la gauche vers la droite, indiquez un point de départ négatif en X ( demi-largeur ) et une échelle nulle en X.
- Pour donner un effet de tracé horizontal de la droite vers la gauche, indiquez un point de départ positif en X ( demi-largeur ) et une échelle nulle en X.
- Pour donner un effet de tracé vertical du haut vers le bas, indiquez un point de départ négatif en Y ( demi-hauteur ) et une échelle nulle en Y.
- Pour donner un effet de tracé vertical du bas vers le haut, indiquez un point de départ positif en Y ( demi-hauteur ) et une échelle nulle en Y.

Il vous reste maintenant à terminer cet exemple compte-tenu de ces indications.
Néanmoins, il serait plus avantageux de réaliser cet exemple uniquement par script.

Remarque : Voici un exemple de trait incliné avec l'effet Transform.
La scéne a pour dimensions 320x240.
L'effet Transform est tel que Start : X = -160 Y = 120 Scale 0% X=Y
Anchor Point : Bottom Left

⇒ animation ⇐

 


Si vous aimez le site

 

Select a language if you need :


Page chargée en 0.004 sec.

Dernière Modification : Mer 25 Janvier 2017 8:56
Copyright © 1999-2017 Jean-Paul Molina Tous droits réservés.

vers Google