Tourne page arrondie

 

On se propose de réaliser un tourne page arrondie par script.
Cet exemple, basé sur 2 images, n'est pas trés facile à réaliser.
On utilisera beginGradientFill et des sprites.

⇒ animation ⇐

Tout d'abord, téléchargez les images 

Bases mathématiques

Voici la trame du tourne page dans le coin bas gauche de la scène.

tourne page

Les variables de base sont :
     R : rayon du cercle.
     xc : abscisse du centre du cercle.
Les paramêtres calculés sont :
     - le point de tangence T.
      angle θ = 45°
     - le point A
      distance = xT + yT

Création des Objets

1 - Définissez les dimensions générales 240x320 (couleur du fond quelconque).
Prenez un Frame Rate égal à 100.

2 - Insérez l'image organp1.jpg au centre de la scène. ( Menu Insert / Image )

3 - Insérez l'image organp2.jpg au centre de la scène. ( Menu Insert / Image )
Cochez Target. Nommez image2. Convertissez en Sprite.
Outline doit ressembler à

tourne page

Script

Méthodologie :
     - Au début, définition de constantes hexadécimales pour les couleurs.
     - création d'un clip nommé coin : CreateEmptyMovieClip
     - définition de matrices qui doivent toutes avoir le même
          nombre d'éléments : couleurs, alphas, ratios.
     - définition des limites du gradient par une matrice.
     - remplissage : beginGradientFill
     - tracé du contour.
     - fin du remplissage.

Dans Outline, sélectionnez Scene_1. Entrez le script suivant :

Et voilà, c'est terminé.
Bien sûr, cet exemple est basique. Vous pouvez l'adapter à plusieurs images, mais çà va se compliquer.

Ah oui, j'oubliais. J'ai pris ces photos en Arizona prés de la frontière mexicaine ( Organ Pipes Cactus Nat. Mon.)

 


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