GAPPESM

Groupement Associatif de Protection des Personnes Encombrées de Surefficience Mentale
Association déclarée sous le N° 0302020677, loi 1901

31 études

Mise à jour : 15-Avr-2007

Animations en Flash
par Benson

Mode d'emploi : Les animations s'ouvrant dans des pop ups, vous devez permettre leur affichage par le navigateur.
Certains pare-feux peuvent aussi bloquer le javascript ou les documents en Flash.
Si rien ne se passe, c'est peut-être aussi que vous n'avez pas le bon plug in !


Cliquer sur les vignettes
Rotation d'un disque autour de son axe
Actions simples combinées sur une page
Rotation d'un cube dans l'espace
Clip grossissant au survol de la souris
Vibration sinusoïdale paramétrée sur un clip
Loupe paramétrable
Joystick
Force d'attraction lors du soulever
Prismes droits à base de polygones réguliers
Mouvement circulaire 3D avec effet Alpha

Bras préhensile
Rebond d'une balle
La balle et le curseur
Planète et satellites
Déformation d'une surface par une sphère
Machine à écrire
Rebond d'une balle sur une sphère
Rebond d'une balle dans une sphère
Pluie aléatoire de balles sur des sphères
Déformation d'une surface par une sphère (2)

Petit curseur amusant
Mouvement virtuel d'un annélide
Encadrement de PI
Sphère en rotation dans l'espace
Sphère et personnage inter-actifs
Nuage de points
Motifs
Ressorts
Espace, moteur 3D
Pendules et élastiques

Jeu de cartes
 
 
               

Si vous êtes intéressés par une de ces animations, ou si des développements vous intéressent, contactez directement Benson

Retour à la Galerie
Accueil

Aller sur le site de Flash France

--> Voter directement pour quatre animations de Benson <--
La loupe
Le canard
Le bras préhensile
L'attrape-Monde


PROGRESSION avec ACTION-SCRIPT

__________________________________________________
Reproduction d'un cas classique de physique. L'étude mérite d'être poussée afin que l'animation soit la plus réaliste possible.
Pour l'heure je tiens compte de la distance entre le point d'application de la force sur le disque et le centre de rotation, de l'angle et de la distance du vecteur.
_________________________________________________________
début
__________________________________________________
Ce petit exercice est très instructif et permet de réviser facilement un bon nombre de notions ActionScript ! Notez l'intégration d'une main Acrobat sans copyright. Plus sérieusement, une telle page peut être développée jusqu'à former l'interface d'un logiciel. Projet que je mettrai à exécution plus tard.
_________________________________________________________
début
__________________________________________________
Un premier essai d'intégration de 3D via Flash qui permet d'envisager lapidairement le problème: la création d'une coordonnée Z dans le plan. Vous pouvez jouer avec les couleurs, la vitesse de rotation, la focale.
_________________________________________________________
début
__________________________________________________
Je me suis amusé à rendre un clip réactif au survol du pointeur par grossissement. Puis j'ai donné un peu d'élasticité au mouvement en intégrant un coefficient faisant varier l'amplitude dans la fonction. Le résultat est sympathique... et applicable : testez les petits boutons en dessous !
_________________________________________________________
début
__________________________________________________
Dans le même état d'esprit que le précédent, cet essai de vibration découlant d'un mouvement sinusoïdal qui correspond plus à la réalité physique, et semble-t-il plus agréable à l'oeil que le linéaire... Encore à l'étude : le coefficient n'est pas intégré.
_________________________________________________________
début
__________________________________________________
Loupe paramétrable. L'idée de départ est d'utiliser "attachMovie" dans une boucle, les images de pourcentage croissant s'empilant en dessous du document de base, visibles du centre à la périphérie de la lentille, afin de donner une propriété courbe à celle-ci. La réflexion est en cours...
_________________________________________________________
début
__________________________________________________
Si quelqu'un trouve une utilité à cet objet, qu'il me le signale immédiatement. Je cherche en vain à quoi cela pourrait bien servir... Hi hi... Peut-être de joystick ? L'animation pèse moins de 1 Ko.
_________________________________________________________
début
__________________________________________________

