'Tutoriales' Categoría


Google AJAX Language API tutorial sobre el funcionamiento

Yo respondo con este post, a petición de Andrea sobre cómo insertar el traductor de Google en su web. Hay varias maneras de aprovechar los servicios de traducción automática disponibles en Google y más allá. Podemos utilizar plugins escritos por otros, un simple script de JavaScript de Google en sí o de aprendizaje mixto para uso de la API, es decir, un conjunto de funciones que se puede llamar - como veremos - de diversas maneras.

Plugins

No voy a detenerme en esta solución, ya que creo que no es realmente relevante para la solicitud de Andrés , si he entendido bien. Por otra parte, es esencialmente una solución válida sólo para el blog y no utilizar la costumbre y genéricos. Yo sólo puedo señalar a los usuarios de WordPress , Traductor Global , tal vez los plugins más sencillo, práctico y popular de este tipo.

Script previo por Google

La forma más fácil de traducir su sitio web o tu blog es agregar un simple script JavaScript proporcionada por Google. Sólo tienes que ir al sitio translate.google.com ficha y haga clic en 'Herramientas'. Desde esta página puedes funciones preprogramadas de la traducción o deje el valor predeterminado. El script es muy simple:

1

y como resultado se obtiene:

Traductor Google

Continuación ...

As3corelib: biblioteca MD5, SHA1 y el codificador de JPG / PNG

As3corelib proyecto es una librería escrita en ActionScript 3, que contiene una serie de clases y los servicios públicos para ampliar el desarrollo con ActionScript 3. Se incluye soporte para MD5 y SHA-1, codificadores para JPG y PNG, y la serialización JSON de cadenas, números y fechas de las API. Este libreia es muy útil en el desarrollo de aplicaciones Flash y es capaz de dar su mejor esfuerzo en conjunto con Adobe AIR!

De los varios paquetes de presentar la com.adobe.images más interesantes y com.adobe.crypto. La primera le permite manejar MD5, SHA1, SHA224 y SHA256, tan simple: utilizando el método hash() se pasa a la cadena y devuelve el código fuente! El paquete, aunque permite que las imágenes para obtener el codificador JPG o PNG de mapa de bits de un flash simple!

1
encode ( image : BitmapData ) : ByteArray función pública codificar (imagen: BitmapData ): ByteArray

El resultado ByteArray que representa la codificación de JPG, Flash, lo que permite, se pueden guardar directamente en el disco! Para obtener más información puedes seguir este tutorial en vídeo sobre cómo guardar una imagen PNG - a partir de un objeto de vídeo - en el disco por as3corelib .

Continuación ...

Cómo guardar las imágenes en Flash CS3

Con el uso de Adobe Flash CS3 de mapa de bits se ha desarrollado tanto que es inmediatamente quería crear una pintura pequeña. . Ya hemos visto cómo hacer una pintura pequeña (ver pintar en Flash CS3 Creación de un pintor: simple aplicación de dibujo en Flash CS3 Pro ) puede soportar un verdadero "borrador" - la función de borrado, gracias a un uso particular de capa de Shape y Bitmap . Digamos que Flash (a diferencia de Flex) que no permite la codificación (por ejemplo, JPG o PNG) se guarda automáticamente las imágenes de mapa de bits. Sin embargo, usted puede conseguir alrededor de él mediante un script del lado del servidor y la capacidad de enviar datos en Flash POST.

Continuación ...

Flash CS3 para crear TV niebla en vigor en 1 segundo

Flash CS3 no deja de sorprender. He aquí cómo crear la niebla de los televisores clásicos en un segundo lugar con 10 líneas de código.

Cargando flash ...

Continuación ...

Tutorial de Photoshop: efecto de papel plegado

imagen Adobe Photoshop es una herramienta poderosa y permite crear efectos realmente cautivadora. Para lograr el efecto de la flexión de una hoja de papel, de hecho, podemos utilizar la herramienta de transformación de "torcer" - en realidad - una capa. Con unos pocos pasos puede hacer que el efecto muy realista. Las imágenes presentan a continuación en este tutorial son ejemplos y se hacen en baja resolución. Para mejorar el efecto del uso de una alta resolución, por lo que desea cambiar el tamaño de la imagen hasta el final y conseguir un anti-aliasing en los bordes.

Continuación ...

Tutorial de Photoshop: Web 2.0 iconos de la moda en 3 pasos

