Au hasard :
Panorama x et y
Naviguer dans un clip en fonction des coordonnées de la souris.
Démo panorama_x_y.swf | Source panorama_x_y.fla
Tags :
3d (1) |aléatoire (3) |animation (6) |clavier (3) |cours (4) |dessin (6) |exemple (1) |image (4) |interaction (10) |jeu (6) |masque (3) |medias (2) |navigation (6) |outil (1) |pratique (1) |son (2) |souris (2) |texte (3) |tween (2) |
Démos et sources :
-
Alpha aléatoire
Transparence aléatoire d’un fond.
Démo aleatoire_alpha.swf
Source aleatoire_alpha.fla -
Carré de sélection
Fonction qui permet de tracer un carré sur le fond de la page. Peut servir pour sélectionner des clips ou des zones à agrandir.
Démo selection.swf
Source selection.fla -
Carré magnétique
Carré dynamique dont les coins sont magnétisés.
Démo grille_magnetisme.swf
Source grille_magnetisme.fla -
Chargement et préchargement d’une image externe
Chargement par loadMovie à partir d’un bouton + préchargement afin de centrer l’image.
Démo loadmovie.swf
Source loadmovie.fla -
Dessin aléatoire
Mini application de dessin dont les propriétés du trait sont aléatoires (opacité et épaisseur).
Démo dessiner_trait_aleatoire.swf
Source dessiner_trait_aleatoire.fla -
Déplacer un clip avec le clavier
Tout est dans le titre.
Démo clavier_personnage.swf
Source clavier_personnage.fla -
Déplacer un clip avec startDrag
Trois sources en une : startDrag simple, startDrag avec limites et startDrag avec déplacement de lignes.
Démo drag.swf
Source drag.fla -
Drag and drop simple
Le principe de base du drag n’drop. Utilisation de la fonction hitTest().
Démo drag_drop.swf
Source drag_drop.fla -
Effacer [méthode 1]
Faire apparaître un clip masqué. Script qui utilise la duplication d’un masque.
Démo effacer_1.swf
Source effacer_1.fla -
Effacer [méthode 2]
Autre méthode pour faire apparaître un clip masqué. Le tout est entièrement programmé en actionscript. Possibilité de définir la taille du rond.
Démo effacer_2.swf
Source effacer_2.fla -
Effet de loupe
Système de loupe avec zone d’aperçu. Pratique pour montrer des détails. Attention aux dimensions (l’image doit être carré.)
Démo skaen.swf
Source skaen.fla -
Effet parallaxe (plans)
Simule un espace en 3d par le déplacement proportionnel de différents plans en fonction de la souris.
Démo plans.swf
Source plans.fla -
Flottement
Un effet de flottement pour vos clips. A améliorer…
Démo flottement.swf
Source flottement.fla -
Gestion du texte
Gestion de l’antialiasing ; écrire dans un champ de texte dynamique ; écrire dans un champ de texte de saisie.
Démo gestion_du_texte.swf
Source gestion_du_texte.fla -
Génération de clips
En boucle, avec la méthode attachMovie(), en fonction de la position de la souris.
Démo attachmovie_boucle.swf
Source attachmovie_boucle.fla -
Gratter
Une autre méthode pour faire apparaître une image masquée en grattant. Tout le code est placé sur l’image clé 1.
Démo gratter.swf
Source gratter.fla -
Gravité et rebond d’une balle
Source récupérée. Permet de déplacer-lancer une balle. Mini-moteur physique qui simule rebond et gravité.
Démo gravite_balle_rebond.swf
Source gravite_balle_rebond.fla -
Inverser la lecture
Script simple pour inverser la lecture de l’animation.
Démo inverser.swf
Source inverser.fla -
Lancer un dé
Sort un chiffre entre 0 et 18 (pour les passages à l’oral…). Modifiez le multiplicateur pour tirer un chiffre entre 1 et 100 par exemple.
Démo de.swf
Source de.fla -
Les classes tween et easing
Quelques exemples d’utilisation des classes d’animation tween et easing.
Démo tweens.swf
Source tweens.fla -
Loupe
Script automatique : vous n’avez qu’à remplacer l’image, le reste se fait tout seul…
Démo loupe.swf
Source loupe.fla -
Magnétisme
Pour faire fonctionner ce script, il faut créer au minimum ces 2 clips : le premier constitue la zone d’attraction (un cercle par exemple) qui sera attaché au curseur. Vous devez nommer son occurence « souris ». Le deuxième sera le clip à attirer.
Ces 2 clips sont placés sur la scene principale.Vous pouvez créer autant de clips à attirer que vous voulez.
Démo magnetisme.swf
Source magnetisme.fla -
Masque déformable
Déclinaison de la source drag + dessin dynamique de lignes. La forme est convertie en masque avec la fonction setMask().
Démo drag_masque.swf
Source drag_masque.fla -
Menu soulwax.com
Système de menu utilisé sur le site www.soulwax.com. Assez étonnant.
Démo soulwax.swf
Source soulwax.fla -
Navigation carte
Utilisation des classes tween et easing pour naviguer dans un grand clip.
Démo navigation_carte_tween.swf
Source navigation_carte_tween.fla -
Panorama x
Déplacer un clip en fonction des coordonnées de la souris. Script qui s’adapte à n’importe quel clip et à n’importe quelle taille de scène.
Démo panorama_x.swf
Source panorama_x.fla -
Panorama x et y
Naviguer dans un clip en fonction des coordonnées de la souris.
Démo panorama_x_y.swf
Source panorama_x_y.fla -
Pianographique : source de base
Source historique du pianographique, en AS2, avec du code sur le bouton pour contrôler au clavier. Les sons sont appelés avec attachSound(). Seule la touche « a » fonctionne dans cet exemple.
Démo pianographique.swf
Source pianographique.fla -
Propriétés et boucles
Utilisation des boucles et des propriétés pour éviter de tout réaliser en interpolation de mouvement…
Démo proprietes.swf
Source proprietes.fla -
Propriétés et écouteurs
Une petite application qui permet de modifier les propriétés d’un clip par curseurs. Niveau avancé.
Démo proprietes2.swf
Source proprietes2.fla -
Repousser des clips
Effet de curseur repoussoir.
Démo repousser.swf
Source repousser.fla -
Rotation d’un clip avec le clavier
Tout est dans le titre. Utilisation de la propriété _rotation.
Démo clavier_rotation.swf
Source clavier_rotation.fla -
Son : bases
Fichier qui reprend les bases de la gestion du son dans Flash.
Démo son.swf
Source son.fla -
Suivi curseur simple
Utilisation d’une fontion lancée en boucle avec setInterval.
Démo curseur.swf
Source curseur.fla -
Suivi du curseur (yeux)
Fonction qui permet à des clips de « suivre » le curseur de la souris.
Démo yeux.swf
Source yeux.fla -
Suivi du curseur avec délai
Un clip suit le curseur de la souris avec un délai plus ou moins grand.
Démo curseur_delai.swf
Source curseur_delai.fla -
suivi souris
Code utile pour qu’un clip suive le curseur. Avec effet de ralenti en prime…
Démo suivi_menu.swf
Source suivi_menu.fla -
Telex
Script qui permet l’affichage progressif (lettre par lettre) d’un texte. La source est à placer sur l’image clé 1.
Tracez un champ de texte dynamique auquel vous donnez la variable (var) « affichage ».
Pour passer à la ligne, insérez les caractères suivants : \n.
Démo telex.swf
Source telex.fla -
Vibration
Un petit script pour faire vibrer vos clips. Le code est placé sur le clip. Il utilise la mfonction Math.random() qui renvoie un chiffre aléatoire entre 1 et 10.
Démo vibration.swf
Source vibration.fla
—