Kategorie 'Tutorials'


Google AJAX Language API Tutorial über den Betrieb

Ich mit diesem Beitrag zu antworten, auf die Anfrage von Andrea , wie die Übersetzer von Google in Ihrem Web einfügen. Es gibt mehrere Möglichkeiten, um die Vorteile der maschinellen Übersetzung Leistungen von Google und darüber hinaus zu nehmen. Wir können Plugins von anderen geschrieben, eine einfache JavaScript-Skript von Google selbst oder gemischt zu lernen, die API zu verwenden, dh eine Reihe von aufrufbaren Funktionen - wie wir sehen werden - in unterschiedlicher Weise.

Plugins

Ich werde nicht auf diese Lösung zu wohnen, denn ich denke, ist nicht wirklich relevant für die Anfrage von Andrew , wenn ich gut verstanden. Darüber hinaus ist es im Wesentlichen eine Lösung gilt nur für das Blog und nicht auf benutzerdefinierte und Generika. Ich kann nur darauf hinweisen, um Benutzer von WordPress , Global Translator , vielleicht die einfache, praktische und beliebte Plugins von diesem Typ.

Pre-Skript von Google

Der einfachste Weg zu Ihrer Website oder Ihrem Blog zu übersetzen, ist eine einfache JavaScript-Skript von Google bereitgestellte hinzuzufügen. Nur um die Seite aufzurufen translate.google.com und klicken Sie auf "Extras". Von dieser Seite können Sie voreingestellte die Übersetzung Funktionen oder lassen Sie die Standardeinstellung. Das Skript ist sehr einfach:

1

und als Ergebnis erhalten wir:

Google Translate

Fortsetzung ...

AS3Corelib: Bibliothek für MD5, SHA1 und JPG / PNG Encoder

AS3corelib Projekt ist eine Bibliothek, in ActionScript 3, die eine Reihe von Klassen und Utilities, um die Entwicklung mit ActionScript 3 zu erweitern enthält geschrieben. Support ist für MD5 und SHA 1, Encoder für JPG-und PNG-und JSON-Serialisierung für Strings, Zahlen und Daten-APIs enthalten. Diese libreia ist sehr nützlich bei der Entwicklung von Flash-Anwendungen und in der Lage zu geben ihr Bestes im Tandem mit Adobe AIR!

Von den verschiedenen Pakete stellen die interessantesten und com.adobe.crypto com.adobe.images. Die erste ermöglicht es Ihnen, MD5, SHA1, SHA224 und SHA256, so sehr einfach handhaben: die Methode mit hash() ist der String übergeben und gibt den Source-Code! Das Paket ermöglicht sogar Bilder an die Geber JPG-oder PNG-Bitmap aus einem einfachen Flatrate!

1
encode ( image : BitmapData ) : ByteArray public function encode (Bild: BitmapData ): ByteArray

Das Ergebnis ByteArray , die die Kodierung JPG, Flash, es zulässt, kann direkt auf der Festplatte gespeichert werden! Um mehr zu erfahren können Sie diese folgen Video-Tutorial , wie man ein PNG-Bild zu speichern - aus einem Video-Objekt - auf Disc as3corelib .

Fortsetzung ...

Wie man Bilder in Flash CS3 zu retten

Mit dem Einsatz von Adobe Flash CS3 Bitmap wird so verbessert, dass sofort wollte eine kleine Paint zu erstellen. . Wir haben bereits gesehen, wie eine kleine Paint-machen (siehe Paint in Flash CS3 erstellen Painter: einfache Anwendung zum Zeichnen in Flash CS3 Pro ) kann eine echte "Radiergummi"-Unterstützung - Löschfunktion, dank einer besonderen Verwendung Layer- Shape und Bitmap . Lassen Sie uns sagen, dass Flash (im Gegensatz zu Flex) es nicht zulassen, Kodierung (wie JPG oder PNG) es speichert automatisch die Bitmap-Bilder. Sie können aber drum herum kommen mit einem Server-Side-Scripting und die Fähigkeit, Daten in Flash-POST zu senden.

Fortsetzung ...

Flash CS3 zu Nebeleffekt TV in 1 Sekunde erstellen

Flash CS3 nicht wieder in Erstaunen. Hier ist, wie die klassische Nebel von Fernsehgeräten in eine zweite mit 10 Zeilen Code erstellen.

Loading Flash ...

Fortsetzung ...

Photoshop-Tutorial: gefaltetes Papier-Effekt

Bild Adobe Photoshop ist ein mächtiges Werkzeug und erlaubt Ihnen, wirklich fesselnd Effekte zu erzeugen. Um die Wirkung der Biegung ein Blatt Papier in der Tat können wir die Transformieren-Werkzeug, um "bend" - wirklich - eine Schicht. Mit ein paar kleinen Schritten können die Wirkung sehr realistisch. Die Bilder unten in diesem Tutorial vorgestellten Beispiele und sind in niedriger Auflösung gemacht. Zur Verbesserung der Wirkung des Einsatzes eine hohe Auflösung, so dass Sie wollen, um das Bild zu Ende Größe und bekommen ein Anti-Aliasing an den Kanten.