imagen Este tutorial de Photoshop muestra cómo es "relativamente" fácil de crear atractivos iconos de estilo web 2.0 con reflejos y así sucesivamente, simplemente mediante el establecimiento de los efectos en la capa. Una vez que entienda el proceso, también es posible - dando rienda suelta a su creatividad - para crear muchas variaciones.

Continuación ...

Tutorial Photoshop: planeta con sol naciente

imagen

PASO 1

Crear una imagen de al menos 800 × 600 píxeles. Añadir una capa (BCK) - que es nuestra experiencia - y dibujar el espacio. Tiene que ser una imagen oscura! Usted puede disfrutar de te das cuenta de que o el lugar (como yo) algunas imágenes espectaculares de la NASA, mediante el ajuste de los niveles de modo que todavía está oscuro. En el menú Filtro, seleccione Render / Lens Flare - creamos nuestro sol! Usted puede hacer esto "lugar" donde quiere ... yo he puesto en el centro de la parte superior de la imagen:

imagen

Continuación ...

Pintor: sencilla aplicación de dibujo en Flash Pro CS3

Esta es una demostración de lo fácil que es desarrollar aplicaciones en Flash CS3. Después de varios debates sobre el desarrollo de un "borrado", propongo una sencilla aplicación que implemente plenamente algunas de las cosas que se dicen en los mensajes anteriores. En este ejemplo he añadido una barra de herramientas "draggabile", la posibilidad de elegir el color del pincel y el fondo, la selección del instrumento de "borrar" y un ligero "desenfoque" en el diseño!

Cargando flash ...

Descargar el código fuente de Adobe Flash CS3 Professional

Continuación ...

Pintura Flash CS3: verdadera herramienta de borrar el tiempo

A partir de los códigos proporcionados en Flash CS3 Cree una pintura , y la realización de pequeñas modificaciones, puede mejorar el instrumento de "borrar". Cómo añadir una figura no está visible, se puede utilizar como un "plan" para ejecutar el draw() de modo de mezcla "borrar". Como se muestra en el ejemplo siguiente, después de dibujar algo, mantenga pulsada la tecla Ctrl y el efecto de la "anulación" está ahora en tiempo real.

Cargando flash ...

El código es el siguiente - Fuente :

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 de importación. MouseEvent ;
. BitmapData ; flash.display importación. BitmapData ;
. Bitmap ; flash.display importación. mapas de bits ;
. GradientType ; . flash.display importación GradientType ;
/ /
. Matrix ; importaciones flash.geom. Matrix ;
/ /
Boolean = false ; var md: Boolean = false;
/ /
Sprite = new Sprite ( ) ; var event_spr: Sprite = new Sprite ();
event_spr ) ; addChild (event_spr);
/ /
Number = event_spr . stage . stageWidth ; var area_width: Número = event_spr prácticas stageWidth,..
Number = event_spr . stage . stageHeight - 32 ; area_height var: Número .. = event_spr prácticas stageHeight - 32;
/ /
String = GradientType . LINEAR ; fillType var: cadena = GradientType . LINEAL;
: Array = [ 0xFF0000 , 0x00FF00 , 0x0000ff ] ; var colores: array = [0xFF0000, 0x00FF00, 0x0000FF];
: Array = [ 1 , 1 , 1 ] ; var alphas: array = [1, 1, 1];
: Array = [ 0 , 128 , 255 ] ; var ratios: matriz = [0, 128, 255];
String = SpreadMethod . PAD ; spreadMethod var: cadena = SpreadMethod PAD;.
: Matrix = new Matrix ( ) ; var matriz: Matrix = new Matrix ();
createGradientBox ( area_width , area_height , 1 , 0 , 0 ) ; . createGradientBox matriz (area_width, area_height, 1, 0, 0);
/ /
event_spr . graphics ) { con (event_spr. gráficos) {
fillType , colors , alphas , ratios , matrix , spreadMethod ) ; beginGradientFill (fillType, colores, alfas, las proporciones, la matriz, spreadMethod);
0 , 0 , area_width , area_height ) ; drawRect (0, 0, area_width, area_height);
; endFill ();
}
/ Evento / Pintura
( 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 (ancho event_spr., event_spr altura, 0 verdad.)
Bitmap = new Bitmap ( bmpd ) ; var bmp: Bitmap = new Bitmap (bmpd);
bmp ) ; addChild (bmp);
/ /
/ / Forma temporal
Shape = new Shape ( ) ; draw_shape var: Forma = new forma ();
draw_shape ) ; addChild (draw_shape);
/ /
/ / Forma no es visible, utilizado para la "cancelación"
Shape = new Shape ( ) ; erase_shape var: Forma = new forma ();

