Undolog.com

Comme expliqué dans Flash Actionscript concours: l'outil d'effacement vous ne pouvez pas "effacer" une zone particulière d'un Sprite, MovieClip ou forme sur laquelle des lignes ou des rectangles ont été tirées à l'aide du curseur graphique. Il est, en fait, la seule méthode clear() , cependant, n'a aucun effet sur ​​toute la surface de l'objet. La solution à ce problème réside dans la possibilité d'utiliser le bitmap et objets BitmapData. Comme nous le verrons, nous pouvons directement accéder et manipuler des données bitmap afin de "gommer" coups avec un instrument "effaceur" réel.

Présenter deux méthodes différentes pour atteindre la "porte". per esempio. Le premier "tirage" (supprimer) les données directement dans le BitmapData, en utilisant la méthode fillRect() - peut également être utilisé setPixel() par exemple. La seconde méthode, celle que je préfère, utilise les méthodes de fusions (blendMode).

Tout d'abord nous allons voir ce genre d'organisation est minimalement nécessaire pour atteindre un peintre Flash simple. Le schéma présenté ci-dessous s'applique à la fois les propositions de la «porte»:

J'ai créé trois couches: la première, MovieClip ou Sprite, le contexte et le travail du gestionnaire d'événement (MouseDown, MouseMove et MouseUp). Le second, le bitmap, il est de notre couches principales, celle qui sera effectivement établi graphiques seront appliquées et sur lequel la "porte". , ecc…). La troisième couche et la dernière, la forme, traite de deux questions: la première est qu'il permet d'utiliser directement les fonctions prévues par le curseur graphique (comme lineStyle , drawRect() , etc ...). Elle accroît également la performance au cours du tableau de suivi, comme expliqué en détail ci-dessous.

MÉTHODE 1 - L'accès direct aux données bitmap

) dalla Shape (layer 3) alla Bitmap (layer 2). Cette «échantillon» en utilisant la méthode fillRect() directement sur ​​le BitmapData (couche 2) après que la conception a été copié (en utilisant la méthode draw() ) de Shape (couche 3) à Bitmap (couche 2).

Pour comprendre comment cela fonctionne ici est le même film avec la couche décomposée et pseudo-3D - élaboré à la case de couleur - Source :

Comme vous pouvez le voir vous dessinez sur la couche 3, la forme. Lorsque vous prenez l'événement MouseUp du contenu est copié à la forme bitmap (et donc les données sont dans BitmapData) et puis la forme est propre ( clear() ).

Remarque: ce dernier point, le clear() sur la forme, ne doit pas être sous-estimée. Quelques exemples du peintre en Flash (presque tous n'ont pas une véritable "porte") de dessiner directement sur un MovieClip, ou la forme, le maintien des données sur ce dernier établi. Après un certain temps "vous dessinez le système ralentit, que la zone« vecteur »de l'augmentation de MovieClip. Dans la méthode présentée par moi ce problème est résolu en ce que le vecteur de données de forme, quand ils sont copiés dans le bitmap sont tasformati en bits et la forme sera supprimé, libérant de la mémoire et le retourner à le flot de conception!

Maintenez la touche Ctrl (contrôle) est "supprimé" directement par le BitmapData fillRect() . Cela est possible parce fillRect() , comme les autres méthodes qui agissent sur ​​BitmapData, vous permettent de définir la «couleur» par 0xARGB, où A est la valeur alpha, de la transparence.

Le code est comme suit: - Source :

Ligne 61, comme indiqué dans le code ci-dessus, court donc quand la touche Control est enfoncée. Comme vous pouvez voir cette section du code dessine directement dans le BitmapData avec un couleur 0, 0 × 0000!

MÉTHODE 2 - utilisation de mélanges

C'est probablement la meilleure méthode à utiliser quand il permet à toute sorte de "porte". Contrairement à la méthode précédente ne pas accéder directement aux données bitmap BitmapData actuelle, mais de profiter de l'assemblage (blendMode) et copier le bitmap en utilisant la méthode draw().

Version 3D - source de :

. Exactement de la même manière que nous copions les données de la forme bitmap, la "porte" est "simultanément" en copiant les données de la forme bitmap, mais cette fois, fixant les blendMode la méthode draw() pour erase .

Le code est comme suit: - Source :

Ce code n'est pas très différent de l'année précédente. La vraie différence est dans la ligne 52! Cela détermine le "mode de fusion" lors de la copie du bitmap forme lorsque la touche Ctrl est enfoncée est utilisé le mélange erase .
C'est tout! Nous reviendrons dès que le bitmap et les différences entre les MovieClip, Sprite, Shape et objets Bitmap ... tous les visuels!

Cet article a été utile pour vous?:

Chargement en cours ...

• 

• Tweet