Astuce appelez jQuery dans AS3 avec jotAQuery

La communication entre Flash et Javascript est quelque chose de familier à tout développeur ActionScript; Heureusement, il existe des classes qui nous aident dans le processus. Lisez ce petit conseil pour savoir à quel point c'est facile!

Étape 1: Pourquoi aurais-je besoin de Javascript??

L'interactivité.

De l’intégration du navigateur (boutons Précédent / Suivant) à la manipulation swf complète (modification des propriétés, paramètres, etc. du film intégré intégré). Les deux langues sont très puissantes et peuvent l'être encore plus lorsque vous les combinez.

Le code Javascript brut peut être appelé à l'aide de la classe d'interface externe intégrée à ActionScript 3, mais imaginez la puissance et la simplicité de jQuery et de ses méthodes et fonctions prédéfinies. Ça sonne bien, voyons comment ça se passe.

Étape 2: ActionScript + jQuery

jotAQuery est un port ActionScript vers jQuery qui permet l'utilisation de code jQuery dans une classe ActionScript 3. La plupart des méthodes jQuery sont disponibles, mais certaines ne peuvent pas être implémentées..

Pour que jotAQuery fonctionne, vous aurez besoin de l'animation Flash compilée à l'aide des classes jotAQuery et du fichier HTML dans lequel vous intégrerez le fichier swf. Vous devrez également lier la bibliothèque jQuery à votre fichier HTML..

Dans les étapes suivantes, nous allons créer un exemple simple qui se fondra dans un film SWF à l'aide de jQuery..

Étape 3: Téléchargez jotAQuery

Accédez à la page de code Google jotAQuery et téléchargez les fichiers source. Vous devrez parcourir la source pour obtenir les trois fichiers nécessaires, car ils ne sont pas marqués dans la section des téléchargements..

Étape 4: ActionScript

Préparez une nouvelle classe ActionScript et écrivez le code suivant:

 package import flash.display.Sprite; import com.singuerinc.as3.external. *; classe finale publique principale étend Sprite fonction finale publique principale () / * Exemple appel * / / * $ ('# flashContent'). slideUp (300); * / / * Vous pouvez également charger du code en utilisant cette syntaxe * / jQuery.execute (  )

Liez ce fichier en tant que classe de document dans votre fichier FLA et passez à la partie HTML.

Étape 5: HTML

Vous pouvez utiliser le fichier HTML par défaut exporté par Flash (cochez la case HTML dans le champ Publier menu), il vous suffit de créer un lien vers votre fichier source jQuery:

 !DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Strict // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">   jotAQuery       ? html continue ici

Ouvrir ce fichier et voir l'effet en direct!

Conclusion

Découvrez le pouvoir de jQuery et essayez différents exemples d'interaction. J'espère que vous avez aimé ce petit conseil, merci d'avoir lu!

Code