Flint est un projet open source de générateur de particules en AS3. Le principe est de manipuler un flot de particules auxquelles s'appliquent de nombreuses propriétés et méthodes. La documentation est bien complète, l'utilisation simple. Loin de la mode 3d, je pense qu'il y a matière à faire des animations créatives avec Flint.
Un exemple :


Cliquez sur l'image pour lancer le flash ou ici, puis déplacer la souris pour repousser les particules
Le site de Flint.

Le code

package {
	import flash.display.Sprite;
	import flash.geom.Point;
	import flash.filters.BlurFilter;
	import flash.geom.Rectangle;
	
	import org.flintparticles.actions.*;
	import org.flintparticles.counters.*;
	import org.flintparticles.displayObjects.*;
	import org.flintparticles.emitters.Emitter;
	import org.flintparticles.initializers.*;
	import org.flintparticles.renderers.*;
	import org.flintparticles.zones.*;	
	import org.flintparticles.activities.*;

	public class Fountain extends Sprite {
		public function Fountain() {
			var emitter:Emitter = new Emitter();

			emitter.counter = new Steady( 30 );
			
			emitter.addInitializer( new ImageClass( Dot, 5 ) );
			emitter.addInitializer( new ColorInit( 0xFFFF33FF, 0xFFFFFF33 ) );
			emitter.addInitializer( new Position( new PointZone( new Point( 0, 0 ) ) ) );
			emitter.addInitializer( new Velocity( new DiscSectorZone( new Point( 0, 0 ), 260, 360, -3 * Math.PI/5, -2 * Math.PI / 5 ) ) );
			emitter.addInitializer( new RotateVelocity( -4, 4 ) );
			emitter.addInitializer( new Lifetime( 6 ) );
			
			emitter.addAction( new MouseAntiGravity(200, 10) );
			
			emitter.addAction( new Move() );
			emitter.addAction( new Rotate() );
			emitter.addAction( new Accelerate( 150, 150 ) );
			emitter.addAction( new Age() );
			emitter.addAction( new Scale( 0.1, 10 ) );
			emitter.addAction( new DeathZone( new RectangleZone( -10, -10, 510, 510 ), true ) );
			
			var renderer:BitmapRenderer = new BitmapRenderer( new Rectangle( 0, 0, 500, 500 ) );
			renderer.addFilter( new BlurFilter( 2, 2, 10 ) );
			emitter.renderer = renderer;
			addChild( renderer );
			
			emitter.x = 50;
			emitter.y = 510;
			emitter.start( );
		}
	}
}

Je viens de découvrir la classe FreeCamera3DController sur l'excellent site de tutoriaux pour papervision pv3d.org. Cette classe permet de naviguer facilement dans votre animation papervision avec les flèches du clavier ou la souris.
Pour le plaisir, voici un exemple en reprenant l'anim computeSpectrum légèrement modifiée.

Cliquez sur l'image pour lancer le flash, puis cliquez sur le flash pour avoir le focus.
La classe Freecamera3dcontroller.

Combinaison entre un cercle en papervision et la nouveauté computeSpectrum de flash qui permet d'analyser en temps réel le spectre du son.

Cliquer sur l'image pour lancer le flash.
Je n'ai pas mis de loading pour le son. il faut patienter un peu le temps du chargement.
Les sources viendront après nettoyage du code...

