Tutoriel : Comment remplacer et masquer le curseur de la souris en Flash avec ActionScript 3

Je vais vous montrer comment masquer le curseur de la souris en Flash et comment le remplacer par une autre image.

C’est très simple mais vous avez besoin d’au moins d’un Clip.

Vous pouvez télécharger les codes sources : Hide_mouse_cursor_and_custom_cursor.fla.

  • Créer un nouveau fichier ActionScript 3 dans Flash
  • Puis: Insertion > Nouveau Symbole > Nom: CustomCursor > Clip > OK.
  • Utiliser une image ou dessiner un curseur perso. Placer la pointe du curseur au niveau du point d’origine.
  • Puis retourner sur la Séquence principale.
  • Ajouter une occurrence du Clip CustomCursor sur la scène.
  • Mettre le nom d’occurrence de ce Clip dans ses propriétés : Cliquer sur le symbole sur la scène > Panneau propriétés > Nom d’occurrence: cursor
  • Ouvrir ensuite le panneau Actions et commencer à coder.

C’est terminé :).

Nano War – La guerre cellulaire débarque sur iPhone et iPad

icon_128
Nano War appstore
Nano War iOS
Nano War, le Jeu Flash « Culte » enfin sur iOS
Combattez l’infection de vos cellules avec ce jeu de stratégie et conquête dans lequel « la meilleure défense, c’est l’attaque !

Chugulu annonce aujourd’hui la sortie de Nano War, un jeu de stratégie offensive sur iPhone et iPad. Créé par Benoit Freslon et sorti en 2008 dans une version Flash sur Internet, le jeu avait rencontré un vrai succès d’estime dans la communauté « Indie », avec plusieurs dizaines de millions de parties jouées sur Kongregate et sur les sites de Disney.

Dans Nano War,  vous devrez sauvez un corps humain des virus qui ont infecté ses cellules. Pour cela vous devrez envoyer vos cellules à la conquête des cellules ennemies tout en assurant votre défense.

Doté d’un gameplay plus approfondi, d’un design plus coloré et d’une ergonomie tactile très intuitive, Nano War reste très simple à prendre en main mais demande l’élaboration d’une vraie stratégie dans les niveaux plus avancés.

Le jeu propose le parcours de 4 premières zones du corps humain réparties sur 40 niveaux. Les 10 premiers niveaux sont gratuits, les suivants pourront être débloqués en achat in-app. A chaque fin de niveau, le joueur devra affronter un boss qui lui donnera du fil à retordre. Un mode Bataille pour jouer à des parties personnalisées est déblocable en in-app et un mode multijoueur en ligne est en cours de développement, il sera proposé gratuitement dans les prochains mois.

Depuis 2008 des milliards de cellules ont été sauvées, permettant à Nano War d’être classé Top 10 sur Kongregate et « Game of the Week » sur IndieGames.com. Le jeu avait reçu 3 prix (Prix SACD 2008, Florilège du Web Flash Festival 2008, Gagnant du concours WhoseGame) et avait bénéficié d’un article élogieux sur Mac4ever.com qui précisait :

★ “…un des petits jeux en flash les plus addictifs que vous pourrez trouver.” Mac4ever.com

Nano War est disponible sur iPhone et iPad http://bit.ly/NanoWar

Vidéo du trailer : http://youtu.be/n-z5TRyKsg0

Pour être tenu informé des évolutions à venir du projet, rejoignez-nous sur facebook.

 

Tutoriel : Installer les librairies TweenMax ActionScript 3 avec Flash IDE pour débutants

A propos de Tweenmax

Dans ce tutoriel je vais expliquer comment installer les librairies TweenMax ActionScript 3.0 dans Flash.

Les libraries TweenMax sont disponiblers pour ActionScript 3.0 et 2.0. Développées par la team GreenSock.

Cette librairie reste incontournable dans le développement Flash.

On peu l’utiliser pour faire beaucoup de choses différentes en quelques lignes :

  • Déplacer des objets en animations.
  • Appler des fonctions avec un délais.
  • Changer la teinte d’un objet de manière fluide
  • Utiliser des animations spécifiques (Rebond, élastique, ralentissement, …)
  • Et gérer facilement l’ensemble tous les évènements générés par TweenMax.

En quelques mots cette librairie déchire !

Voici l’exemple que fourni greensock.com :

Commençons !

Installation

Télécharger le zip de TweenMax depuis le site : http://www.greensock.com/tweenmax/

greensock

Ensuite décompresser le .zip quelque-part.

Ouvrir Flash et créer un nouveau fichier ActionScript 3.0.

flash

Ajouter ensuite les librairies dans votre fichier en cliquant sur les propriétés ActionScript :

