Coup de brosse

October 7th, 2007

brosse


dessinez sur l’image pour la barbouiller et actualisez la page pour rétablir l’image.

je mets pas de code cette fois-ci (sauf si quelqu’un le demande), il n’a pas grand intéret.
il s’agit simplement de tracer une centaine de lineTo autour de deux positions successives de la souris et d’appliquer pour chaque ligne un lineStyle avec une épaisseur de 1, un alpha très faible (genre 1 ou 2%) et pour la couleur un getPixel sur le point de départ de la ligne (il faut donc penser à refaire le lineStyle avant chanque ligne), rien de bien sorcier donc et bien que l’as3 soit conseillé pour que ça ne rame pas trop, l’effet est réalisable avec flash 8.
bon, là sinon j’ai repris le bon vieux bouquin de Penner au chapitre physique et je m’amuse à bouger des objets à coup de forces et tout, je posterait peut-être un truc là dessus un de ces jours :)

8 Responses to “Coup de brosse”

  1. o_O says:
    8 October 2007 at 0 h 18 min

    Nous on veut le code :)

  2. taisen says:
    9 October 2007 at 1 h 01 min

    c’est vrai qu’on voudrait bien le code mais je serais encore plus interessé par le post sous-entendu à la fin de celui-ci…

  3. meushi says:
    10 October 2007 at 10 h 21 min

    ce qui serait sympa aussi, ca serait de mélanger justement tes effets d’image et tes “jeux” physiques.
    à savoir placer des pixels qui traceraient leur route en fonction des couleurs qui les entourent ou bien qui s’attireraient/se repousseraient les uns les autres en fonction de différents critères du même style.

    sinon très sympatique cet effet, je suis fier j’avais deviné comment il était fait à force de le regarder.

    de manière général, pour la gestion d’un grand nombre d’entités, processing est plus désigné que flash. enfin à l’époque de flash 7 ca se ressentait énormément entre deux anim codées de la même façon.

    faudrait voir comment tout ca se passe avec processing. tu en avais parlé dans un post précédent il me semble. j’aimerais bien entendre tes retours…

  4. grgrdvrt says:
    10 October 2007 at 10 h 55 min

    ouep, à la base j’ai abouti à cet effet en essayant de reproduire un effet présent dans certains boulots de jared tarbell réalisés en processing mais comme je suis plus habitué à flash…
    pour les essais sur les forces j’ai quelques idées en tête mais je ne maitrise pas encore assez le truc, donc pour l’instant j’ai rien de très très concluant
    sinon, j’avais essayé de dessiner les contour d’une image avec un point qui se déplace selon la luminosité mais là encore c’est pas évident, ça donnais quelques trucs mais pas assez pour que ce soit intéressant

    je mettrais bientot le code de ce billet à disposition

  5. grgrdvrt says:
    10 October 2007 at 20 h 18 min

    et voici…. le code

    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71

    package
{
	import flash.display.*;
	import flash.events.*;
	import flash.geom.*;
	import starmonkey811.Couleur;
 
	public class Main extends flash.display.Sprite
	{
		private var bd:BitmapData;
		private var bmp:Bitmap;
		private var sh:Shape;
		private var couleur:int = Couleur.ranColor();
		private var pt:Point;
 
		[Embed(source="../library/03.jpg")]private var Image: Class;
 
		public function Main():void
		{
			this.stage.scaleMode = StageScaleMode.NO_SCALE;
			init();
			//initDessin();
 
		}
 
 
		private function init():void
		{
 
			bmp = new Image();
			bmp.x = (this.stage.stageWidth - bmp.width)/2;
			bmp.y = (this.stage.stageHeight - bmp.height)/2;
			bd = bmp.bitmapData;
			addChild(bmp);
			sh = new Shape();
 
			this.stage.addEventListener(MouseEvent.MOUSE_DOWN, initDessin);
			this.stage.addEventListener(MouseEvent.MOUSE_UP, arretDessin);
		}
 
 
		private function initDessin(event:MouseEvent = null):void
		{
			addEventListener(Event.ENTER_FRAME, dessine);
			pt=new Point(mouseX-bmp.x, mouseY-bmp.y);
		}
 
		private function arretDessin(event:MouseEvent = null):void
		{
			removeEventListener(Event.ENTER_FRAME, dessine);
		}
 
		private function dessine(event:Event = null):void
		{
			sh.graphics.clear();
			var r:int;
			var a:Number;
			for(var i : int = 0;i<100;i++)
			{
				sh.graphics.lineStyle(1, bd.getPixel(pt.x + r * Math.cos(a), pt.y + r * Math.sin(a)), 0.1);
				r = Math.random() * 20
				a = Math.random() * 2 * Math.PI;
				sh.graphics.moveTo(pt.x + r * Math.cos(a), pt.y + r * Math.sin(a));
				sh.graphics.lineTo(mouseX - bmp.x + r * Math.cos(a), mouseY - bmp.y + r * Math.sin(a));
			}
			pt.x = mouseX-bmp.x;
			pt.y = mouseY-bmp.y;
			bd.draw(sh);
		}
	}
}

    rien de bien extraordinaire donc.
    j’ai fait ça avec flashdevelop, dans flash cs3 la ligne 16 peut etre supprimée si l’image est dans la bibliothèque avec le nom de classe “Image”, il se pourrait alors que le début de la fonction “init” change un peu pour afficher l’image

  6. ekameleon says:
    11 October 2007 at 13 h 46 min

    hello :)

    Très sympa l’effet :) Par contre petite question ? Elle sert à quoi la méthode init() ? La fonction constructeur est déjà une fonction d’initialization dans ta classe non ? En général on fait une méthode init quand on doit relancer l’initialisation facilement en dehors de la classe mais dans ton exemple je pense pas que cela soit très utile ? :)

    EKA+ :)

  7. grgrdvrt says:
    11 October 2007 at 18 h 42 min

    oui, c’est juste un reste de ce sur quoi j’étais parti à la base, j’avais fait deux méthodes pour initialiser d’une part un peu toute l’anim (la méthode init actuelle) et d’autre part le dessin (initDessin() dont il reste une trace en commentaire)  et d’autres petits trucs aussi… et comme je voulais éviter de perdre l’appel à initDessin au milieu des trucs divers, j’ai préférer séparer le tout en deux…

    c’est plus une question de lisibilité mais tu as raison, là c’est carrément inutile :D

  8. taisen says:
    4 December 2007 at 5 h 44 min

    Oué. Je découvre avec un lourd retard que tu partages ta science. Et je t’en remercie…

Leave a Reply