<h2>Votre Formation vidéo</h2><br/>
Votre formation est décomposée<br/>
en chapitres très clairs de 20 à 30 min. <h2>Des exemples SWF </h2><br/>
Chaque leçon est accompagnée<br/>
du code source avec le fla et les classes. <h2>Votre Suivi personnalisé</h2><br/>
Vous pouvez  me poser toutes<br/>
vos questions sous les cours vidéos.

Sujets sur : xml

Cours ActionScript 3 ‘xml’

Comment créer des swf gratuitement, sans Adobe Flash CS5, mais avec swfmill ?

Commentaires fermés sur Comment créer des swf gratuitement, sans Adobe Flash CS5, mais avec swfmill ?

Ecrit le 28 juillet par Matthieu
Publié dans le(s) sujet(s) Adobe Flash

Vous commencez à mieux connaitre la programmation actionscript.

Par contre, il est vrai que les licences logiciels (Adobe Flash CS5, FDT…) représentent un coût non négligeable.

Dans les cours précédents, nous avons découvert l’éditeur actionscript FlashDevelopp (gratuit). Puis nous avons également appris à créer des swf de polices partagées avec swfmill.

Savez-vous qu’il est possible de créer gratuitement des applications swf ?

Je vais tout vous expliquer dans ce cours vidéos.

Voici ce je vais vous apprendre :

  • Quel logiciel utiliser pour créer des swf gratuitement ?
  • Comment utiliser le logiciel swfmill ?
  • Comment paramétrer swfmill ?
  • Quelles sont les différentes fonctionnalités, options de swfmill ?
  • La technique de création pas à pas de votre première application flash avec swfmill.

A la fin de cette formation, vous serez à même de concevoir des applications flash sans utiliser le logiciel Adobe Flash.

swfmill pour créer des applications flash

Version démonstration

Ci-dessous, le résultat de l’application créée avec swfmill.

https://www.actionscript-facile.com/wp-content/uploads/2011/07/exemple-swfmill.swf

Télécharger le code swfmill

Vous trouverez l’ensemble du code source commenté pour vous aider dans l’utilisation de swfmill pour la création de vos applications flash.

Télécharger “swfmill exemple application” ex-swfmill.zip – Téléchargé 421 fois – 218 Ko

Télécharger le logiciel gratuit swfmill.

Ci-dessous, le fichier xml qui permet à swfmill de créer un swf.

<?xml version="1.0" encoding="UTF-8"?>
<movie width="550" height="450" framerate="12" frames="1" as3="1" version="10">
	<background color="#FFFFF1"/>
		<frame name="premiereImage">
			<library>
				<clip id="Avion" import="D:\home\as3facile\actionscript-facile\swfmill\ex\src\images\plane.png"/>
				<clip id="Surf" import="D:\home\as3facile\actionscript-facile\swfmill\ex\src\images\surf.jpg"/>
 
				<!-- importation des images pour les afficher dans les frames -->
				<clip id="onState" import="D:\home\as3facile\actionscript-facile\swfmill\ex\src\images\anim1.png"/>
				<clip id="offState" import="D:\home\as3facile\actionscript-facile\swfmill\ex\src\images\anim2.png"/>
				<clip id="overState" import="D:\home\as3facile\actionscript-facile\swfmill\ex\src\images\anim3.png"/>
 
				<!-- creer movieclip -->
				<clip id="anim">
					<frame name="etat1">
						<place id="onState" depth="3"/>
					</frame>
 
					<frame name="etat2">
						<place id="offState" depth="4"/>
					</frame>
 
					<frame name="etat3">
						<place id="overState" depth="4"/>
					</frame>
				</clip>
			</library>
 
			<!-- ajoute les elements sur stage -->
			<place id="Surf" name="MySurf" x="20" y="20" depth="1"/>
			<place id="Avion" name="MyAvion" x="320" y="183" depth="2"/>
 
			<!-- creer textfields -->
			<textfield id="textbox" width="430" height="50" x="30" y="380" size="33" font="arial" text="C'est l'été, il fait très chaud !!!" color="#006f77" />
			<place id="textbox" name="output" depth="5"/>
 
			<place id="anim" name="MonAnimation" x="230" y="10" frame="etat2"  depth="6"/>
		</frame>
</movie>

Avez-vous déjà utilisé swfmill ?

Quelles applications avez-vous programmé avec swfmill ?