Fortsetzung ...

Photoshop Tutorial: Web 2.0 Stil-Ikonen in 3 Schritten

Bild Dieses Photoshop-Tutorial zeigt, wie es "relativ" einfach zu erstellen ist Blickfang Icons für Web 2.0-Stil mit Reflexionen und so weiter, einfach, indem Sie die Auswirkungen auf die Schicht. Wenn Sie verstehen den Prozess, ist es auch möglich - freien Lauf zu lassen Ihrer Kreativität - zu viele Variationen zu erstellen.

Fortsetzung ...

Photoshop-Tutorial: Planeten mit aufgehenden Sonne

Bild

SCHRITT 1

Erstellen Sie ein Bild von mindestens 800 × 600 Pixel. Fügen Sie eine Schicht (BCK) - das ist unser Hintergrund ist - und ziehen Raum. Es muss ein düsteres Bild sein! Sie können genießen Sie erkennen es oder Ort (wie ich) einige spektakuläre Bilder von NASA, durch Anpassung der Ebenen, so dass es noch dunkel ist. Aus dem Filter-Menü, wählen Sie Render / Lens Flare - wir schaffen unsere Sonne! Sie können dies tun "Aufstieg", wo Sie wollen ... Ich habe in der Mitte bis zum oberen Rand des Bildes platziert:

Bild

Fortsetzung ...

Maler: einfache Anwendung zum Zeichnen in Flash Pro CS3

Hier ist ein Beispiel dafür, wie einfach es ist, die Entwicklung von Anwendungen in Flash CS3. Nach einigen Diskussionen über die Entwicklung eines "löschen", schlage ich eine einfache Anwendung, die vollständig einige der Dinge, in früheren Posts sagte implementiert. In diesem Beispiel habe ich eine ToolBar "draggabile", die Fähigkeit, die Farbe des Pinsels und der Hintergrund, die Auswahl des Instruments "löschen" und eine leichte "Unschärfe" bei der Auslegung zu wählen!

Loading Flash ...

Laden Sie den Quellcode für Adobe Flash CS3 Professional

Fortsetzung ...

Malerei Flash CS3: Echtzeit Lösch-Funktion

Beginnend mit den Codes versehen in Flash CS3 Erstellen Sie eine Farbe und Durchführung kleinerer Änderungen, erheblich verbessern kann das Instrument der "löschen". Hinzufügen einer Form nicht sichtbar ist, können Sie es als einen "Plan" zu verwenden, um den Lauf draw() Mischmodus "löschen". Wie im Beispiel unten gezeigt, nach der Zeichnung etwas, halten Sie die Strg-Taste und die Wirkung der "Annullierung" ist jetzt in Echtzeit.

Loading Flash ...

Der Code wird wie folgt - Quelle :

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 ; Import flash.events. MouseEvent ;
. BitmapData ; Import flash.display. BitmapData ;
. Bitmap ; Import flash.display. Bitmaps ;
. GradientType ; . import flash.display GradientType ;
/ /
. Matrix ; flash.geom Importe. Matrix ;
/ /
Boolean = false ; md var: Boolean = false;
/ /
Sprite = new Sprite ( ) ; var event_spr: Sprite = new Sprite ();
event_spr ) ; addChild (event_spr);
/ /
Number = event_spr . stage . stageWidth ; var area_width: Anzahl = event_spr Praktika stageWidth;..
Number = event_spr . stage . stageHeight - 32 ; var area_height: Anzahl .. = event_spr Praktika stageHeight - 32;
/ /
String = GradientType . LINEAR ; fillType var: String = GradientType . LINEAR;
: Array = [ 0xFF0000 , 0x00FF00 , 0x0000ff ] ; var Farben: Array = [0xFF0000, 0x00FF00, 0x0000FF];
: Array = [ 1 , 1 , 1 ] ; var alphas: Array = [1, 1, 1];
: Array = [ 0 , 128 , 255 ] ; var ratios: Array = [0, 128, 255];
String = SpreadMethod . PAD ; spreadMethod var: String = SpreadMethod PAD;.
: Matrix = new Matrix ( ) ; var matrix: Matrix = new Matrix ();
createGradientBox ( area_width , area_height , 1 , 0 , 0 ) ; . Matrix createGradientBox (area_width, area_height, 1, 0, 0);
/ /
event_spr . graphics ) { mit (event_spr. Grafiken) {
fillType , colors , alphas , ratios , matrix , spreadMethod ) ; beginGradientFill (fillType, Farben, Alphas, Verhältnisse, Matrix, spreadMethod);
0 , 0 , area_width , area_height ) ; drawRect (0, 0, area_width, area_height);
; endFill ();
}
/ / Paint-Ereignis
( 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 (event_spr. Breite, Höhe event_spr, true, 0.);
Bitmap = new Bitmap ( bmpd ) ; var bmp: Bitmap = new Bitmap (bmpd);
bmp ) ; addChild (bmp);
/ /
/ / Temporäre Form
Shape = new Shape ( ) ; var draw_shape: Form = new Form ();
draw_shape ) ; addChild (draw_shape);
/ /
/ / Shape nicht sichtbar ist, verwendet für die "Stornierung"
Shape = new Shape ( ) ; var erase_shape: Form = new Form ();