Bien que l'effet soit là, il faut le traduire en données physiques précises. Je pense améliorer cette représentation en rajoutant une variable tenant compte du mouvement du curseur en Y afin que l'objet ne tombe pas en cours. Je produirai ensuite une animation où seront rajoutés des ressorts de même résistance K sous chaque poignée afin de rendre l'animation plus parlante.
_________________________________________________________

début
__________________________________________________

Un palier franchi dans la compréhension de la 3D. Réglages paramétrables du nombre de côtés de la base polygonale, du radius, de la hauteur et de la focale du prisme auquel il est possible d'imprimer une rotation complète (360°).
_________________________________________________________

début
__________________________________________________

Une animation qui avait été effectuée avant celle du dessus (qui en est une déclinaison). Le principe est simple. L'application peut être sympathique: pourquoi ne pas simuler des mouvements d'astres du système solaire ?
_________________________________________________________

début
__________________________________________________

Il faut lancer la balle en l'air. Le bras la saisit. Il faut ensuite essayer de la lui reprendre. L'idée m’est survenue au cours d'une réflexion sur le mouvement indéterminé qu'adoptent certains insectes afin d'échapper à leurs prédateurs. J'ai voulu voir s'il était difficile de happer un objet soumis à une trajectoire apparentée...
_________________________________________________________

début
__________________________________________________

Étude de la réaction d'une balle lorsque, soumise à la gravité et à une accélération, elle vient heurter le sol ou des murs. Il est possible de la soulever et de la projeter dans l'espace. Sa trajectoire est alors calculée par la différence de ses coordonnées entre les actions "onPress" et "onRealease".
_________________________________________________________

début
__________________________________________________

Il était une fois un curseur où la balle venait rebondir... Un petit problème: lorsque l'on actionne trop vite la souris dans le sens vertical l'objet passe, ignorant le "hitTest"... ce qui est tout de même assez gênant... à l'étude...
_________________________________________________________

début
__________________________________________________

Travail intermédiaire dans le cadre de réflexions sur la déformation d'une surface par une sphère transparente. J'ai un peu dérivé entre temps ! La recherche de base est en cours...
_________________________________________________________

début
__________________________________________________

La déformation d'une surface par une sphère transparente. Voilà voilà... La recherche est toujours en cours...
_________________________________________________________

début
__________________________________________________

De la typo qui, une fois saisie, apparaît comme si elle était frappée à la machine à écrire. L'effet peut sembler un peu désuet, mais décliné grace à la fonction substring il donnera de très beaux effets de texte...
_________________________________________________________

début
__________________________________________________

Dans la suite logique des études 11, 12 et 13 : le rebond d'une balle, cette fois-ci sur une sphère par combinaisons utilisant notamment la tangente de l'Axe a/b; a et b étant les distances, verticale et horizontale, séparant les centres des deux objets respectifs au moment de l'impact...
_________________________________________________________

début
__________________________________________________

La question qui se pose immédiatement: - Et pour faire rebondir la balle DANS une sphère? Et bien voilà... Le script a été modifié en conséquence. S'y est ajoutée une astuce intéressante pour contraindre la balle :

