Tutos

Flash Swticher : jonglez avec plusieurs versions de Flash

Flash Switcher est une extension Firefox qui (comme son nom l’indique) permet de “switcher” entre plusieurs versions du plugin Flash pour Firefox.

Cette extension est fort utile pour tester des applis Flash avec des vieilles versions du plugin (sisi ça existe encore les clients qui veulent du Flash 6…) mais aussi pour basculer entre la version normale et debug du plugin. Et puis en ces temps euphoriques de sortie de Flash 10, il est bien pratique de pouvoir facilement revenir à une version stable et entièrement fonctionnelle.

Lire le reste de cet article »

Le 16 mai 2008 par PingooO

Tags = ["", ""];

Aucun commentaire

Le blog

Enfin !

Un nouveau thème pour notre blog. Depuis le début du String dans l’Array nous nous traînions avec le thème wordpress de base. Ce n’est plus qu’un vieux souvenir. Place aux couleurs pétantes et aux headers génératifs !

Design : .W.
Logo : alma & vogler voice
Code : PingooO

Le 15 mai 2008 par PingooO

Tags = [];

7 commentaires

Veille

Adobe Flash Player 10 : codename Astro

La Démo d\'Astro

Adobe vient tout juste de proposer en téléchargement une prerelease du Flash Player 10.

Une démo disponible sur le lab d’Adobe permet de se faire une petite idée des nouveautés qui nous attendent : 3D Native, accélération GPU (?!), Chaines IK (animateurs de tous pays, réjouissez vous…), gestionnaire de texte ameilloré, et surtout bien sûr les custom effects en Hydra Pixel Bender.

Update : Mais aussi File Reference (ouverture/écriture de fichiers locaux), génération de sons dynamiques, ECMAScript 4…etc.

Le 15 mai 2008 par kikko

Tags = ["", "", "", ""];

3 commentaires

Code

Trois petites méthodes…

…bien utiles pour des scrollbars (entre autre).

Qui ne s’est jamais pris la tête avec des scrollbars dans Flash ? Quand il faut calculer le ratio entre les positions du contenu et du bouton de scroll… Pour peu que la taille de la scrollbar soit différente de celle du conteneur, on s’en arrache vite les cheveux.

Bit-101 a transcrit en AS3 trois méthodes provenant d’un livre sur Processing.

normalize(value, min, max) prend une valeur comprise dans un intervalle min - max et la convertit en une valeur comprise entre 0 et 1. La valeur de départ peut dépasser les bornes de l’intervalle.

interpolate(value, min, max) prend une valeur normalisée (comprise entre 0 et 1) et renvoie la valeur correspondante dans l’intervalle min - max.

map(value, min1, max1, min2, max2) prend une valeur et un intervalle de départ (min1 - max1) et renvoie la valeur correspondante dans l’intervalle min2 - max2.

L’article original de Bit-101
Et la petite classe as3 :

package {
	public class NumberUtils {
		public static function normalize(value:Number, minimum:Number, maximum:Number):Number {
			return (value - minimum) / (maximum - minimum);
		}
		public static function interpolate(normValue:Number, minimum:Number, maximum:Number):Number {
			return minimum + (maximum - minimum) * normValue;
		}
		public static function map(value:Number, min1:Number, max1:Number, min2:Number, max2:Number):Number {
			return interpolate( normalize(value, min1, max1), min2, max2);
		}
	}
}

Le 14 mai 2008 par PingooO

Tags = ["", ""];

2 commentaires

Veille

Opera Dragonfly : le Firebug venu du froid

Opera, éditeur norvégien qui développe le navigateur éponyme, vient de sortir en version alpha Dragonfly, un débuggeur JavaScript / DOM fort prometteur. Opera souffrait depuis un moment du manque d’un tel outil, voyons si l’attente en valait la peine…

Bien évidemment, on ne peut s’empêcher de penser à Firebug, une application similaire existant pour Firefox sous forme d’extension. Celui-ci, maintenu par un développeur de chez Facebook, a réellement changé la vie des aficionados du JavaScript tant il simplifie lé débuggage d’applications JavaScript / AJAX complexes. (pendant ce temps, les développeurs Flash attendent toujours un débuggeur décent…)

Notez que Microsoft prépare également un outil dans le style pour Internet Explorer 8.

Opera Dragonfly en action

Ce qu’il y’a d’important à retenir sur Dragonfly :

  • l’appli est légère et assez réactive, contrairement à Firebug qui avait tendance à mettre Firefox 2 à genoux assez vite
  • Dragonfly se comporte comme un application web et se met donc à jour automatiquement
  • possibilité de débugger à distance, utile pour des terminaux mobiles ou des consoles (uniquement avec Opéra Mini pour le moment)
  • mise à jour du DOM en live
  • pas encore possible d’éditer le CSS à la volée, mais promis-juré c’est pour bientôt, qu’ils disent
  • Dragonfly est open source (licence BSD) : un premier pas d’Opera vers le libre ?
  • les gens d’Opera ont un accent rigolo.

Dragonfly est plutôt léché, mais n’offre en l’état pas grand chose de plus que Firebug. Ce n’est encore qu’une alpha et les gens d’Opera ont fait un tas de promesses alléchantes, donc wait and see…

“The initial alpha release is just the beginning. Opera Dragonfly has a fully featured road map, including support for editing of CSS, JavaScript and the DOM, a single window mode, improved JavaScript thread handling, XHR AND HTTP MONITORING, improved keyboard navigation, and translation into a number of languages.”

