Puce et Média

Génération d'un bando d'image défilant et dynamique utilisant aussi XML

Le principe de l'animation globale est de pouvoir fournir diverses banques d'images à visionner, l'idée d'utiliser la souplesse de XML pour cela n'est pas contournable. Chaque librairie sera donc composé d'un fichier XML que nous analyserons dans le paragraphe suivant. L'approche XML pour le chargement de la librairie d'images est la même que celle utilisée précédemment pour la mise en place de la barre de menus. Les phases sont similaires :

• chargement et parsing du fichier XML
• modification en objet Array()
• génération à la volée d'un bando de vignettes
• ajout de code sur les évènements onPress() et onRelease()

Nous ajouterons le script directement lors de la génération de chaque vignette image. Son rôle sera de controller une action de glissé déposé des images vers l'affichage de la grande image. En ce qui concerne le graphisme il va falloir apposé un masque au bando de vignettes car celui ci risque fort d'être trop long et de dépasser le cadre qui lui est réservé sur l'interface. De ce fait deux assenceurs risque fort d'être utile, nous verrons cet ajout dans la troisième partie.

Ajout d'un système d'assenceur avec utilisation d'une classe

Il ne reste plus qu'à ajouter un système d'assenceurs pour faire défiler les images contenues dans les librairies. Afin d'explorer une nouvelle manière d'ajouter de l'interactivité à des boutons, nous allons utiliser une classe externe qui étendra la classe MovieClip interne. Là encore deux possibilités soit en utilisant de l'ActionScript 1.0 et en créant un prototype et un RegisterClass, soit en ActionScript 2.0 et en ajoutant directement une classe lors de la liaison pour l'exportation du symbole.

Pour ceux d'entre vous qui souhaiterait utiliser la première approche, il y existe un déroulé spécifique à la programmation orientée objet avec ActionScript 1.0 accesible à ce niveau, Pour ceux d'entre vous qui ne sont pas familier avec ActionScript 2.0, il est conseillé de suivre le déroulé sur les bases de la programmation sous Flash .

Les fonctionalités de l'assenceurs resteront très basiques, détection lors du survol avec permutation de l'état visuel du bouton, puis interaction avec le bando image en le déplçant soit vers le haut soit vers le bas en fonction du bouton cliqué. Les limites seront la première vignette pour le bouton du haut et la dernière vignette plus une pour celui du bas.

Introduction

Ce tutorial sur la génération de projets avec Flash va nous permettre de mettre en place l'automatisation de certaines tâches de construction. Une fois encore on fait appel à des fichiers XML. La présente galerie propose de visualiser

Trois parties vont être étudié et seront nécessaires pour réaliser l'approche complète, elle couvriront les points suivants:

1. Génération de la partie menus / sous menus / sélection de la fiche.
2. Affichage détaillée de la fiche projet avec l'ensemble des choix possibles
3. Gestion adaptée de chaque choix possibles

Du fait du partenariat entre Puce et Média et Envol Conseil , ce tutorial à pour origine une partie de support du cours suite à une formation Flash Programmation en cours particulier. Nous pourrons explorer dans un prochain tutorial, une manière de coupler cette gallerie directement à une passerelle Flash Remoting.

Introduction

Il existe diverses solutions pour importer des données extérieures dans Flash. Nous allons au travers de ce tutorial en explorer certaines et voir les avantages, inconvénients et moyens à mettre en oeuvre que chacune d'elles impliquent. Avant de commencer ce tutorial, il vous faudra vous assurer d'installer et configurer un serveur Apache / PHP, une base de données MySQL ainsi qu'une passerelle AMFPHP. Vous pouvez si besoin était suivre les tutoriaux prévus à cet effet.

Les quatres modes de chargement que nous allons approcher sont :

• Le chargement de variable texte
• Les données formatées en XML
• L'utilisation de Flash Remoting
• L'accès à un Web Service

Le langage Action Script utilisé sera AS2.0, nous produirons prochainement un autre tutorial plus orienté AS3.0 et E4X. La raison est simple, un grand nombre d'adhérent à Puce et Média ou toutes les personnes qui ont fait la demande du présent tutorial utilisent majoritairement AS2.0. Si pour des raisons autres vous aviez besoin d'un portage vers AS3.0 ou E4X, n'hésitez pas à nous le faire savoir et nous accélererions l'écriture du tutorial orienté AS3.0.

Les données textuelles (fla_dyn_01.fla)

Depuis l'apparition des variables dans Flash, il est possible de directement communiquer avec l'animation depuis l'extérieur en utilisant le principe de propriété = valeur. Le plus simple moyen de le mettre en oeuvre et en évidence reste de créer une animation ne contenant qu'un champ texte ayant un nom de variable défini, par exemple nom_variable. Lancez le swf dans un navigateur puis ajoutez à la fin de l'URL la chaine suivante...

Introduction

Ce tutorial sur la gestion et leLa palette de commande pilotage d'une carte interactive et dynamique va nous permettre de mettre en place l'automatisation de certaines tâches de construction. Une fois encore on fera apple à des fichiers XML, 2 pour être précis, un premier qui permettra l'initialisation de l'animation principale, et un second qui contiendra la base des datas nécessaires à une carte en particulier. Trois parties vont être étudié et seront nécessaires pour réaliser l'approche complète, elle couvriront les points suivants:

Introduction aux bases d'Action Script - Part I

Durant ce premier groupe de tutoriaux sur les bases d'ActionScript, nous allons aborder les bases du langage en approchant l'interface de programmation, les outils, la syntaxe, les variables, les boucles, les tests de condition... Nous aborderons la programmation orientée objet au cours du second groupe de tutoriaux sur les bases d'Action Script et mettrons dans le troisième tutorial quelques exemples en application.

Avant de commencer, vous pouvez également parcourir cette série de tutoriaux sur ActionScript. Cette série de tutoriaux devrait vous permettre de prendre en main, les bases de la programmation avec Flash que cela soit en ActionScript 1.0, 2.0 ou 3.0. Pensez à venir la consulter de temps à autres, les exercices risquent fort de s'améliorer ou de se compléter en fonction de vos remarques et de vos demandes. Bien que le code soit exploitable en différence version, tous les fichiers sont enregistrés en version CS3, si cela vous cause soucis et que vous souhaitez les obtenir en version différentes, faites nous le savoir.

Rôle et principe des variables

Une variable est un conteneur d'information. Tout types d'informations peut être stocké dans une variable. Généralement cette information est volatile et doit peut être modifiée à tout moment et par divers types d'actions, qu'il s'agisse de l'utilisateur, de l'application, du système d'exploitation, ou de l'interactions de divers autres objets entre eux... Dans sa forme pla plus primitive de Flash et d'ActionScript, une variable se présente sous la forme d'une équation avec à gauche le nom de la variable et à droite sa valeur.

• Senocular - ActionScript Library
• Alex Uhlmann - Animation Package

Introduction - Présentation et principe

L’approche de ce développement n’est pas oprimale, mais permet d’aborder l’utilisation de divers principes propre à Flash. Tout est généré et positionné de manière dynamique. Vous pouvez avoir un aperçu sur cet écran

Le fonctionnement est basé sur le chargement d’un fichier XML (trombi.xml) qui contient l’ensemble des informations nécessaires. La totalité de l’interface se met en place en fonction de diverses rubriques, définies par l’attribut “type” des balises <teston>. Chaque rubrique génère un bouton afin de proposer un accés au contenu.