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 ! :)

Rolling Jump version 1.1 avec les nouvelles features était gratuit hier.

Rolling jump version 1.1 est sorti la semaine dernière.

Hier mon jeu était disponible gratuitement sur l’appstore.

Il y a désormais plus de 2000 commentaires avec cette note : ★★★★★. :)

It was 1st on the top 25 on several appstore in Europe. (France, Spain, Belgium, …)

Il était premier du top 25 français, espagnol, belge, …

Télécharger Rolling Jump sur l’appstore.

Télécharger Rolling Jump free sur l’appstore.

Description

Aidez Lighty à sauvegarder la lumière du monde en échappant aux créatures de l’ombre dans ce jeu incroyablement ADDICTIF et FUN !

Dans Rolling Jump, votre but est d’aider le héros, Lighty, à sauter de plus en plus haut dans le ciel et d’échapper aux créatures de l’ombre. Pour cela, il faudra apprendre le double saut, s’aider des murs pour atteindre des roues difficiles d’accès, enchaîner les bonus multiplicateurs de points en faisant des sans faute et obtenir une dextérité à toute épreuve pour ne jamais tomber.

Vous découvrirez alors les différents niveaux de l’arc-en-ciel et atteindrez alors les étoiles et le cosmos ! Protégez la lumière, sauvez le monde et montrez à tous votre valeur en faisant partie du top mondial !

★ 7 niveaux à découvrir pour atteindre les étoiles

★ Difficulté croissante avec un véritable challenge pour les plus exigeants

★ Multipliez votre score jusqu’à x10 en faisant des sauts sans faute

★ Nouveau Bonus de Boost propulsant Lighty dans les airs

★ Choppez les étoiles pour augmenter votre multiplicateur de scores

★ Gobez les soleils pour charger votre bonus de Boost

★ Eviter les montgolfières vous faisant tomber et les roues rebondissantes

★ Aidez-vous des murs pour rebondir plus haut

★ Classez-vous parmi les meilleurs joueurs du monde via le Game Center

★ Comparez-vous à vos amis et défiez-les !

★ Graphismes Retina mélangeant le style cartoon et steam-punk

Obtenir des trucs et astuces sur Rolling Jump :

http://www.facebook.com/rollingjump

Suivez-nous sur Twitter : @Chugulu

Devenez fan de Chugulu : http://www.facebook.com/chugulugames

ActionScript : Protégez vos jeux Flash sur le web, sitelockez-les

Si vous souhaitez diffuser vos jeux Flash sur les portails de jeux NE LES UPLOADER PAS AVANT D’AVOIR SITELOCKE VOS JEUX.

POURQUOI ?

Vos jeux peuvent être “volés” par d’autres portails de jeux. Ils le mettrons sur leur portail sans autorisation de votre part.
Ou bien si vous n’avez pas encore terminé votre jeu et que vous voulez le mettre à jour “bonjour la misère” pour mettre à jour votre jeu sur tous les portails du web.

J’ai essayé beaucoup de codes pour sitelocker mes jeux mais certains trouvés sur le net sont encore en ActionScript 2.0 ou totalement périmés.
Certains ne fonctionnent pas avec le préfixe “https” ou sans les “www”.
Un autre exemple, quand vous voulez simplement tester votre jeu sur votre machine, il faut commenter le code de sitelock et ne pas oublier de le décommenté avant de l’uplopadé sur web.

Donc j’ai décidé de créer mon propre script de sitelock.

Il s’agit d’une version simplifiée de mon script de base mais cette version est parfaite pour toutes utilisations.

Installation

Copier et coller ce bout de code et ajouter les domaines dans le tableau “[ ]” séparés par des virgules.

[“kongregate.com”, …, …]

Vous pouvez vérouiller la lecture en local du jeu en changeant le second paramètre pour “false”.
La valeur par défaut étant true.