Partagez vos liens dans les commentaires ci-dessous.

Les 5 bonnes raisons d’utiliser un Framework ActionScript Flash

Commentaires fermés sur Les 5 bonnes raisons d’utiliser un Framework ActionScript Flash

Ecrit le 31 mars par Matthieu
Publié dans le(s) sujet(s) Framework AS2 |Framework AS3

Tout d’abord, un framework c’est quoi ? Quel est son utilité ?

Un framework est un outil qui permet de structurer et d’architecturer un projet flash.

Il apporte également des facilités de programmation avec des fonctionnalités pré-intégrées, prêtes à être utilisées.

Les 5 bonnes raisons d’utiliser un Framework ActionScript

N°5

Un framework, digne de ce nom, impose une architecture efficace avec une approche MVC (ou IOC) , une arborescence des fichiers type et une manière de penser l’application.

N°4

Un Framework donne une organisation pour structurer correctement une application. Avec un gain de temps très important dans le développement (inutile de recoder certaines fonctionnalités). Il donne également des conventions de nommage des fichiers ainsi que des conventions de nommage du code.

N°3

Un framework fournit tout un panel d’outils pour répondre aux besoins récurrents d’un projet.

Par exemple, le Framework Pixlib intègre nativement :

  • Le pattern MVC, plus particulièrement MVFC (Modèle, Vue, Front, Controller).
  • Le pattern IOC (Inversion Of Control).
  • Le chargement des swf, graphismes, animations, polices de caractères…
  • Le chargement et le décodage des fichiers xml (structure sous forme d’objects).
  • Des raccourcis de fonction, implémentation automatique des fonctionnalités récurrentes (flashvars, variables dans l’url – GET -, etc…).
  • Et plein d’autres classes facilitant la vie du développeur ActionScript.

N°2

En s’appuyant sur un framework, le développeur peut se concentrer sur l’architecture de son application, l’analyse, les fonctionnalités…

Tout le reste sera géré par le framework (les chargements, organisation du code…).

La sécurité est gérée nativement, les classes de manipulation des données sont générée à la volée, l’architecture MVC est déjà prête à être utilisée…

Le framework permet donc de démarrer tout de suite. Et surtout, sans réinventer la roue à chaque fois puisque le framework fournit des outils prêts à l’emploi.

Une application qui s’appuie sur framework possède une maintenabilité et évolutivité beaucoup plus aisée. La pérénité de l’application flash est donc assurée.

N°1

Le plus grand avantage d’un framework : c’est qu’il permet à une équipe de développement de travailler facilement sur le même projet.

En effet, le framework impose une architecture bien définie donc tous les développeurs sont hébitués aux mêmes mêmes règles.

Donc ils sauront tous comment se répérer dans le projet, savoir comment il fonctionne, où ils doivent trouver tel ou tel bout de code…

Pour un prestataire professionnel, c’est d’autant plus un avantage car si son équipe travaille sur un framework donné et qu’il cherche à recruter un nouveau développeur, alors il pourra en trouver facilement sur le marché, et il sera prêt à démarrer sur les projets de l’entreprise car il connaîtra déjà le fonctionnement interne du framework.

L’utilisation d’un Framework

Utiliser un framework pour ses projets flash apporte surtout beaucoup de plaisir à développer.

En effet, il est possible de se concentrer directement sur les fonctionnalités de l’application à développer sans avoir à se soucier à redévelopper des fonctions fastidieuses comme le remoting, l’analyse xml…

Le but d’un framework, c’est aussi de pouvoir se faire plaisir en développant.

Retrouvez les frameworks que j’utilise quotidiennement dans mes développements AS3 et AS2.

Et vous, préférez-vous recoder à chaque fois l’ensemble du code de votre application ?

Ou alors, peut être utilisez-vous des frameworks personnels ?

Partagez les via les commentaires ci-dessous. J’aimerais bien les tester dans un projet flash.

Comment charger et lire des données XML en AS3 ?

2 questions

Ecrit le 28 mars par Matthieu
Publié dans le(s) sujet(s) ActionScript 3

Dans ce tutoriel vidéo, nous apprendre à charger et lire un fichier xml en ActionScript 3.

Et voici le résultat dans un swf :

https://www.actionscript-facile.com/wp-content/uploads/2011/03/charger-xml.swf

Téléchargez le code source complet de l’exemple :

Télécharger “Charger et lire XML” charger-xml.zip – Téléchargé 474 fois – 25 Ko

