Catégorie «Tutoriels»


Google AJAX API Langue tutoriel sur le fonctionnement

Je réponds à ce poste, à la demande d'Andrea sur la façon d'insérer le traducteur de Google dans votre site. Il ya plusieurs façons de profiter des services de traduction automatique disponibles à partir de Google et au-delà. Nous pouvons utiliser des plugins écrits par d'autres, un simple script JavaScript de Google lui-même ou d'apprentissage mixte pour utiliser l'API, c'est à dire un ensemble de fonctions appelables - comme nous le verrons - de diverses manières.

Plugins

Je ne m'attarderai pas sur cette solution, car je pense n'est pas vraiment pertinent pour la demande d'Andrew , si j'ai bien compris. Par ailleurs, il est essentiellement une solution valable uniquement pour le blog et de ne pas utiliser personnalisées et génériques. Je ne peux que rappeler aux utilisateurs de WordPress , Global Translator , peut-être les plugins les plus simples, pratiques et populaires de ce type.

Script de pré par Google

La meilleure façon de traduire votre site ou votre blog est d'ajouter un script simple JavaScript fournis par Google. Il suffit d'aller sur le site translate.google.com onglet et cliquez sur «Outils». Depuis cette page vous pouvez prédéfinir les fonctions de la traduction ou laissez la valeur par défaut. Le script est très simple:

1

et comme un résultat que nous obtenons:

Google Translate

Suite ...

As3corelib: bibliothèque pour MD5, SHA1 et JPG / PNG Encoder

As3corelib projet est une bibliothèque écrite en ActionScript 3, qui contient une série de classes et d'utilitaires d'étendre le développement avec ActionScript 3. Le soutien est inclus pour MD5 et SHA 1, encodeurs pour JPG et PNG, et la sérialisation JSON pour les chaînes, les nombres et dates des API. Cette libreia est très utile dans le développement d'applications Flash et capable de donner le meilleur d'eux en tandem avec Adobe AIR!

Parmi les différents forfaits présenter les plus intéressantes et com.adobe.images com.adobe.crypto. Le premier vous permet de gérer MD5, SHA1, SHA224 et SHA256, donc très simple: la méthode utilisant des hash() est passé de la chaîne et renvoie le code source! Le forfait permet même d'obtenir des images de l'encodeur PNG ou JPG bitmap à partir d'un flash simple!

1
encode ( image : BitmapData ) : ByteArray Fonction publique encode (image: BitmapData ): ByteArray

Le résultat ByteArray représentant l'encodage au format JPG, Flash, permet, peuvent être sauvegardés directement sur ​​le disque! Pour en savoir plus vous pouvez suivre ce tutoriel vidéo sur comment sauvegarder une image PNG - à partir d'un objet vidéo - sur disque par as3corelib .

Suite ...

Comment enregistrer des images dans Flash CS3

Avec l'utilisation d'Adobe Flash CS3 Bitmap est donc améliorée ce qui est immédiatement voulu créer une petite peinture. . Nous avons déjà vu comment faire une peinture de petite taille (voir la peinture de Flash CS3 Créer un peintre: application simple pour le dessin dans Flash Pro CS3 ) peut supporter une véritable «gomme» - fonction d'effacement, grâce à une utilisation particulière de couche Shape et de Bitmap . Disons que Flash (contrairement à Flex), il ne permet pas l'encodage (tels que JPG ou PNG), il enregistre automatiquement les images bitmap. Cependant, vous pouvez la contourner en utilisant un script côté serveur et la possibilité d'envoyer des données dans Flash POST.

Suite ...

Flash CS3 pour créer une télévision effet de brouillard en 1 seconde

Flash CS3 ne cesse d'étonner. Voici comment faire pour créer le brouillard classique de téléviseurs en une seconde avec 10 lignes de code.

Chargement Flash ...

Suite ...

Tutorial Photoshop: effet du papier plié

l'image Adobe Photoshop est un outil puissant et vous permet de créer des effets vraiment captivant. Pour obtenir l'effet de la flexion d'une feuille de papier, en fait, nous pouvons utiliser l'outil de transformation de "bend" - vraiment - une couche. Avec quelques petites étapes peut faire l'effet très réaliste. Les images présentées ci-dessous dans ce tutoriel sont des exemples et sont en basse résolution. Pour améliorer l'effet d'utiliser une haute résolution, de sorte que vous voulez redimensionner l'image à la fin et obtenir un anti-aliasing sur les bords.