Dragonfly est livré avec Opera 9.5 beta 2. On accède ensuite à l’outil via Outils > Avancé > Outils de développeur, et ensuite il n’y a plus qu’à suivre le petit tutorial.

Le “oui mais t’a pas Firebug” étant généralement de mise lorsque l’on évoque Opera à un Firefox fanboy, voilà qui va peut-être un peu changer la donne et attirer un peu d’attention sur un navigateur qui le mérite largement (et qui passe le test Acid3, contrairement à d’autres…).

Le 10 mai 2008 par nerik

Tags = ["", "", "", "", ""];

3 commentaires

Veille

La YUI

Un peu de Javascript dans ce monde de flasheur bon sang de bois !

Et avant toute chose, je tenais à clarifier mon statut : je suis graphiste/webdesigner et non développeur pur souche. :)
Voila qui est dit, on peut donc partir sur de bonnes bases !

La YUI (pour Yahoo! User Interface et à prononcer “yaoui”) est la librairie Javascript écrite par le géant Yahoo! et qui comporte un nombre très intéressants de features pour la manipulation du DOM, la gestion d’Event et l’AJAX.
Le gros avantage de cette librairie sur les autres est sa robustesse puisque la YUI est compatible tout navigateur avec une gestion des links très aisées (pas besoins de charger toute la YUI pour une simple gestion d’event). Elle est donc beaucoup plus légère que le couple prototype/scriptaculous grâce à sa conception modulaire mais en revanche bien plus bavarde à cause des namespace.

yui

Lire le reste de cet article »

Le 8 mai 2008 par antoine

Tags = ["", ""];

4 commentaires

Veille

Flash en route vers la liberté ?

Billet original sur blogbangbang.com

Adobe à annoncé aujourd’hui la libération des spécifications des formats swf et flv !

Cet article va donc s’efforcer de détailler ce qui va changer, mais aussi ce qui ne changera pas suite à cette annonce.

Lire le reste de cet article »

Le 1 mai 2008 par jblanche

Tags = [""];

5 commentaires

Chroniques

Rions avec le player Flash de debug

Le player Flash de debug en action, sur le site d'Adobe...

Le player Flash de debug en action, sur le site d’Adobe…

Le 30 avril 2008 par nerik

Tags = [""];

1 commentaire

Veille

L’ouvrage libre “Pratique d’ActionScript 3″ est disponible

Logo pratique as3

Kikko l’annonçait dans son précédent article, c’est maintenant chose faite : le livre “Pratique d’ActionScript 3″ de Thibault Imbert est enfin disponible. Prévu au départ pour les éditions O’REILLY France, c’est aujourd’hui en version libre (PDF) que Thibault le propose à la communauté Flash/Flex depuis le site dédié. Pour ceux que la lecture sur écran incommode ou que l’impression des 1100 pages (!) inquiète, une version papier devrait bientôt être disponible.

Pour télécharger l’ouvrage, c’est ici.

Le 29 avril 2008 par ju

Tags = ["", "", "", "", ""];

2 commentaires

Veille

Conventions de codage en AS3

Adobe vient de publier un document fort intéressant intitulé « Flex SDK coding conventions and best practices ». Le titre est trompeur puisqu’il n’est point question de Flex mais bien d’AS3, ce qui est révélateur quand à l’obsession maladive d’Adobe sur Flex (au détriment de Flash en tant qu’IDE, oserais-je avancer). Plus généralement, cette louable initiative, parmi d’autres, tend à montrer à quel point la firme californienne cherche à se créer une crédibilité auprès des « vrais » développeurs.

La lecture ou au moins le survol de ce document est recommandé. C’est un condensé de bon sens qui tranche avec le grand n’importe quoi de l’AS1 et de l’AS2 (”monClip1_mc”, David T. style). Et celà peut servir d’arbitrage lors d’un désaccord entre développeurs.

Pour autant, on y relève un certain de nombres de passages un peu surprenants :

Tableaux typés

Do this:
var a:Array /* of String */ = [];
Not this:
var a:Array = [];

Étrange… Cette pratique rapelle la méthode utilisée à l’époque par le compilateur alternatif MTASC. Certes, c’est bien commode pour la complétion dans FlashDevelop par exemple, mais c’est en concurrence avec la méthode officielle Flex (lourdingue) : ArrayElementType metadata tag. La prochaine version de l’EcmaScript, et donc logiquement le futur AS4, integrera en natif les tableaux typés. En attendant, si on est courageux, on peut utiliser des classes de tableaux typés (MovieClipArray, etc) que l’on trouve dans pas mal de frameworks AS.

int plutôt que uint

Use int for integers, even if they can’t be negative. Use uint only for RGB colors, bit masks, and other non-numeric values.

Tout simplement absurde. Adobe préconise cette pratique en oubliant de préciser qu’elle découle d’un bug dans le player Flash : Types in AS3: ints not so fast, uints slow!

imports

Import specific classes, interfaces, and package-level functions rather than using the * wildcard.
Do this:
import mx.controls.Button;
import flash.utils.getTimer;

Not this:
import mx.core.*;

Mouais. Ou comment avoir 30 lignes d’imports au début de chaque classe. Je pense pas que ce soit très utiles pour les classes intrinsèques du player Flash (import flash.display.*; rules !)

À part ça, que du bon. À revisiter quand le document sera terminé.

Flex SDK coding conventions and best practices

Le 26 avril 2008 par nerik

Tags = ["", "", ""];

2 commentaires