if (dist>zone) {
this._x = xc+(_root._xmouse-xc)*zone/dist;
this._y = yc+(_root._ymouse-yc)*zone/dist;
}
dist est la distance entre les 2 objets, zone le rayon de la sphère, xc et yc les coordonnées fixes de celle-ci (Je multiplie ici par le rapport "zone/dist" afin d'appliquer une simple "règle de 3" sur les coordonnées de la balle).
_________________________________________________________

début
__________________________________________________

Lorsque chacune des 10 balles de taille, vitesse et direction aléatoires finit par se stabiliser, elle disparaît pour être remplacée. Vous pouvez la déplacer ou la projeter entre temps. Vous remarquerez que ces balles ne sont pas interractives entre elles... Cela est justement à l'étude...
_________________________________________________________

début
__________________________________________________

Reprise de l'étude N°15. La déformation n'est plus ici linéaire mais sinusoïdale. D'autre part 4 clips ont été dupliqués chacun 100 fois sur une grille... pour un poids dépassant à peine 2 Ko !
_________________________________________________________

début
__________________________________________________
Reprenant l'étude N°17, un petit pointeur distrayant et pratique : il permet de se rappeler où l'on était en cas de "releaseOutside" (Hi hi hi) ...
_________________________________________________________
début
__________________________________________________
En reprenant les mêmes éléments, constitution d'un annélide dont le mouvement est basé sur une fonction circulaire. L'on peut imaginer un ver inter-actif utilisant suivant les circonstances cette fonction reliée à d'autres telles que l'elliptique, et évoluant vers la souris ou un objet posé sur la scène...
_________________________________________________________
début
__________________________________________________
Sa valeur approchée selon la Méthode d'Archimède ( "De la mesure du cercle" - 234 av.J.C. ). Un polygone inscrit dans un cercle a forcément un périmètre inférieur à sa circonférence, et celui du circonscrit lui est supérieur. Lorsque le nombre de côtés augmente, les deux périmètres se rapprochent par excès et défaut de 2*PI*r. En simplifiant ceux-ci par 2*r, l'on obtient un encadrement de PI.
_________________________________________________________
début
__________________________________________________
Une sphère en rotation dans l'espace. Il ne s'agit pas de 3D mais d'un script habile simulant exactement la déformation de cercles ( ici au nombre de 7 ) autour d'un même diamètre. Le prétexte est également à expérimenter l'action de la souris sur l'objet ainsi créé.
_________________________________________________________
début
__________________________________________________
En développant l'idée de l'animation précédente, la sphère est maintenant soumise aux lois de la gravitation et peut être manipulée... Soit avec la souris, soit en rapprochant le personnage qui, une fois qu'il s'en est saisi, la lance en l'air !
_________________________________________________________
début
__________________________________________________
Nuage de points initialement répartis sur une grille et se déplaçant en fonction de la position de la souris. J'ai adopté la méthode suivante afin d'attribuer une couleur à chacune des instances en fonction de cette position:

// duplication des points sur une grille
_root.attachMovie("point", "pt"+n, n);
...
cos = _root["pt"+n]._x-_root._xmouse; // dist en X entre souris et points
sin = _root["pt"+n]._y-_root._ymouse; // dist en Y entre souris et points
dist = Math.sqrt((cos*cos)+(sin*sin)); // Pythagore: dist entre souris et point
...
var couleur = new Color(_root["pt"+n]);
couleur.setRGB((dist)*65536); // attribution d'une couleur en fonction de dist
_________________________________________________________

début
__________________________________________________
Sur le même principe, je me suis amusé à créer une série de matrices sur la base d'occurences et de paramètres différents...
_________________________________________________________
début
__________________________________________________
Cet enchaînement de figures étudie différentes possibilités d'exploiter l'élasticité et la résistance de matériaux. Le fichier, abouti en quelques heures, m'a beaucoup amusé, procuré un plaisir certain lié à la découverte et me laisse présager d'intéressantes perspectives avec ActionScript...
_________________________________________________________
début
__________________________________________________
J'ai poursuivi la réflexion jusqu'à arriver à un pseudo moteur 3D. Celui-ci a de spécifique par rapport aux classiques actuels qu'il fait réellement se mouvoir l'objet sans tenir compte de coordonnées fixes, qu'il prend en compte la gravité et la résistance de l'armature du squelette de celui-ci! Ce fichier montre la genèse progressive de l'idée...
_________________________________________________________
début
__________________________________________________
Encore quelques réflexions, sur les pendules et l'élasticité. Ce type d'étude sur les propriétés des matériaux est passionnante. Elle possède une utilité évidente parce que l'un ou l'autre de ces cas peut être appliqué à tout objet en mouvement dans une animation qui fondée sur des bases physiques n'en sera que plus réaliste.
_________________________________________________________
début
__________________________________________________
Comment sélectionner une ou plusieurs cartes au hasard parmi un lot de 52 ? Je me suis amusé à formaliser l'idée en faisant pivoter une seule carte sur son axe. La face change à chaque fois qu'elle est de nouveau visible.
_________________________________________________________

début

Retour à la Galerie

Mise en ligne par Marisol, pour le Gappesm ©2005-2007 Reproduction interdite sauf autorisation