as3

  1. Cliquer sur l’onglet Chemin biliothèque
  2. Cliquer sur le “+”
  3. Cliquer sur l’icône swc
  4. Sélectionner le fichier greensock.swc depeuis le dossier greensock que vous avez décompressé.
  5. Enfin valider en cliquant sur OK

add_tweenmax_libs

Eeeeeeeeeeet… C’est terminé ! :)

ActionScript 2 : setTimeout appeler une fonction avec un délais

Juste au cas où vous avez oublié comment lancer une fonction avec un délai en Flash avec ActionScript 2 (as2). Voici la solution !
Si vous cherchez la version ActionScript 3 c’est ici.

C’est tout :)

Tutoriel : Exporter vos animations Flash sur iPhone et iPad avec cocos2d et TexturePacker

Salut amis codeurs iOS,

Dans ce tutorial je vais vous montrer comment exporter une animation .swf utilisable pour iPhone iPad et pour les supports retina avec cocos2d-iPhone 2.0. En gros un truc qui fait le café !

J’utilise toujours Adobe Flash lorsque je développe des jeux quelque soit le support.
Flash est un super outils pour les développeurs : interface WYSIWYG, éditeur d’animations, éditeur vectoriel, …
Si je veux redimensionner mes animations aucun problème avec le vectoriel :).

You pouvez télécharger le zip final AnimatedSpriteWithFlash.zip.

1. Outils et fichiers

Vous avez besoin de quelques outils et quelques fichiers :

  • Télécharger et installer les librairies Cocos2D-iPhone 2.0 libraries avec le template.
  • Télécharger et installer Adobe Flash.
  • Télécharger et installer TexturePacker.
  • Télécharger les classes AnimatedSprite sur github.
  • Télécharger les animations Flash : Pig.zip.


2. Flash

Dans Flash

  • Ouvrir pig_walk.fla et pig_dead.fla avec Adobe Flash.
  • Ensuite exporter les animations avec CMD+Entrée ou CTRL+Entrée sous Windows.
  • Flash va exporter un fichier .swf dans le même dossier : pig_walk.swf et pig_dead.swf.

Astuces dans Flash

  • Créer un repère au centre de la scène. Seulement pour se positionner. Supprimer-le avant l’exportation ou bien utiliser un calque “Guide” pour le rendre invisible.
  • Utiliser les mêmes dimensions de scène pour les différentes animations d’un seul objet.
  • Utiliser un symbole “Graphique” au lieu d’un “MovieClip”. Les animations Graphiques sont lisibles par TexturePacker.

Capture d’écran 2013-03-01 à 17.45.44

  • Créer un fichier .fla par animation.
  • Toujours travailler pour l’échelle 2048×2948 iPad retina. Afin d’être déjà prêt pour l’export iPad retina :).

3. TexturePacker

Dans TexurePacker

Utilisons TexturePacker pour exporter un spritesheet compressé pour une application universelle.

  1. Ajouter pig_walk.swf et pig_dead.swf dans TexturePacker
  2. Cliquer sur le […] puis sélectionner le dossier d’export et rentrer le nom de fichier : pig-ipadhd.plist (ipadhd pour l’exportation universelle).
  3. Texture au format : zlib compr, PVR (.pvr.ccz, Ver.2)
  4. Cocher Premultiply alpha
  5. AutoSD: régler cocos2D ipad/hd/sd et valider en cliquant sut Apply.
  6. Sauvegarder le fichier puis cliquer sur Publish. TexturePacker va alors exporter 6 fichiers, les images .pvr et les bases de données .plist pour chaque format (ipad/hd/sd).

Voici le rendu du spritesheet:

pig

Astuces TexturePacker

  • Régler l’image en couleur RGBA4444 si vous souhaiter optimiser les médias. Puis régler le Dithering à FloydSteinbergAlpha pour avoir un meilleur rendu sur les dégradés de couleur.
  • Toujours travailler avec le même framerate dans Flash et dans XCode.
  • Les dimensions maximales sont de 4096×4096 pour une texture de type iPad retina et 2048×2048 pour un iPhone 3GS. Mais TexturePacker s’occupe de redimensionner tout ça.
  • Cocher Allow rotation
  • Régler size contraints à Any size
  • Si vos sprites sont coupés sur les côtés dans votre rendu régler Trim mode à None.
  • Cocher Enable auto alias
  • Soyez curieux et testez d’autres réglages ;).

4. XCode

