Curseur avec nuée de particules

    Partager

    artkabis
    Administrateur

    Nombre de messages: 4514
    Age: 28
    Logiciels: Photoshop CS4, Flash CS4, Indesign CS4, After Effects CS4, Illustrator CS4, Premier Pro CS4, Encore CS4, Flexbuilder 3, Papervision 3D, Camtasia, Captivate, InDesign, Swift 3d, Illustrator, Dreamweaver CS3, Blender, Swift 3D, WampServer.
    Date d'inscription: 11/09/2008

    Capacités en graphisme
    Capacité graph:
    9/10  (9/10)

    Curseur avec nuée de particules

    Message par artkabis le Sam 1 Aoû - 16:25

    Bonjour à tous, aujourd'hui je vous propose un tutoriel qui vous permettra de créer des particules suivant le curseur par défaut. Pour ceci, nous utiliserons le langage as3 et plus précisément une classe gérant la totalité de notre application.


    Voici le résultat du tutoriel:


    Le tutoriel vidéo:


    Le script:
    Code:

    package fr.particules
    {
       import flash.display.Sprite;
       import flash.display.MovieClip;
       import flash.display.Shape;
       import flash.display.GradientType;
       
       import flash.filters.GlowFilter;
       import flash.ui.Mouse;
       
       import flash.events.Event;
       import flash.events.MouseEvent;
       
       public class Particular extends Sprite
       {
          private var _particule:MovieClip;
          private var _part:Shape;
          private var _lueur:GlowFilter;
          private var _taille:int;
          
          public function Particular ()
          {
             _taille = 4;
             Mouse.hide();
             stage.addEventListener(MouseEvent.MOUSE_MOVE, initialisation);
          }
          private function initialisation(me:MouseEvent):void
          {
             _part = new Shape();
             _part.graphics.beginGradientFill(GradientType.RADIAL,[0xffffff, 0xC5E8FE, 0x5699FE],[1,1,1],[0,20,150]);
             _part.graphics.drawCircle(0,0,_taille);
             _lueur = new GlowFilter(0xCDCDFF,1,9,9,2,3,false,false);
             
             _particule = new MovieClip();
             _particule.addChild( _part );
             _particule.filters = [_lueur];
             
             _particule.x = mouseX + Math.random()* _taille;
             _particule.y = mouseY - Math.random()* _taille;
             
             this.addChild( _particule );
             _particule.addEventListener(Event.ENTER_FRAME, animation);
          }
          private function animation (e:Event):void
          {
             var p = Sprite (e.target);
             p.alpha -= .05;
             p.scaleX  -=  .1;
             p.scaleY  -=  .1;
             p.y += 5;
             
             if(p.alpha < 0)
             {
                p.removeEventListener(Event.ENTER_FRAME, animation);
                this.removeChild(p)
             }
          }
       }
    }


    Les fichiers sources:
    curseur_particular.zipx

    krysh nar
    Flasheur

    Nombre de messages: 594
    Age: 27
    Logiciels: CS5, CS4, Flash (niveau expert), notepad++, Visual Studio, 3DSMAX (la base), Solid Works, Lotus Notes, ...
    Date d'inscription: 14/05/2009

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Curseur avec nuée de particules

    Message par krysh nar le Jeu 3 Déc - 15:46

    merci pour le tuto

    Nairolf
    Newbie
    Newbie

    Nombre de messages: 16
    Age: 19
    Logiciels: Tout les logiciel de Adobe CS4 Master Collection
    Date d'inscription: 29/11/2009

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Curseur avec nuée de particules

    Message par Nairolf le Jeu 3 Déc - 20:16

    Très belle effet bravo

    death-hurt
    Ceinture blanche
    Ceinture blanche

    Nombre de messages: 58
    Age: 25
    Logiciels: Quelles logiciel utilisez vous?
    La suite Adobe CS3 et CS4 combiné à quelques logiciels open source Wink
    Date d'inscription: 09/12/2009

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Curseur avec nuée de particules

    Message par death-hurt le Mar 15 Déc - 14:07

    Assez remarquable comme effet
    Merci, j'adore

    biloute
    Ceinture jaune
    Ceinture jaune

    Nombre de messages: 457
    Age: 41
    Logiciels: Quelles logiciel utilisez vous?
    j'utilise la suite adobe cs4 , sceenfow, maxon C4D
    Date d'inscription: 19/07/2009

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Curseur avec nuée de particules

    Message par biloute le Mar 15 Déc - 14:34

    effectivement je trouve graphiquement reussi
    cool ce tuto

    alexkill
    Newbie
    Newbie

    Nombre de messages: 15
    Age: 33
    Logiciels: Quelles logiciel utilisez vous?
    Date d'inscription: 19/11/2009

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Curseur avec nuée de particules

    Message par alexkill le Mar 15 Déc - 16:02

    joli rendu final

    artkabis
    Administrateur

    Nombre de messages: 4514
    Age: 28
    Logiciels: Photoshop CS4, Flash CS4, Indesign CS4, After Effects CS4, Illustrator CS4, Premier Pro CS4, Encore CS4, Flexbuilder 3, Papervision 3D, Camtasia, Captivate, InDesign, Swift 3d, Illustrator, Dreamweaver CS3, Blender, Swift 3D, WampServer.
    Date d'inscription: 11/09/2008

    Capacités en graphisme
    Capacité graph:
    9/10  (9/10)

    Re: Curseur avec nuée de particules

    Message par artkabis le Jeu 17 Déc - 11:54

    Merci à tous !!!!


    _________________
    J'me fais de la pub et na tongue

    allansens
    Infographiste

    Nombre de messages: 1458
    Age: 50
    Logiciels: Quelles logiciel utilisez vous?
    j utilise la suite adobe cs4 Ai, Ps, Fl, Dw, Id et un peut les logiciel 3D C4D
    Date d'inscription: 26/12/2008

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Curseur avec nuée de particules

    Message par allansens le Jeu 17 Déc - 15:59

    superbe effet je m en va essayer de le faire merci artkabis

    Lloyd06
    Newbie
    Newbie

    Nombre de messages: 21
    Age: 22
    Logiciels: Quelles logiciel utilisez vous?
    Photoshop CS4 64bits, Flash CS4, Illustrator, Dreamweaver CS4, After Effects CS4
    Date d'inscription: 05/04/2009

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Curseur avec nuée de particules

    Message par Lloyd06 le Jeu 7 Jan - 15:05

    Je n'ai pas encore fait le tutoriel, mais je risque de m'y mettre le résultat est Superbe !!

    sylvia
    Newbie
    Newbie

    Nombre de messages: 24
    Date d'inscription: 09/01/2010

    Re: Curseur avec nuée de particules

    Message par sylvia le Dim 10 Jan - 18:23

    bien je commence avec ce tuto qui me plait bien et qui est dit facile eh bien pas pour moi lorsque j ai termine rein ne se passe mon document reste muet .J ai Flash CS3 professionnel .Je pense avoir un probleme a comprendre pour le chemin a donner et voici ce que j ai lorqsque je veux verifier que le chemin mene bien a la classe Particular .capture

      La date/heure actuelle est Mar 22 Mai - 21:51