Comment faire une rotation de la roue sur une page web

Lancez Adobe Fireworks, sélectionnez "Fichier - Importer" et sélectionnez une image d`une roue de prix - par exemple un "Roue de la Fortune" ou de la roue de la roulette.

Choisir "Nouvelle couche" et le type "Marqueur" pour créer une couche pour dessiner un marqueur qui indique l`espace actuellement sélectionné sur la roue. Sur le "Outils" panneau, cliquez pour mettre en évidence la "Ligne" outil. Tracez une ligne verticale où le marqueur devrait aller. Sur le "Propriétés" panneau, augmenter la largeur de la ligne à votre satisfaction.

Cliquez "Fichier - Enregistrer sous ..." et le type "wheel1" pour enregistrer cette roue comme la première dans la série.

Clique le "Sélectionner" flèche sur la "Outils" panneau et cliquez sur la molette pour mettre en surbrillance.

Maintenez le bouton droit de la souris et utilisez le bouton gauche de la souris pour cliquer "Transformer" et alors "Fausser."

Déplacez votre souris sur la zone grise en dehors du carré avec l`image de la roue. Notez que votre curseur se transforme en une flèche circulaire. Maintenez le bouton gauche de la souris enfoncé et faites glisser vers le bas et vers la gauche pour faire tourner la roue dans le sens horaire. Tourner au point où l`espace suivant sur les lignes de roue avec le marqueur vertical que vous avez créé.

Sélectionner "Fichier - Enregistrer sous ..." et le type "wheel2" pour enregistrer cette roue comme le deuxième de la série.

Répétez ces étapes pour chaque position sur la roue. Augmenter le nombre de la roue à chaque fois que vous enregistrez une nouvelle, par exemple "wheel3," "wheel4" etc.

Lancez Adobe Flash et de créer un nouveau document Actionscript. Sur le "Propriétés" panneau, changer la taille du document à celui qui correspond à la roue que vous avez créé.

Cliquez sur l`image 1 dans le "Chronologie" panneau. Dans le menu, choisissez "Fichier - Importer - Importer dans la scène ..." et sélectionnez la première roue que vous avez enregistré, par exemple "wheel1.jpg."

Cliquez "Oui" lorsque le système vous invite avec "Ce fichier semble être une partie d`une série d`images. Voulez-vous importer toutes les images de la séquence?" Cliquez "OK `pour accepter les valeurs par défaut sur le "options de" rapide. Le système placera chaque image dans un cadre sur la "Chronologie" panneau.

Cliquez "Contrôle - Test Film - Test" dans le menu pour afficher votre rouet.

Cliquez sur la première image clé et entrez Actionscript pour contrôler le démarrage et l`arrêt de la roue. Par exemple, quand quelqu`un clique sur la souris, faites tourner la roue pendant environ une seconde, puis l`arrêter sur une position aléatoire choisie sur la roue. La roue dans l`exemple a cette roue a 24 positions.

var délai: Minuteur = new Timer (1000,1);

this.addEventListener (MouseEvent.MOUSE_UP, mouseUp);

delay.addEventListener (TimerEvent.TIMER, terre);

fonction mouseUp (ev: MouseEvent): void {

this.play ();
départ différé()-

}

la terre de fonction (e: TimerEvent): void {

gotoAndStop (1 + Math.ceil (23 * Math.random ())) -

}

Choisir "Contrôle - Test - Tester l`animation" pour vérifier que votre rouet fonctionne correctement.

Cliquez "Fichier - Publier" pour créer une page Web avec le rouet. Cliquez "Fichier - Aperçu avant publication - HTML" pour afficher un aperçu de la page Web.

Cliquez "Fichier - Enregistrer" et tapez un nom de fichier pour enregistrer votre projet de rouet.