/ /
e : MouseEvent ) : void { _onMouseDown Funktion (e: MouseEvent ): void {
) ; debug ("_onMouseDown");
. lineStyle ( 10 , 0xffffff , 1 ) ; .. draw_shape Grafiken lineStyle (10, 0xffffff, 1);
. lineStyle ( 20 , 0xffffff , 1 ) ; .. erase_shape Grafiken lineStyle (20, 0xffffff, 1);
. moveTo ( e . localX , e . localY ) ; .. draw_shape Grafiken moveTo (and. localX und localY.);
. moveTo ( e . localX , e . localY ) ; .. erase_shape Grafiken moveTo (and. localX und localY.);
md = true;
}
/ /
e : MouseEvent ) : void { _onMouseUp Funktion (e: MouseEvent ): void {
md = false;
. draw ( draw_shape ) ; .. bmp bitmapData draw (draw_shape);
. clear ( ) ; . draw_shape Grafiken clear ().;
. clear ( ) ; . erase_shape Grafiken clear ().;
}
/ /
e : MouseEvent ) : void { _onMouseMove Funktion (e: MouseEvent ): void {
) ; debug ("_onMouseMove");
md && ! e . ctrlKey ) { if (md & &! und. ctrlKey) {
. lineTo ( e . localX , e . localY ) ; .. draw_shape Grafiken lineTo (and. localX und localY.);
( md && e . ctrlKey ) { } Else if (md & & und. CtrlKey) {
. lineTo ( e . localX , e . localY ) ; .. erase_shape Grafiken lineTo (and. localX und localY.);
. draw ( erase_shape , null , null , "erase" ) ; bmp bitmapData draw (erase_shape, null, null, "löschen")..;
}
}
/ /
v : String ) : void { Funktion debug (v: String ): void {
: Date = new Date ( ) ; var d: Date = new Date ();
d . getMinutes ( ) + ":" + d . getSeconds ( ) + ":" + d . getMilliseconds ( ) + ": " + v ) ; trace (d. getMinutes () + "" + d. getSeconds () + "" + d. getMilliseconds () + "" + st);
}

): Wir haben eine neue Form, fügte erase_shape nicht sichtbar (es war nicht jedem durchgeführt addChild() ):

1
2
3
...
/ / Shape nicht sichtbar ist, verwendet für die "Stornierung"
Shape = new Shape ( ) ; var erase_shape: Form = new Form ();

Das Stück Code, das kümmert Zeichnung wurde für die Steuer-Taste eingeführt und, wenn diese Taste gedrückt, ist daran interessiert, genau die Form erase_shape und kopiert die Bitmap:

1
2
3
....
. lineTo ( e . localX , e . localY ) ; .. erase_shape Grafiken lineTo (and. localX und localY.);
. draw ( erase_shape , null , null , "erase" ) ; bmp bitmapData draw (erase_shape, null, null, "löschen")..;

Fortsetzung ...

Malen Sie auf eine Anwendung in Flash CS3 erstellen

Wie in erläutert Flash Actionscript Contest: Lösch-Funktion kann man nicht "löschen" einen bestimmten Bereich eines Sprite, MovieClip oder Form, auf denen Linien oder Rechtecke gezeichnet mit den Grafik-Cursor wurden. Es gibt in der Tat, die einzige Methode clear() , hat jedoch keine Auswirkungen auf die gesamte Fläche des Objekts. Die Lösung für dieses Problem liegt in der Möglichkeit der Verwendung der Bitmap-und BitmapData-Objekte. Wie wir sehen werden wir direkt zugreifen und diese manipulieren Bitmap-Daten, um "Löschen" Schläge mit einem echten Instrument "Radiergummi".

Zwei unterschiedliche Methoden, um das "Tor" zu erzielen. per esempio. Die erste "draw" (Löschen) von Daten direkt in das BitmapData, mit der Methode fillRect() - können auch verwendet werden setPixel() zum Beispiel. Die zweite Methode, die ich bevorzuge, verwendet die Methoden von Fusionen (blendMode).

Zunächst einmal wollen wir sehen, welche Art von Organisation minimal ist notwendig, um eine einfache Flash-Painter zu erreichen. Das Schema unten dargestellten gilt sowohl für die Vorschläge der "Tor":

Bitmap-Muster-

Ich habe drei Schichten: die erste, MovieClip oder Sprite, Hintergrund und die Arbeit der Event-Handler (MouseDown, MouseMove und MouseUp). Die zweite ist die Bitmap unsere Schichten, eine, die tatsächlich gezogen werden Grafiken angewendet werden und auf denen das "Tor". , ecc…). Der dritte und letzte Schicht, die Form, geht es um zwei Fragen: die erste ist, dass er direkt die Funktionen der Grafik-Cursor (wie vorgesehen ermöglicht lineStyle , drawRect() , etc ...). Es steigert auch die Leistung während des Tracking-Chart, wie unten im Detail erläutert.

Fortsetzung ...



Stoppen SOPA