Dans Xcode

  • Créer un nouveau projet Cocos2D avec le template installé.
  • Régler le iOS deployment Target à 5.1 au moins.
  • Ajouter le fichier AnimatedSprite.m et le fichier AnimatedSprite.h dans votre projet XCode. Ne pas oublier de cocher la “target” du projet au moment de l’importation.

Capture d’écran 2013-03-02 à 11.56.56

  • Si vous utiliser ARC dans votre projet ajouter un “flag” sur le fichier : Target > Build Phases > Puis ajouter le “compiler flag” sur le fichier AnimatedSprite.m > –fojbc-arc. NB: Par défaut l’ARC n’est pas activé.

Capture d’écran 2013-03-01 à 16.58.30

  • Ajouter de la même manière ces fichiers dans le projet XCode :
    • pig.plist
    • pig.pvr.ccz
    • pig-hd.plist
    • pig-hd.pvr.ccz
    • pig-ipadhd.plist
    • pig-ipadhd.pvr.ccz

Capture d’écran 2013-03-02 à 11.57.02

  • Ouvrir le fichier HelloWorldLayer.h depuis XCode et remplacer le par celui ci :

  • Ensuite utiliser ce code pour la classe HelloWorldLayer.m :

Cliquez sur Run et voilà le travail :).

Si vous tapez sur l’écran l’animation de mort va se lancer et le cochon va disparaitre.

C’est fini !

Capture d’écran 2013-03-04 à 00.09.40

Vous pouvez également lire les commentaires du fichier AnimatedSprite.h pour plus de détails sur cette classe qui permet de gérer des animations.

A ++ !

Color Fish

Ma dernière création pour Teisseire. Un advergame conçu et réalisé avec l’équipe Castor & Pollux. Il s’agit d’une applicaiton Facebook avec un jeu concours.
Malhauresement le concours est déjà terminé. Cependant cette version jouable ici est une version démo limitée à 6 niveaux.

Color Fish est un petit jeu de puzzle basé sur la physique dans lequel le joueur devra faire preuve d’ingéniosité et de dextérité pour arriver à verser du sirop dans un aquarium.

Play Color Fish

The WTF Game Experience maintenant jouable

Salut à tous,

Vous pouvez maintenant jouer à “The WTF Game Experience” sur Kongregate.

The WTF Game Experience est un jeu d’action et de réflexion sous le thème du délire dans lequel se trouve les fameux “Internet memes”.

Pendant une soirée arrosée 2 gars décident de créer un puzzle géant avec des bouteilles de bière un entonnoir et divers accessoires.

Trouver un moyen de verser la bière dans l’entonnoir.

Partagez-le, likez-le, votez 5 étoiles et amusez-vous à créer des niveaux.

Thanks ;).

The WTF Game Experience: private beta test

Bonjour tout le monde !

Je suis en train de développer un nouveau jeu en Flash avec un moteur physique et un gameplay simple et une approche plutôt originale.
Le jeu est toujours en développement mais je vous invite à tester la version beta.

Pour tester le jeu c’est ici et entrez le mot de passe : beta

Postez vos commentaires, vos feedback ou reporter des bugs avec le bouton adéquate dans le jeu.
J’espère que vous apprécierez mon nouveau “délire”.

Bon jeu ;) !

Nano War iOS sur indiedb.com

Je suis content de vous annoncer la page de Nano War sur le site indiedb.com :

Nano War iPad, iPhone game

le jeu est toujours en développement. Mais une version jouable est disponible ici :
https://testflightapp.com/join/4ee26af02efe08560eb615055e07e376-Nzk2ODU/

Nano War iOS application version beta, à la recherche de testeurs !

Bonjour utilisateurs de smartphones,

Je suis heureux de vous annoncer la prochaine sortie de la version beta de Nano War iOS. Très bientôt disponible aux beta-testeurs iPhone et iPad.

Il s’agit d’une étape extrêmement importante.  N’hésitez pas à me contacter ou à utiliser le formulaire de « feedback » depuis l’application. En attendant cette arrivée je vous invite à vous inscrire sur le site de TestFlight pour recevoir l’application par email.

Donc si vous souhaitez tester Nano War iOS je vous invite cliquez sur ce lien et de vous inscrire : https://testflightapp.com/join/4ee26af02efe08560eb615055e07e376-Nzk2ODU

Cela prend 1 minute. Inscrivez-vous directement via votre iPhone ou/et votre iPad ou loguez-vous depuis votre smartphone. Cela me permettra d’enregistrer l’identifiant de vos périphériques et le certificat TestFlight s’installera sur votre device.

C’est fait ? Parfait ! Vous recevrez par email la dernière version jouable par email. il suffira d’ouvrir la pièce jointe depuis votre smartphone et l’installation se fera toute seule.

Merci beaucoup ! :)