Suite ...

Tutorial Photoshop: Les icônes de style Web 2.0 en 3 étapes

l'image Ce tutoriel Photoshop montre comment il est «relativement» facile de créer des icônes attirantes pour le web 2.0 de style avec des reflets et ainsi de suite, en définissant simplement les effets sur la couche. Une fois que vous comprenez le processus, il est également possible - donner libre cours à votre créativité - pour créer de nombreuses variantes.

Suite ...

Tutoriel Photoshop: planète avec soleil levant

l'image

ETAPE 1

Créer une image d'au moins 800 × 600 pixels. Ajouter une couche (BCK) - qui est notre arrière-plan - et dessiner l'espace. Il doit être un tableau noir! Vous pouvez profiter vous vous rendez compte qu'il ou lieu (comme moi) quelques images spectaculaires de la NASA, en ajustant les niveaux de sorte qu'il est encore sombre. Dans le menu Filtre, sélectionnez Render / Lens Flare - nous créons notre soleil! Vous pouvez le faire «monter» où vous voulez ... j'ai placé au milieu vers le haut de l'image:

l'image

Suite ...

Peintre: application simple pour le dessin dans Flash Pro CS3

Voici une démonstration de comment il est facile de développer des applications dans Flash CS3. Après plusieurs discussions sur le développement d'une «effacer», je propose une application simple qui met pleinement en œuvre certaines des choses que dit dans les messages précédents. Dans cet exemple, j'ai ajouté une barre d'outils "draggabile", la possibilité de choisir la couleur de la brosse et le fond, le choix de l'instrument "effacer" et un léger "flou" lors de la conception!

Chargement Flash ...

Téléchargez le code source pour Adobe Flash CS3 Professional

Suite ...

Peinture Flash CS3: véritable outil d'effacer le temps

En commençant par les codes fournis dans Flash CS3 Créer une peinture , et effectuer des modifications mineures, peuvent grandement améliorer l'instrument de "gommer". Ajout d'une figure n'est pas visible, vous pouvez l'utiliser comme un «plan» pour exécuter le draw() le mode de fusion «effacer». Comme le montre l'exemple ci-dessous, après avoir tiré quelque chose, maintenir enfoncée la touche Ctrl enfoncée et l'effet de «l'annulation» est désormais en temps réel.

Chargement Flash ...

Le code est comme suit: - Source :

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
72
73
74
75
76
. MouseEvent ; flash.events importation. MouseEvent ;
. BitmapData ; import flash.display. BitmapData ;
. Bitmap ; import flash.display. bitmaps ;
. GradientType ; . import flash.display GradientType ;
/ /
. Matrix ; les importations flash.geom. Matrice ;
/ /
Boolean = false ; MD var: booléen = false;
/ /
Sprite = new Sprite ( ) ; var event_spr: Sprite = new Sprite ();
event_spr ) ; addChild (event_spr);
/ /
Number = event_spr . stage . stageWidth ; var area_width: Nombre = event_spr stages stageWidth;..
Number = event_spr . stage . stageHeight - 32 ; area_height var: Nombre .. = event_spr stages stageHeight - 32;
/ /
String = GradientType . LINEAR ; fillType var: Chaîne = GradientType . linéaires;
: Array = [ 0xFF0000 , 0x00FF00 , 0x0000ff ] ; couleurs var: tableau = [0xFF0000, 0x00FF00, 0x0000FF];
: Array = [ 1 , 1 , 1 ] ; var alphas: tableau = [1, 1, 1];
: Array = [ 0 , 128 , 255 ] ; var ratios: Tableau = [0, 128, 255];
String = SpreadMethod . PAD ; spreadMethod var: Chaîne = SpreadMethod PAD;.
: Matrix = new Matrix ( ) ; var matrice: Matrice = new Matrice ();
createGradientBox ( area_width , area_height , 1 , 0 , 0 ) ; . createGradientBox matrice (area_width, area_height, 1, 0, 0);
/ /
event_spr . graphics ) { avec (event_spr. graphiques) {
fillType , colors , alphas , ratios , matrix , spreadMethod ) ; beginGradientFill (fillType, couleurs, alphas, ratios, matrice, spreadMethod);
0 , 0 , area_width , area_height ) ; drawRect (0, 0, area_width, area_height);
; endFill ();
}
/ Événement / Peinture
( MouseEvent . MOUSE_DOWN , _onMouseDown ) ; . event_spr addEventListener ( MouseEvent MOUSE_DOWN, _onMouseDown.);
( MouseEvent . MOUSE_MOVE , _onMouseMove ) ; . event_spr addEventListener ( MouseEvent MOUSE_MOVE, _onMouseMove.);
( MouseEvent . MOUSE_UP , _onMouseUp ) ; . event_spr addEventListener ( MouseEvent MOUSE_UP, _onMouseUp.);
( MouseEvent . MOUSE_OUT , _onMouseUp ) ; . event_spr addEventListener ( MouseEvent MOUSE_OUT, _onMouseUp.);
/ /
BitmapData = new BitmapData ( event_spr . width , event_spr . height , true , 0 ) ; var bmpd: BitmapData = new BitmapData (largeur event_spr., event_spr la hauteur, c'est vrai, 0.);
Bitmap = new Bitmap ( bmpd ) ; var bmp: Bitmap = new Bitmap (bmpd);
bmp ) ; addChild (bmp);
/ /
/ / Forme temporaire
Shape = new Shape ( ) ; draw_shape var: Shape = new Shape ();
draw_shape ) ; addChild (draw_shape);
/ /
/ / Shape n'est pas visible, utilisé pour la «annulation»
Shape = new Shape ( ) ; erase_shape var: Shape = new Shape ();