Rajoutant un effet de blur (paramétré un peu au pif, je l'avoue) sur le flash précédent de dessin, on obtient de drôles d'effets que j'aime bien.

Cliquer sur l'image pour lancer le flash.

Un module de dessin totalement inutile en Papervision 3D.
En cliquant dans la zone, on peut dessiner une forme en continue qui tourne sur elle-même.
Un point que j'ai essayé de comprendre mais sans succès, c'est l'objet Mouse3D sensé aider pour trouver les coordonnées de la souris dans une primitive. Si quelqu'un pouvait m'éclairer, je suis toujours preneur.

Cliquer sur l'image pour lancer le flash.

Dernièrement pour un projet, j'ai dû faire une carte intéractive du monde en flash et dont un xml permettait d'agir sur tous les pays (couleur, nom, zoom, etc.). Pour vous éviter de longues heures passées dans l'IDE de flash, voici la base brute de la carte à télécharger, avec tous les pays encapsulés dans un clip avec pour nom d'occurence son code ISO 3166-1 alpha-3, défini par les Nations Unis. Le zip contient une liste des codes ISO utilisés, et l'exemple de la carte avec un roll sur chaque pays en utilisant la classe tweenLite de greensock.


télécharger la carte

De programmeurs ont écrit des moteurs de physiques 2D en flash.
Ayant toujours rêvé d'adapter en flash des phénomènes simples comme la gravité, le rebond, l'accélération, je reste admiratif devant ces programmeurs qui ont le talent et la générosité de mettre leur travail en libre distribution. Je ne sais pas trop si ces librairies sont faciles à utiliser mais les flash qui suivent sont des démos présentées sur leur site. Elles m'ont laissé bouche bée.


Cliquer pour avoir le focus, puis utiliser les A pour bouger à gauche et D pour bouger à droite

Cove : www.cove.org/ape écrit par Alec Cove (AS3).


Cliquer pour avoir le focus, puis utiliser les flèche gauche/droite pour bouger

Flade : www.cove.org/flade écrit par le même Alec Cove en AS2.


Drag avec la souris. flèche gauche/droit pour aller à l'exemple précédent/suivant. 'R' pour relancer.

box2dflash : box2dflash.sourceforge.net écrit par Erin Catto, adaptée par Matthew Bush en AS3.


Cliquer pour avoir le focus, puis utiliser les A pour ajouter une boite et G pour activer/désactiver la gravité et F pour inverser la gravité.

Motor Physics : http://lab.polygonal.de écrit par Michael Baczynski, AS3.

Encore un autre flash que je trouve rigolo.
C'était à la sortie du site de Leo Burnett (il y a de ça plusieurs années déjà !). J'aimais la façon dont on parcourait le site tout en dessinant.



Les bulles sont de levitated et les sources ne sont pas belles à voir, désolé.

En parcourant mon disque dur, je suis tombé sur une classe que j'avais créee pour le site Deloitte
La navigation du site se faisait avec 4 grosse boules qui devaient être attirées par la souris, dans une zone définie.


télécharger la source

Comme c'est la folie Papervision en ce moment, je me suis dit que j'allais mettre un flash avec de la 3D à l'ancienne.
Un clic sur n'importe quelle zone génère un nouveau point.

Un effet classique et bien connu.



Télécharger le Fla

Flash CS3 est sorti aujourd'hui et je me rends compte que deux ans après la sortie de Flash 8, très peu de méthode Bitmap sont utilisés dans les sites actuels. On trouve beaucoup d'expérimentations sur les sites des développeurs mais à en croire le oueb, ces effets sont peu utilisés par les créatifs.
Pour plus de facilité, m'inspirant des tutoriaux de Sephiroth, je me suis lancé dans des flash pédagogiques et thématiques.
En prenant une méthode particulière - ici Bitmap.threshold - et des composants, voici un flash qui permet de jouer avec les paramètres de la méthode pour se donner une idée de l'effet et de ses possiblités.



Un tutorial sur des transitions avec la méthode threshold est très bien fait sur le site de Sephiroth, ici.

Moi qui voulais me mettre à l'Ajax pour faire des back-offices ergonomique et moderne, voici une librairie que je viens de découvrir, Aflax. L'idée serait d'utiliser Javascript pour faire du flash (rendu vectoriel, bitmap, gestion de la vidéo, du son, de la caméra). Voilà de quoi faire un back-office hybride redoutable !

Quelques exemples qui m'ont plu :

• upload asynchrone
• player vidéo

Le site : www.aflax.org
Le programmeur qui a ecrit tout ça propose également un IDE pour développer de l'Aflax : www.aptana.com

SWFAddress est une librairie js qui permet de gérer les boutons du navigateur (btn retour, actualiser) et même de crée des URLs unique selon les parties de votre site.

Pour l'utiliser, cela semble assez simple, il suffit d'ajouter un js après le SWFObject , et dans Flash d'utiliser une méthode SWFAddress.setValue() pour stocker une valeur et l'évènement SWFAddress.onChange() pour capter les changements.

Le site d'Asual qui développe ça : www.asual.com/swfaddress
Exemple : www.asual.com/swfaddress/samples/flash/

J'imagine déjà une belle classe à systématiquement implémenter dans mes flash.

Il m'arrive souvent de chercher des applications spécifiques pour mes besoins professionnels. A ma grande surprise, Internet répond toujours à mes attentes. Après quelques téléchargements, essais,... petit tour des applications qui me servent bien :

- mondomouse :
appli pour manier les fenêtres situées en-dessous de celle principale
C'est très utile quand on ne bosse que sur un écran, même si c'est celui d'un mac book pro 17'.
http://www.atomicbird.com/mondomouse/

- OfficeTime permet de faire des feuilles de temps pour mesurer le temps passé sur les boulots.
J'en ai vraiment essayé plein, c'est celui là qui m'a paru le plus pratique et simple.
http://www.officetime.net/



- steermouse
Ayant bossé sur PC, j'avais beaucoup de boutons sur ma souris. C'était très pratique, je pouvais faire des copier, coller, etc. J'ai désormais une mighty mouse bluetooth et le plugin de la souris est très décevant. On ne peut rien configurer. Steer Mouse à résolu mon problème.
http://plentycom.jp/en/steermouse/

- nova media iSync phone plugin permet de synchroniser mon téléphone avec isync.
Complément indispensable selon la marque de votre téléphone.
http://www.novamedia.de/sync/index.html

J'ai pris également plaisir à acheter tous ces logiciels. Ils ne sont vraiment pas chers (autour de 10 à 30 euros), et les développeurs qui ont travaillé sur ces appli les mérite amplement.

En désespoir de cause, je me suis décidé à démonter ma mighty mouse bluetooth. Ma roulette ne marche plus.
Je ne sais si c'est ma sudation ou l'utilisation intensive de l'ordinateur (de nombreuses heures par jours), mais c'est l'inévitable encrassage de souris. Apple propose une solution sur son site (faire rouler énergiquement la bille , souris face contre terre) qui ne nettoie rien.
Après de nombreuses recherches sur internet, plusieurs personnes montrent comment démonter une mighty mouse filaire, mais rien sur la souris bluetooth.
M'armant de courage, je prends mon tournevis le plus plat et commence à triturer la souris dans tous les sens. En voyant les photos, on se rend vite compte que le premier anneau est collé. Ne tentez donc pas l'expérience si vous tenez vraiment à votre souris. La mienne marche parfaitement après remontage, mais je n'ai plus l'anneau.




1er anneau





On voit les points de colle sur la surface de la souris et le premier anneau


Le 2nd anneau est juste encastré dans la souris




Deux loquets retiennent les nappes. Ils suffit de tirer délicatement dessus pour les retirer et plus facilement nettoyer la souris.




Les dernières vis avant la bille !

Souvent, lorsque j'envoie des mails, mes correspondant me disent que mes mails sont illisibles.

Lire la suite