Sujets sur : Framework AS3
Comment utiliser et personnaliser les Composants AS3 Facile ?
Commentaires fermés sur Comment utiliser et personnaliser les Composants AS3 Facile ?
Suite à vos demandes, le thème de ce Cours ActionScript 3 porte sur l’utilisation et la personnalisation des Composants du Framework AS3 Facile.
Pour apprendre à créer des Composants visuels et votre propre Framework AS3, consultez l’ensemble des cours ActionScript 3 sur le Framework AS3 Facile.
Voici ce que vous allez apprendre dans ce Cours ActionScript :
- Créer le fichier fla contenant les graphismes des composants AS3 Facile.
- Comment personnaliser tous les composants AS3 Facile et les rendre conformes à vos applications flash.
- Créer un fichier swc contenant les graphismes et l’utiliser dans votre application flash.
- Un exemple d’utilisation et de personnalisation de chaque composants AS3 Facile.
Cette formation ActionScript 3 vous permettra d’utiliser, de modifier, d’ajouter et d’implémenter les Composants AS3 Facile dans vos applications flash.
Les Composants AS3 Facile
Version démonstration
Et voici notre application implémentant l’ensemble des composants du Framework AS3 Facile.
1 |
http://e6msyji6epr.exactdn.com/wp-content/uploads/2011/11/composants-as3-facile.swf |
Télécharger le code source du cours AS3
Et voici le code source de l’exemple d’utilisation des composants du Framework AS3 Facile.
Télécharger “Utilisation Composants AS3 Facile”
composants-as3-facile.zip – Téléchargé 678 fois – 138,34 KoTélécharger la dernière version du Framework AS3 Facile.
Montrez moi vos applications flash qui utilisent les Composants AS3 Facile ?
Partagez votre personnalisations des graphismes des Composants AS3 Facile dans les commentaires ci-dessous.
Quelles sont les nouvelles fonctionnalités que vous avez ajoutés ? Quelles fonctionnalités souhaitez-vous dans le Framework AS3 Facile ?
Comment créer des fichiers PDF en AS3 / Flash avec AlivePDF
Commentaires fermés sur Comment créer des fichiers PDF en AS3 / Flash avec AlivePDF
Le thème du Cours AS3 de cette semaine répond à une question qui revient souvent parmi les Développeurs qui suivent la Formation AS3 Facile : Est ce possible de créer des fichiers pdf avec Flash ? Si oui, comment ?
Oui c’est possible, il existe même plusieurs Framework ActionScript 3 dédiés à la création de fichiers pdf avec Flash.
Aujourd’hui, nous allons étudier l’API AlivePDF réalisée par Thibault Imbert (que vous commencez à bien connaitre!).
Voici ce que vous allez apprendre dans ce Cours ActionScript :
- Comment implémenter et utiliser l’API AlivePDF dans une application flash.
- Le code complet pour fournir un fichier PDF correspond à la création de votre internaute et cela directement depuis votre application flash.
- Comment utiliser la majorité des fonctionnalités de l’API AlivePDF.
- Les différentes techniques pour insérer des images, des formes, des polices de caractères dans votre fichier pdf, étape par étape, et tout en flash !
- Et encore plein d’autres possibilités… l’API AlivePDF regorge de possibilités 😉
Cette formation vous permettra d’être capable d’utiliser l’API AlivePDF et d’implémenter les fonctionnalités dont vous avez besoin pour créer des fichiers PDF à partir de votre application flash.
L’API AlivePDF
Version démonstration
Ci-dessous un exemple tout simple de génération de fichiers pdf à partir de flash !
1 |
http://e6msyji6epr.exactdn.com/wp-content/uploads/2011/09/alivepdf.swf |
Télécharger le code source du cours AS3
Vous trouverez l’ensemble du code source commenté pour vous aider dans l’utilisation de l’API AlivePDF dans vos applications flash.
Télécharger “AlivePDF”
alivepdf-exemple.zip – Téléchargé 1114 fois – 2,86 MoTéléchargez la dernière version de la librairie AlivePDF.
Vous pouvez consulter la documentation complète de l’API AlivePDF.
Et voici le site officiel AlivePDF, pour être informé des dernières nouveautés.
Et vous, utilisez-vous l’API AlivePDF pour générer vos PDF ?
Ou peut être que vous utilisez une autre librairie AS3 ? Ou alors, vous passez par PHP pour créer vos fichiers PDF ?
Je suis curieux d’avoir vos retours sur la création de fichiers PDF avec Flash.
Comment personnaliser le Player Dailymotion en AS3 et utiliser le streaming ? (API Dailymotion)
Il y a quelques jours, vous avez appris à personnaliser complètement le Player Video YouTube.
Mais vous préférez utiliser Dailymotion 😉
C’est également possible de personnaliser le Player Vidéo Dailymotion.
C’est ce que vous allez découvrir dans le cours vidéos de cette semaine 😉
Voici ce que je vais vous apprendre :
- Comment personnaliser le Player Vidéo Dailymotion pour le mettre à l’image de votre site.
- Comment utiliser les fonctionnalités du Player Dailymotion sur votre site.
- La méthode pour avoir un serveur de streaming gratuit.
- Comment utiliser la puissance des serveurs Dailymotionpour votre site, pour diffuser vos vidéos, qu’elles soient privées et / ou publics.
- La stratégie pour utiliser l’API Dailymotionavec des performances optimisées.
- L’utilisation du Framework PureMVC pour architecturer le Player Dailymotion.
- Comment utiliser l’API Dailymotion, ses paramètres, sa configuration et les fonctionnalités proposées.
A l’issue de cette formation, vous saurez programmer votre propre Player Vidéo, avec cette fois, toutes les fonctionnalités du Player Dailymotion.
Et vous pourrez, bien évidemment, l’utiliser pour diffuser vos vidéos sur votre site.
API Dailymotion
Version démonstration
Ci-dessous, le résultat du Player Vidéo Dailymotion avec l’implémentation de contrôles supplémentaires pour la gestion de l’avance rapide.
Un cours complet avec le code source est disponible pour les membres AS3 Formation.
Ce Player s’appuie sur le Framework PureMVC.
Comme pour le Player YouTube, il est possible de complètement personnaliser graphiquement le Player Dailymotion.
1 |
http://e6msyji6epr.exactdn.com/wp-content/uploads/2011/08/dailymotion-streaming.swf |
Télécharger le code source du cours AS3
Vous trouverez l’ensemble du code source commenté pour utiliser l’API Dailymotion dans vos applications flash.
Télécharger “exemple player video dailymotion.”
ex-player-video-dailymotion.zip – Téléchargé 756 fois – 98,60 KoLa documentation de l’API Dailymotion (en anglais).
Les paramètres du Player Dailymotion (avec flashvars).
Un exemple d’intégration de l’API du Player Dailymotion.
Le site des créateurs de ce film sur Half Life.
Et vous, utilisez-vous l’API Dailymotion ou l’API You Tube dans vos applications flash ?
Postez votre application implémentant l’une des deux API dans les commentaires ci-dessous.
Dites-nous pourquoi vous préférez l’une ou l’autre API.
Comment utiliser les informations Facebook dans une application Flash ? (API Facebook)
Commentaires fermés sur Comment utiliser les informations Facebook dans une application Flash ? (API Facebook)
Facebook a un succès mondial… et c’est peu de le dire !!!
Il y a un potentiel énorme pour les développeurs… flash / actionscript évidemment 😉
Savez-vous que l’API Facebook vous donne accès à une multitude de fonctionnalités Facebook ?
Toutes prêtes à être mises en œuvre dans une application flash !
Elle est pas belle la vie 😉
L’API Facebook est donc le thème du cours AS3 de cette semaine.
Voici ce que vous allez apprendre :
- Comment ajouter dans une application flash et l’utiliser l’API Facebook.
- La méthode pour configurer votre fichier html avec l’appel de votre swf, une méthode indispensable…
- Comment tout savoir sur les données de l’utilisateur Facebook, et surtout comment les utiliser dans votre application flash.
- Quelles sont les fonctionnalités disponibles, comme l’envoie de photos, afficher les albums photos, favoris, récupération des amis, de leurs informations… et comment mettre en œuvre ces fonctionnalités directement dans votre swf.
- Et encore plein d’autres possibilités… l’API Facebook est ultra complète pour le Flash 😉
Cette formation vous permettra d’être capable d’utiliser l’API Facebook et d’implémenter les fonctionnalités dont vous avez besoin directement dans votre jeu flash (ou application).
L’API Facebook
Version démonstration
Cliquez sur le lien ci-dessous pour la démonstration d’une application flash, directement dans Facebook !
Application Flash avec API Facebook.
Voici un autre exemple d’application qui utilise facebook.
Une webcam est nécessaire pour s’amuser avec cette application. Webcam Facebook a été développé avec le framework Pixlib.
Un cours complet avec le code source est disponible pour les membres AS3 Formation.
Note : un compte facebook est nécessaire pour utiliser cette application de démonstration.
Télécharger le code source du cours AS3
Vous trouverez l’ensemble du code source commenté pour vous aider dans l’utilisation de l’API Facebook dans vos applications flash.
Télécharger “Application API Facebook”
ex-facebook-api.zip – Téléchargé 874 fois – 132,53 KoPour créer votre application sur Facebook, enregistrez-la sur : http://www.facebook.com/developers/
Notez l’Id de l’application et la clé secrète pour l’utiliser dans votre application flash.
Consultez des exemples de l’utilisation l’API Facebook (en anglais).
Consultez la documentation complète de l’API Facebook (en anglais).
Et vous, utilisez-vous l’API Facebook dans une application flash ?
Dans quelles types d’applications ? Des jeux flash ?
Postez votre lien d’application implémentant l’API Facebook dans les commentaires ci-dessous.
Compatibilité Pixlib 3.0 et Monster Debugger 3
Pour la création d’une application avec le Framework Pixlib 3.0, j’ai ajouté une petite modification concernant le debug.
Pour l’instant Pixlib est compatible uniquement avec la version 2 de Monster Debugger.
Du coup, ce n’est pas très pratique pour votre debug dans Flash !
Si comme moi, vous utilisez la version 3 de Monster Debugger, vous apprécierez surement de profiter de ces nouvelles fonctionnalités de debug avancées.
Pour cela, j’ai juste modifié 2 lignes de code dans la classe PXDeMonsterDebuggerLayout.as et le tour est joué 😉
Pixlib 3 envoie ses traces dans la console Monster Debugger 3.01 😉
Ci-dessous le code complet du Framework Pixlib 3.0 avec l’extension PixLogger modifiée.
Les 2 lignes de codes modifiées :
[codesyntax lang= »actionscript3″ title= »PXDeMonsterDebuggerLayout.as » bookmarkname= »PXDeMonsterDebuggerLayout.as »]
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
/** * Default De MonsterDebugger client root target. * * @default null Use the PXbApplication.getInstance().root if * defined. * * @langversion 3.0 * @playerversion Flash 10 */ public static var ROOT : Object = PXApplication.getInstance().root; // -------------------------------------------------------------------- // Private implementation // -------------------------------------------------------------------- /** * @private */ function PXDeMonsterDebuggerLayout() { CLIENT["initialize"](ROOT); initColorMap(); if (AUTO_CLEAR) onClear(); } |
[/codesyntax]
La classe PXDeMonsterDebuggerLayout.as complète :
[codesyntax lang= »actionscript3″ title= »PXDeMonsterDebuggerLayout.as » bookmarkname= »PXDeMonsterDebuggerLayout.as »]
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 |
/* * Copyright the original author or authors. * * Licensed under the MOZILLA PUBLIC LICENSE, Version 1.1 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.mozilla.org/MPL/MPL-1.1.html * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ package net.pixlib.log.layout { import net.pixlib.core.PXApplication; import com.demonsters.debugger.MonsterDebugger; import net.pixlib.log.PXStringifier; import net.pixlib.collections.PXHashMap; import net.pixlib.log.PXLogEvent; import net.pixlib.log.PXLogLevel; import net.pixlib.log.PXLogListener; import flash.events.Event; /** * The PXDeMonsterDebuggerLayout class provides a convenient way * to output messages through <strong>De MonsterDebugger</strong> AIR application. * * @example Basic example * <listing> * * PXDeMonsterDebuggerLayout.CLIENT = MonsterDebugger; * PXLogManager.getInstance().addLogListener(PXDeMonsterDebuggerLayout.getInstance()); * </listing> * * @example Customize De MonsterDebugger client class * <listing> * * PXDeMonsterDebuggerLayout.CLIENT = MyDeMonsterClient; * PXDeMonsterDebuggerLayout.AUTO_CLEAR = false; * * PXLogManager.getInstance().addLogListener(PXDeMonsterDebuggerLayout.getInstance()); * </listing> * * @see #CLIENT Customize De MonsterDebugger client class * @see PIXLIB_DOC/net/pixlib/log/PXLogManager.html net.pixlib.log.PXLogManager * @see PIXLIB_DOC/net/pixlib/log/PXLogListener net.pixlib.log.PXLogListener * @see PIXLIB_DOC/net/pixlib/log/PXLogLevel net.pixlib.log.PXLogLevel * @see http://www.demonsterdebugger.com De MonsterDebugger site * * @langversion 3.0 * @playerversion Flash 10 * * @author Romain Ecarnot */ final public class PXDeMonsterDebuggerLayout implements PXLogListener { // -------------------------------------------------------------------- // Private properties // -------------------------------------------------------------------- /** * @private */ private static var _oI : PXDeMonsterDebuggerLayout ; // -------------------------------------------------------------------- // Protected properties // -------------------------------------------------------------------- /** * @private * * @langversion 3.0 * @playerversion Flash 10 */ protected var mColorLevel : PXHashMap; // -------------------------------------------------------------------- // Public properties // -------------------------------------------------------------------- /** * The De MonsterDebugger client class to user. * * @default net.pixlib.log.layout.MonsterDebugger class * * @langversion 3.0 * @playerversion Flash 10 */ public static var CLIENT : Class = MonsterDebugger; /** * Default De MonsterDebugger client root target. * * @default null Use the PXbApplication.getInstance().root if * defined. * * @langversion 3.0 * @playerversion Flash 10 */ public static var ROOT : Object = PXApplication.getInstance().root; /** * Indicates if console must be cleared on connection. * * @default true * * @langversion 3.0 * @playerversion Flash 10 */ public static var AUTO_CLEAR : Boolean = true; /** * Method name in DeMonsterDebugger to trace ouput message. * * @default "trace" * * @langversion 3.0 * @playerversion Flash 10 */ public static var DEBUG_METHOD : String = "trace"; /** * Method name in DeMonsterDebugger to clear ouput messages. * * @default "clearTraces" * * @langversion 3.0 * @playerversion Flash 10 */ public static var CLEAR_METHOD : String = "clearTraces"; /** * The depth of the trace. * * @default 4 * * @langversion 3.0 * @playerversion Flash 10 */ public static var DEPTH : uint = 4; /** * Display the public methods of a Class in the output panel. * * @default false * * @langversion 3.0 * @playerversion Flash 10 */ public static var FUNCTIONS : Boolean = false; // -------------------------------------------------------------------- // Public API // -------------------------------------------------------------------- /** * Returns uniqe instance of PXDeMonsterDebuggerLayout class. * * @return Unique instance of PXDeMonsterDebuggerLayout class. * * @langversion 3.0 * @playerversion Flash 10 */ public static function getInstance() : PXDeMonsterDebuggerLayout { if (!_oI) _oI = new PXDeMonsterDebuggerLayout(); return _oI; } /** * Releases instance. * * @langversion 3.0 * @playerversion Flash 10 */ public static function release() : void { if ( PXDeMonsterDebuggerLayout._oI is PXDeMonsterDebuggerLayout ) PXDeMonsterDebuggerLayout._oI = null; } /** * Triggered when a log message has to be sent.(from the PXLogManager) * * @param event The vent containing information about the message * to log. * * @langversion 3.0 * @playerversion Flash 10 */ public function onLog(event : PXLogEvent) : void { if ( CLIENT.hasOwnProperty(DEBUG_METHOD) ) { CLIENT[ DEBUG_METHOD ](event.logTarget, event.message, mColorLevel.get(event.level), FUNCTIONS, DEPTH); } } /** * Clears console. * * @langversion 3.0 * @playerversion Flash 10 */ public function onClear(event : Event = null) : void { if ( CLIENT.hasOwnProperty(CLEAR_METHOD) ) { CLIENT[ CLEAR_METHOD ](); } } /** * Returns string representation of instance. * * @return The string representation of instance. * * @langversion 3.0 * @playerversion Flash 10 */ public function toString() : String { return PXStringifier.process(this); } // -------------------------------------------------------------------- // Protected methods // -------------------------------------------------------------------- /** * @private * * @langversion 3.0 * @playerversion Flash 10 */ protected function initColorMap() : void { mColorLevel = new PXHashMap(); mColorLevel.put(PXLogLevel.ALL, 0x666666); mColorLevel.put(PXLogLevel.DEBUG, 0x0086B3); mColorLevel.put(PXLogLevel.INFO, 0x00B32D); mColorLevel.put(PXLogLevel.WARN, 0xB38600); mColorLevel.put(PXLogLevel.ERROR, 0xB32D00); mColorLevel.put(PXLogLevel.FATAL, 0xB3002D); } // -------------------------------------------------------------------- // Private implementation // -------------------------------------------------------------------- /** * @private */ function PXDeMonsterDebuggerLayout() { CLIENT["initialize"](ROOT); initColorMap(); if (AUTO_CLEAR) onClear(); } } } |
[/codesyntax]
Téléchargement Pixlib 3.0 avec Extension PixLogger
Pour vous faciliter encore plus la tâche, ci-dessous l’archive zip complète de Pixlib 3.0 avec l’extension PixLogger compatible Monster Debugger 3.01.
Télécharger “Pixlib 3.0 avec extension PixLogger pour De Monster Debugger 3”
Pixlib_3.0-extension_PixLogger-De_Monster_Debugger.zip – Téléchargé 659 fois – 673,71 KoComment personnaliser le Player YouTube en AS3 et utiliser le streaming ? (API YouTube)
Vous possédez un site avec plusieurs vidéos sous forme de tutoriels.
Comme la majorité, moi y compris, vous mettez vos vidéos sur YouTube, pour ensuite les afficher sur votre site.
Savez-vous qu’il est possible de complètement personnaliser le Player Vidéo YouTube ?
C’est ce que vous allez découvrir dans le cours vidéos de cette semaine 😉
Voici ce que je vais vous apprendre :
- Comment personnaliser le Player Vidéo YouTube pour le mettre à l’image de votre site.
- Comment utiliser les fonctionnalités du Player YouTube sur votre site.
- La méthode pour avoir un serveur de streaming gratuit.
- Comment utiliser la puissance des serveurs YouTube pour votre site, pour diffuser vos vidéos, qu’elles soient privées et / ou publics.
- La stratégie pour utiliser l’API YouTube avec des performances optimisées.
- L’utilisation du Framework PureMVC pour architecturer le Player YouTube.
- Comment utiliser l’API YouTube, ses paramètres, sa configuration et les fonctionnalités proposées.
A l’issue de cette formation, vous saurez programmer votre propre Player Vidéo, qui implémente toutes les fonctionnalités du Player YouTube. Et vous pourrez l’utiliser pour diffuser vos vidéos sur votre site.
API YouTube
Version démonstration
Ci-dessous, le résultat du Player Vidéo YouTube avec l’implémentation de contrôles supplémentaires pour la gestion de l’avance rapide.
Un cours complet avec le code source est disponible pour les membres AS3 Formation.
Ce Player s’appuie sur le Framework PureMVC.
Il est possible de complètement le personnaliser graphiquement. Hélas, je suis développeur et non graphiste 🙁
1 |
http://e6msyji6epr.exactdn.com/wp-content/uploads/2011/07/you-tube-streaming.swf |
Télécharger le code source du cours AS3
Vous trouverez l’ensemble du code source commenté pour vous aider dans l’utilisation de l’API YouTube dans vos applications flash.
Télécharger “API YouTube”
ex-you-tube-player.zip – Téléchargé 907 fois – 102,78 KoLa documentation de l’API YouTube (en anglais).
Le site des créateurs de ce film sur Half Life.
Et vous, utilisez-vous l’API You Tube dans une application flash ?
Dans quelles types d’applications ?
Postez votre lien d’application implémentant l’API You Tube dans les commentaires ci-dessous.
Charger dynamiquement les graphismes du Player Audio AS3 Formation [partie 3]
Commentaires fermés sur Charger dynamiquement les graphismes du Player Audio AS3 Formation [partie 3]
Dans la troisième partie de ce tutoriel vidéo, vous allez apprendre à charger dynamiquement les graphismes du Player AS3 Formation, sans recompiler le swf !
De plus, je vais vous expliquer l’implémentation des différentes fonctionnalités de cette version.
Et vous saurez pourquoi l’évènement Event.ENTER_FRAME n’est pas toujours l’idéal pour lancer des calculs sur l’affichage de vos interfaces. Et surtout comment le remplacer par une fonction moins gourmandes en ressources processeurs !
Et voici le résultat dans un swf :
1 |
http://e6msyji6epr.exactdn.com/wp-content/uploads/2011/06/audio-player.swf |
Téléchargez le code source du Player AS3 Formation
Renseignez votre email pour télécharger le code source complet du Player AS3 Formation.
Les classes sont commentées pour vous aider au maximum.
Découvrir les Artistes de l’Album écouté
L’album que vous écoutez provient du site jamendo.fr.
Écoutez et téléchargez l’album Saturnine Song
Dites-moi : quels tutoriels souhaitez-vous à propos du Framework Pixlib ?
Voulez-vous que j’aborde des fonctionnalités particulières de Pixlib ?
Avez-vous des questions sur ce cours ?
Posez-les dans les commentaires ci-dessous.
Je rédigerais les prochains tutoriels pour répondre à toutes vos questions.
Découvrez Pixlib Flash Plateform Framework.
Comment utiliser un fichier SWC avec Adobe Flash CS5 ?
Commentaires fermés sur Comment utiliser un fichier SWC avec Adobe Flash CS5 ?
Dans ce cours vidéo, nous allons apprendre à utiliser les fichiers SWC avec Adobe Flash CS5.
Puis la façon d’utiliser les composants du Framework AS3 Facile dans vos applications flash. Et également, comment utiliser Adobe Flash CS5 comme éditeur ActionScript.
Téléchargez le code source complet de l’exemple
Télécharger “Fichier SWC Adobe Flash CS5”
ex-fichier-swc-fla-AS3Facile.zip – Téléchargé 853 fois – 97,52 KoUtilisez-vous toujours Adobe Flash pour développer des applications flash ?
Ou peut être un éditeur ActionScript spécifique comme FDT PowerFlasher ?
Postez votre logiciel ActionScript préféré dans les commentaires ci-dessous.