Et vous, comment analysez-vous vos fichiers XML en AS3 ?

Est ce que vous avez créé votre propre classe de chargement et de lecture de fichiers XML ? (comme dans Pixlib 3)

Postez votre code AS3 dans les commentaires, je suis curieux de le tester !

Comment éviter la mise en cache d’un swf / fichier xml en AS3 ?

1 question

Ecrit le 20 novembre par Matthieu
Publié dans le(s) sujet(s) ActionScript 3 |Adobe Flash

Nous allons découvrir une astuce très simple pour complètement oublier la mise en cache du Flash et du Navigateur Internet (Firefox, Google Chrome, Internet Explorer…).

Introduction

Un problème qui revient souvent avec Flash sous différentes forme :

  • je charge un fichier xml dans Flash et les données affichées ne sont pas à jour!
  • je modifie le swf, la page web m’affiche toujours l’ancienne version du swf, toujours pas de mise à jour!

Et tout cela provient de la mise en cache des données (swf, xml, texte…) par votre Navigateur Web et Flash.

Utilisation d’une variable aléatoire

Désactiver le cache des fichiers xml, eden et textes

Il suffit d’utiliser une variable générée aléatoirement pour charger vos fichiers de configuration (xml, eden, texte).

Dans votre code AS3, ajoutez tout simplement une variable aléatoire lorsque vous chargez un fichier de configuration.

// chargement du fichier XML
var loader:URLLoader = new URLLoader();
loader.addEventListener(Event.COMPLETE, completeHandler );
loader.addEventListener(IOErrorEvent.IO_ERROR, errorHandler );
 
// chargement du fichier xml et gestion du cache du navigateur
var sXml:String = 'https://www.actionscript-facile.com/ressources/xml/interface.xml?nocache='+Math.random()*28;
 
Logger.debug ("url : "+sXml); // debug de l'application avec l'extension firefox Firebug
 
var file:URLRequest =  new URLRequest(sXml);
loader.load(file );

En principe, j’utilise la fonction AS3 Math.random(). Il est possible d’utiliser la fonction Date() ou une autre. L’important est d’appeler votre fichier xml avec une variable aléatoire.

Télécharger le code source complet sur l’article : Création d’un Mini Flex avec les Composants AS3 Facile. C’est un fichier xml qui détermine le contenu affiché par le swf.

Amusez-vous ensuite à modifier le contenu du fichier xml pour mettre à jour les informations affichées par le swf.

Désactiver le cache du swf

Pour afficher un swf dans une page Web tout en désactivant sa mise en cache, j’utilise exactement la même astuce.

C’est à dire, je crée une variable générée aléatoirement avec le chemin de mon swf. Regardez l’exemple ci-dessous (la toute dernière ligne avec echo rand(2,28)) :

SWFObject   
<script type="text/javascript" src="swfobject.js"></script>
 
<div id="flashcontent">
N'oubliez pas d'activer le Javascript.
</div>
<script language="JavaScript" type="text/javascript">
 
	var flashvars =
	{
		contextFile: "application.eden",
		dataFile: "datas.xml",
		lang : "fr",
		progressColor: "0x2d2d2d",
		progressMessage: "Chargement en cours..."
	};
 
	var params =
	{
		allowScriptAccess : "always"  ,
		bgcolor           : "#ffffff"  ,
		quality           : "best"
	} ;
 
	var attributes =
	{
		align : "middle",
		name: "application_musique"
	} ;
 
	swfobject.embedSWF("https://www.actionscript-facile.com/swf/application.swf?nocache=<?php echo rand(2,28) ?>", "flashcontent", "234", "382", "9.0.124", "expressInstall.swf", flashvars, params, attributes );
</script>

La fonction php rand() crée une variable aléatoire. Le navigateur croit que c’est un nouveau fichier swf, donc il le charge à chaque fois!

Consultez cet article: Comment utiliser SWFObject pour afficher du contenu flash ? . SWFObject présente l’avantage d’optimiser l’affichage des swf pour les moteurs de recherche (Google, Yahoo…).

Et vous, quelle solution utilisez-vous pour empêcher la mise en cache de Flash et du Navigateur Internet ?

Est ce que vous utilisez les header() en php, ou avez-vous une autre astuce ?

Je suis curieux de découvrir vos techniques de gestion du cache en ActionScript / Flash.


vel, nunc id, ut diam Donec ut