/ /
e : MouseEvent ) : void { función _onMouseDown (e: MouseEvent ): void {
) ; depuración ("_onMouseDown");
. lineStyle ( 10 , 0xffffff , 1 ) ; .. draw_shape gráficos lineStyle (10, 0xffffff, 1);
. lineStyle ( 20 , 0xffffff , 1 ) ; .. erase_shape gráficos lineStyle (20, 0xffffff, 1);
. moveTo ( e . localX , e . localY ) ; .. draw_shape gráficos moveTo (and. localX y localY.);
. moveTo ( e . localX , e . localY ) ; .. erase_shape gráficos moveTo (and. localX y localY.);
md = true;
}
/ /
e : MouseEvent ) : void { _onMouseUp función (e: MouseEvent ): void {
md = false;
. draw ( draw_shape ) ; .. bmp bitmapData empate (draw_shape);
. clear ( ) ; . draw_shape gráficos claros ().;
. clear ( ) ; . erase_shape gráficos claros ().;
}
/ /
e : MouseEvent ) : void { _onMouseMove función (e: MouseEvent ): void {
) ; depuración ("_onMouseMove");
md && ! e . ctrlKey ) { if (md & &! y ctrlKey.) {
. lineTo ( e . localX , e . localY ) ; .. draw_shape gráficos lineTo (and. localX y localY.);
( md && e . ctrlKey ) { } Else if (md & & y. CtrlKey) {
. lineTo ( e . localX , e . localY ) ; .. erase_shape gráficos lineTo (and. localX y localY.);
. draw ( erase_shape , null , null , "erase" ) ; bmp bitmapData empate (erase_shape, null, null, "borrar")..;
}
}
/ /
v : String ) : void { depuración de la función (v: Cadena ): void {
: Date = new Date ( ) ; var d: Fecha = new Date ();
d . getMinutes ( ) + ":" + d . getSeconds ( ) + ":" + d . getMilliseconds ( ) + ": " + v ) ; trace (d. getMinutes () + "" + d. getSeconds () + "" + getMilliseconds d. () + "" + st);
}

): Hemos añadido una nueva forma, erase_shape no visible (no se llevó a cabo ninguna addChild() ):

1
2
3
...
/ / Forma no es visible, utilizado para la "cancelación"
Shape = new Shape ( ) ; erase_shape var: Forma = new forma ();

La pieza de código que se encarga de la elaboración se ha introducido para la tecla de control y, si se pulsa, se interesa precisamente la forma erase_shape y se copian en el mapa de bits:

1
2
3
....
. lineTo ( e . localX , e . localY ) ; .. erase_shape gráficos lineTo (and. localX y localY.);
. draw ( erase_shape , null , null , "erase" ) ; bmp bitmapData empate (erase_shape, null, null, "borrar")..;

Continuación ...

Pintura para crear una aplicación en Flash CS3

Como se explica en flash concurso Actionscript: herramienta de borrar no se puede "borrar" un área en particular de un Sprite, MovieClip o la forma en que las líneas o rectángulos se dibuja con el cursor gráfico. Hay, de hecho, el único método clear() , sin embargo, no tiene efecto sobre toda la superficie del objeto. La solución a este problema radica en la posibilidad de utilizar el mapa de bits y objetos BitmapData. Como veremos más adelante podemos acceder directamente y manipular los datos de mapa de bits con el fin de "borrar" golpes con un instrumento real "borrador".

Muestran dos formas diferentes de lograr la "puerta". per esempio. El primer "draw" (borrar) los datos directamente en el BitmapData, usando el método fillRect() - también se puede utilizar setPixel() por ejemplo. El segundo método, la que yo prefiero, utiliza los métodos de las fusiones (blendMode).

En primer lugar vamos a ver qué tipo de organización es el mínimo necesario para lograr un pintor de Flash simple. El esquema que se presenta a continuación se aplica tanto a las propuestas de la "puerta":

patrón de mapa de bits

He creado tres capas: la primera MovieClip o Sprite, los antecedentes y el trabajo del controlador de eventos (MouseDown, MouseMove y MouseUp). El segundo, el de mapa de bits es nuestro capas principales, una que realmente dibujado de gráficos se aplicarán y en el que la "puerta". , ecc…). La tercera y última capa, la forma, aborda dos cuestiones: la primera es que permite utilizar directamente las funciones proporcionadas por el cursor gráfico (como lineStyle , drawRect() , etc ...). También aumenta el rendimiento en el cuadro de seguimiento, como se explica en detalle a continuación.

Continuación ...



Dejar de SOPA