LES TONTONS  FLEXEURS Retours d’expérience Flex User Group Rennais 29 septembre 2011 Jonas Monnier Arnaud Thorel @jonasmonnier @athorel
Retours d’expérience  AdobeMC Catégories de prix Prix du Jury Expérience Utilisateur et Design Architecture de l’application Innovation Utilité
Tap Doctor Présentation du jeu Développement Packaging Publication Stats Todo
Download  Tap Doctor
Présentation  Tap Doctor Puzzle du type Bejeweld Gratuit Développement en AS3 60 fps  Compilation AIR 2.7 en mode GPU
Développement  ObjectPooling Utilisation du pattern  ObjectPool  pour recycler les instances Qu'est ce que c'est ? Création d'un pool d'objet (ici pour les microbes, les points, les combos) dans laquelle on prend un objet lorsque nécessaire et dans laquelle on le retourne lorsque l'on en a plus besoin.L'intérêt étant de ne pas créer et détruire des instances inutilement. Pourquoi ? L'instanciation des objets, leur passage dans le GPU et leur ajout à la display list coûtent très cher sur mobile.  Dans le cas de TapDoctor on a besoin d'afficher en permanence de nouveaux objets alors que des tweens sont en cours d'éxecution.  Essentiel pour des tweens fluides. https://github.com/mikechambers/Simple-Game-Framework
Développement  MultiScreen Un code unique s'adaptant aux différents screen   Vecto to Bitmap : Assets vectoriels dans un swc. Application développée pour un screen défini (iPhone 320 x 480) Définition du ratio de resizing en fonction du screen Resizing des vectos via une Matrix Stockage des BitmapData Destruction des vectos Placement des éléments en fonction du ratio
Développement  MultiScreen A SAVOIR :  Le rétina effectue le rendu de 4 X plus de pixels. -> Attention aux performances A SAVOIR :  Très mauvais rendu des vectos en mode mode non rétina J'ai donc été obligé de développer une version spécifique iPhone non rétina utilisant des bitmap au lieu des vectos. POSITIF : Très bon rendu des vectos resizés en rétina
Packaging  Tutos Taches ANT pour IOS et Android + Flashbuilder pour Blackberry Tutos Adobe : IOS  : http://www.adobe.com/devnet/air/articles/packaging-air-apps-ios.html Android  : http://www.adobe.com/devnet/air/articles/packaging-air-apps-android.html Blackberry  : http://www.adobe.com/devnet/air/articles/packaging-air-apps-blackberry.html
Publication    AppStore License : 100$ Délai de 3-5 jours Documents justificatifs pour les entreprises Banque :  Versement sur votre compte avec RIB Publication : 5-7 jours pour publication & mise à jour Process : Certificat + UDID + Provisionning profile + App ID Softs nécessaire : Application Loader sous MAC
Publication   Android Market License : 25$ Immédiat Banque :  Versement sur votre compte avec RIB Validation du compte par virement en 3 jours Publication : Immédiat pour publication & mise à jour Process : Certificat Softs nécessaire : /
Publication  App World License : gratuite 3 à 5 jours en plusieurs étapes Carte d'identité pour les particuliers Documents administratifs justificatifs pour les entreprises Banque :  Versement sur paypal Publication : 2 jours Process : Certificats -> Flashbuilder fait le boulot Softs nécessaire : /
Stats Tap Doctor Depuis le 1er septembre Android : 448 installs 153 active installs iPhone : 1800 installs 100 / week 800 download en une journée avec la mise en avant sur un "App Gratuite" chinois. Blackberry : 300 installs 30 / week
Todo  Tap Doctor 2 Portage en AIR 3.0 - test du stage3D - test de Starling (2D framework for game dev running on top of Stage3D) http://www.bytearray.org/?p=3371 Animation des microbes & splash si perfs correctes Mise en place de levels & bonus Score en ligne Partage Facebook Twitter
XPense Report Présentation de l’application Environnement  Choix technologiques - Framework - Composants Réalisation Déploiement et debug Win/ Fail
Présentation de l’application Application de gestion de dépenses Développement en AS3 Application non disponible actuellement Composants avancés optimisés
Environnement iOS + Windows Récupération d’un certificat :  OpenSSL Génération certificats Packaging Rapide Résultats lents sur appareil Déploiement rapide Packaging Standard Résultats proche de la release Déploiement lent
Déploiement/Publication  AppStore Déploiement OK  mais procédure assez longue Récupérer certificats Récupérer mobileprovision Configurer pour lancement sur mobile Récupération du .ipa Installation sur iPhone  Publication KO Nécessite Application Loader Installation de VirtualBox avec OS-X Snow Leopard Récupérer les certificats et mobileprovision de production
Choix technologiques  Framework Utilisation de  RobotLegs   couplé avec  Signal Framework et gestion des événements plus légers Performances sur iOS plutôt bonne Adapté au développement d’applications mobile
Choix technologiques  Composants Création de composants ListPicker   « Tweet Deck » Advanced List Swipe / Delete State Sortable header Gesture Adapter (Mouse / Touch) Data Provider Item Renderer
Réalisation Utilisation de SQLite Utilisation de la camera Création d’une lib de composants Création d’une librairie de skin TextInput Skin – Article sur Flex-Tutorial Création d’un composant « Chart »
Déploiement et Debug Déploiement mis en place très rapidement Sur iOS, moins de déploiement, + de productivité  Debug sur iPhone (aïe aïe aïe)
Win /  Fail L’espérance  La résignation Le complexe du Challenge :  Faire le max dans les temps
Conclusion Flex manque encore de composants pour le tactile Apport de la communauté  People In Action Flex-Tutorial AsFusion Créer son application de façon incrémentale Une bonne application  Utile Pratique Rapide Design
Questions  Réponses