/ /
e : MouseEvent ) : void { Fonction _onMouseDown (e: MouseEvent ): void {
) ; debug ("_onMouseDown");
. lineStyle ( 10 , 0xffffff , 1 ) ; .. draw_shape graphiques lineStyle (10, 0xFFFFFF, 1);
. lineStyle ( 20 , 0xffffff , 1 ) ; .. erase_shape graphiques lineStyle (20, 0xFFFFFF, 1);
. moveTo ( e . localX , e . localY ) ; .. draw_shape graphiques moveTo (et. localX et localY.);
. moveTo ( e . localX , e . localY ) ; .. erase_shape graphiques moveTo (et. localX et localY.);
md = true;
}
/ /
e : MouseEvent ) : void { _onMouseUp function (e: MouseEvent ): void {
md = false;
. draw ( draw_shape ) ; .. bmp bitmapData tirage (draw_shape);
. clear ( ) ; . draw_shape graphiques clairs ().;
. clear ( ) ; . erase_shape graphiques clairs ().;
}
/ /
e : MouseEvent ) : void { _onMouseMove function (e: MouseEvent ): void {
) ; debug ("_onMouseMove");
md && ! e . ctrlKey ) { if (MD & &! et. ctrlKey) {
. lineTo ( e . localX , e . localY ) ; .. draw_shape graphiques lineTo (et. localX et localY.);
( md && e . ctrlKey ) { } Else if (MD & & et. CtrlKey) {
. lineTo ( e . localX , e . localY ) ; .. erase_shape graphiques lineTo (et. localX et localY.);
. draw ( erase_shape , null , null , "erase" ) ; bmp bitmapData tirage (erase_shape, null, null, "effacer")..;
}
}
/ /
v : String ) : void { debug fonction (v: cordes ): void {
: Date = new Date ( ) ; var d: Date de = new Date de ();
d . getMinutes ( ) + ":" + d . getSeconds ( ) + ":" + d . getMilliseconds ( ) + ": " + v ) ; trace (d. getMinutes () + "" + d. getSeconds () + "" + getMilliseconds d. () + "" + st);
}

): Nous avons ajouté une nouvelle forme, erase_shape pas visible (il a été procédé à aucune addChild() ):

1
2
3
...
/ / Shape n'est pas visible, utilisé pour la «annulation»
Shape = new Shape ( ) ; erase_shape var: Shape = new Shape ();

Le morceau de code qui prend soin de dessin a été introduit pour la touche de contrôle et, si pressée, est intéressé précisément la forme erase_shape et copié dans le bitmap:

1
2
3
....
. lineTo ( e . localX , e . localY ) ; .. erase_shape graphiques lineTo (et. localX et localY.);
. draw ( erase_shape , null , null , "erase" ) ; bmp bitmapData tirage (erase_shape, null, null, "effacer")..;

Suite ...

Peinture pour créer une application dans Flash CS3

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»:

pattern-bitmap

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 est notre principale couches, celui 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.

Suite ...