Retour d'expérience AdobeMC 2011

  • 1.
    LES TONTONS FLEXEURS Retours d’expérience Flex User Group Rennais 29 septembre 2011 Jonas Monnier Arnaud Thorel @jonasmonnier @athorel
  • 2.
    Retours d’expérience AdobeMC Catégories de prix Prix du Jury Expérience Utilisateur et Design Architecture de l’application Innovation Utilité
  • 3.
    Tap Doctor Présentationdu jeu Développement Packaging Publication Stats Todo
  • 4.
  • 5.
    Présentation TapDoctor Puzzle du type Bejeweld Gratuit Développement en AS3 60 fps Compilation AIR 2.7 en mode GPU
  • 6.
    Développement ObjectPoolingUtilisation du pattern ObjectPool  pour recycler les instances Qu'est ce que c'est ? Création d'un pool d'objet (ici pour les microbes, les points, les combos) dans laquelle on prend un objet lorsque nécessaire et dans laquelle on le retourne lorsque l'on en a plus besoin.L'intérêt étant de ne pas créer et détruire des instances inutilement. Pourquoi ? L'instanciation des objets, leur passage dans le GPU et leur ajout à la display list coûtent très cher sur mobile.  Dans le cas de TapDoctor on a besoin d'afficher en permanence de nouveaux objets alors que des tweens sont en cours d'éxecution.  Essentiel pour des tweens fluides. https://github.com/mikechambers/Simple-Game-Framework
  • 7.
    Développement MultiScreenUn code unique s'adaptant aux différents screen   Vecto to Bitmap : Assets vectoriels dans un swc. Application développée pour un screen défini (iPhone 320 x 480) Définition du ratio de resizing en fonction du screen Resizing des vectos via une Matrix Stockage des BitmapData Destruction des vectos Placement des éléments en fonction du ratio
  • 8.
    Développement MultiScreenA SAVOIR :  Le rétina effectue le rendu de 4 X plus de pixels. -> Attention aux performances A SAVOIR :  Très mauvais rendu des vectos en mode mode non rétina J'ai donc été obligé de développer une version spécifique iPhone non rétina utilisant des bitmap au lieu des vectos. POSITIF : Très bon rendu des vectos resizés en rétina
  • 9.
    Packaging  Tutos TachesANT pour IOS et Android + Flashbuilder pour Blackberry Tutos Adobe : IOS : http://www.adobe.com/devnet/air/articles/packaging-air-apps-ios.html Android : http://www.adobe.com/devnet/air/articles/packaging-air-apps-android.html Blackberry : http://www.adobe.com/devnet/air/articles/packaging-air-apps-blackberry.html
  • 10.
    Publication    AppStoreLicense : 100$ Délai de 3-5 jours Documents justificatifs pour les entreprises Banque :  Versement sur votre compte avec RIB Publication : 5-7 jours pour publication & mise à jour Process : Certificat + UDID + Provisionning profile + App ID Softs nécessaire : Application Loader sous MAC
  • 11.
    Publication   Android MarketLicense : 25$ Immédiat Banque :  Versement sur votre compte avec RIB Validation du compte par virement en 3 jours Publication : Immédiat pour publication & mise à jour Process : Certificat Softs nécessaire : /
  • 12.
    Publication  App WorldLicense : gratuite 3 à 5 jours en plusieurs étapes Carte d'identité pour les particuliers Documents administratifs justificatifs pour les entreprises Banque :  Versement sur paypal Publication : 2 jours Process : Certificats -> Flashbuilder fait le boulot Softs nécessaire : /
  • 13.
    Stats Tap DoctorDepuis le 1er septembre Android : 448 installs 153 active installs iPhone : 1800 installs 100 / week 800 download en une journée avec la mise en avant sur un "App Gratuite" chinois. Blackberry : 300 installs 30 / week
  • 14.
    Todo TapDoctor 2 Portage en AIR 3.0 - test du stage3D - test de Starling (2D framework for game dev running on top of Stage3D) http://www.bytearray.org/?p=3371 Animation des microbes & splash si perfs correctes Mise en place de levels & bonus Score en ligne Partage Facebook Twitter
  • 15.
    XPense Report Présentationde l’application Environnement Choix technologiques - Framework - Composants Réalisation Déploiement et debug Win/ Fail
  • 16.
    Présentation de l’applicationApplication de gestion de dépenses Développement en AS3 Application non disponible actuellement Composants avancés optimisés
  • 17.
    Environnement iOS +Windows Récupération d’un certificat : OpenSSL Génération certificats Packaging Rapide Résultats lents sur appareil Déploiement rapide Packaging Standard Résultats proche de la release Déploiement lent
  • 18.
    Déploiement/Publication AppStoreDéploiement OK mais procédure assez longue Récupérer certificats Récupérer mobileprovision Configurer pour lancement sur mobile Récupération du .ipa Installation sur iPhone Publication KO Nécessite Application Loader Installation de VirtualBox avec OS-X Snow Leopard Récupérer les certificats et mobileprovision de production
  • 19.
    Choix technologiques Framework Utilisation de RobotLegs couplé avec Signal Framework et gestion des événements plus légers Performances sur iOS plutôt bonne Adapté au développement d’applications mobile
  • 20.
    Choix technologiques Composants Création de composants ListPicker « Tweet Deck » Advanced List Swipe / Delete State Sortable header Gesture Adapter (Mouse / Touch) Data Provider Item Renderer
  • 21.
    Réalisation Utilisation deSQLite Utilisation de la camera Création d’une lib de composants Création d’une librairie de skin TextInput Skin – Article sur Flex-Tutorial Création d’un composant « Chart »
  • 22.
    Déploiement et DebugDéploiement mis en place très rapidement Sur iOS, moins de déploiement, + de productivité Debug sur iPhone (aïe aïe aïe)
  • 23.
    Win / Fail L’espérance La résignation Le complexe du Challenge : Faire le max dans les temps
  • 24.
    Conclusion Flex manqueencore de composants pour le tactile Apport de la communauté People In Action Flex-Tutorial AsFusion Créer son application de façon incrémentale Une bonne application Utile Pratique Rapide Design
  • 25.