blog.coconnut.com

Flex, AS3, AS2, flash, css

Sígueme en TwitterRSS FeedsPagina en Facebook!

  • Inicio
  • Quienes somos
  • Caracool.net

Flex 2. Ejemplo de menú hecho con Papervision3D 2

15 dic

Publicado por Luis Estevez en ActionScript 3

12 comentarios

Menú cubos Flash ZoomCuando pulsamos sobre un cubo la cámara realiza un travelling hacia su cara frontal. Para volver a la vista general pulsa de nuevo sobre la figura.

Menú cubos

Ver ejemplo y descargar código fuente >>

Recuerda que tienes que configurar la ruta de clases para el paquete GreatWhite de Papervision3D. La aplicación utiliza Tweener para hacer el zoomin/zoomout de la cámara.

Descargar biblioteca Papervision3D 2.0 GreatWhite >>

Descargar biblioteca Tweener >>

ActionScript 3, Flash CS3, Papervision3D

Flex 2. Efecto gotas de lluvia.

2 dic

Publicado por Luis Estevez en ActionScript 3

2 comentarios

En este ejemplo vamos a utilizar el filtro de Flash “ConvolutionFilter” para simular gotas de lluvia cayendo sobre agua. Si pulsas sobre la imagen se genera un foco de ondas, y si arrastrar el ratón se crea una estela.

Efecto gotas de lluvia

Ver ejemplo y código fuente >>

ActionScript 3, Filtros, Flex 2

Flash CS3. Barra de botones Flash que se conecta con una función javascript.

30 nov

Publicado por Luis Estevez en ActionScript 3

4 comentarios

Se trata de una barra de botones realizada en Flash que obtiene las imágenes de los distintos estados de los botones de un xml.

Al pulsar sobre un botón se llama a la función  javascript “onClick()” que aparece dentro del código html de la página web. Esta función sólo emite un mensaje de alerta con la cadena de texto que le pasa la barra de botones.

La conexión entre el archivo swf (la barra de botones) y la función javascript la realizamos a través de la clase estática ExternalInterface, que viene a sustituir en AS3 al antiguo fscommand().

Ver ejemplo y código fuente >>

Para ver el código fuente y descargarlo, entra en el ejemplo y pulsa con el botón derecho del ratón sobre la barra de botones (no sobre el resto de la página) y elige la opción “View Source” que aparecerá en el menú emergente.

ActionScript 3, Flash CS3, Javascript

Flex 2. Efecto de ondas sobre el agua.

25 nov

Publicado por Luis Estevez en ActionScript 3

3 comentarios

En este ejemplo vamos a simular el efecto que produce la caída de un objeto sobre la superficie del agua.

Efecto de ondas sobre el agua

Ver ejemplo y código fuente >>

Hemos utilizado el filtro DisplacementMapFilter para distorsionar la imagen y darle un aspecto de superficie de agua.

El filtro de Flash que aplicamos distorsiona la imagen dándole un relieve que obtiene de un mapa de escala de grises: cuanto más blanco es el pixel que se procesa, más relieve da a la imagen final.

Como mapa de relieve (también conocido como bump map), hemos utilizado un gradiente radial con forma de onda, jugando con el nivel alpha del mismo. Este gradiente lo hemos aplicado a una shape llamada “fondo_shp”.

Para conseguir el efecto deseado aplicamos el filtro DisplacementMapFilter a la imagen, utilizando fondo_shp como mapa de relieve.

ActionScript 3, Filtros, Flex 2

Flex 2. Gráficas de barras con Flex

17 nov

Publicado por Luis Estevez en ActionScript 3

23 comentarios

Este ejemplo no utiliza las gráficas para mostrar datos estadísticos de Flex. Las gráficas de barras que aparecen están implementadas directamente.

Graficas de barras

Ver ejemplo y código fuente >>

ActionScript 3, Flex 2

Eventos en ActionScript 3.0

12 nov

Publicado por Carlos Hernández en ActionScript 3

1 comentario

Un capítulo del libro de Colin Moock, Essential ActionScript 3.0.

A mi me ha parecido una pasada. Explica un montón de historias de esas que están ahí pero no sabes porqué.

Chapter21

http://www.adobe.com/devnet/actionscript/articles/ora_essential_as3/ora_essential_as3_ch21.pdf

ActionScript 3

Propiedad BlendMode

11 nov

Publicado por Carlos Hernández en ActionScript 3

No hay comentarios

Ahí va un ejemplo sobre la propiedad ‘blendMode’.

Esta propiedad afecta a la apariencia de un movieclip cuando se encuentra en una capa superior que otro objeto en la pantalla. Existen 14 modos “normal”, “layer”, “multiply”, “screen”, “lighten”, “darken”, “difference”, “add”, “subtract”, “invert”, “alpha”, “erase”, “overlay”, “hardlight”.

He modificado el ejemplo de la ayuda de flash y lo he pasado a actionscript 3.

BlendMode

Ver Ejemplo>>
Descargar Código>>

Este es el código de la clase Main.

[ftf w="640" h="230"]/* Main.as */
package {
import flash.display.MovieClip;
import fl.controls.Label;
import flash.utils.Timer;
import flash.events.TimerEvent;
import flash.geom.Matrix;

public class Main extends MovieClip {

var mc1:MovieClip = new MovieClip();
var mc2:MovieClip = new MovieClip();
var blendLabel:Label = new Label();
var blendModeIndex:int = 0;
var modes:Array = ["normal","layer","multiply","screen","lighten","darken","difference",
"add","subtract","invert","alpha","erase","overlay","hardlight"];

var timer:Timer = new Timer(1000);

public function Main() {
blendLabel.text = “”;
blendLabel.x = 80;
blendLabel.y = 25;
this.addChild(blendLabel);

mc1.x = 32;
mc1.y = 50;
this.addChild(mc1);

mc2.x = 65;
mc2.y = 83;
this.addChild(mc2);

fillClip(mc1, 0x00AA00, 0x22FFFF, 100, 100)
fillClip(mc2, 0xFF0000, 0x2211FF, 100, 50)

timer.addEventListener(TimerEvent.TIMER, changeBlendMode);
timer.start();
}

function changeBlendMode(e:TimerEvent) {
mc2.blendMode = modes[blendModeIndex];
blendLabel.text = modes[blendModeIndex];
blendModeIndex++;
if(blendModeIndex == 14)
blendModeIndex = 0;
}

function fillClip(mc:MovieClip, color1:Number, color2:Number, alpha1:Number, alpha2: Number) {

var spreadMethod:String = “reflect”;
var interpolationMethod:String = “linearRGB”;
var focalPointRatio:int = 0.9;
var matrix:Matrix = new Matrix();
matrix.createGradientBox(100, 100, Math.PI, 0, 0);

mc.graphics.beginGradientFill(“linear”, [color1, color2], [alpha1, alpha2], [0, 0xFF], matrix,spreadMethod, interpolationMethod, focalPointRatio);
mc.graphics.lineStyle(8,0×888888,100)
mc.graphics.moveTo(0, 0);
mc.graphics.lineTo(0, 100);
mc.graphics.lineTo(100, 100);
mc.graphics.lineTo(100, 0);
mc.graphics.lineTo(0, 0);
mc.graphics.endFill();
}
}
}
/* Main.as */[/ftf]

ActionScript 3, Filtros, Flash CS3

Flex Skin

7 nov

Publicado por Ángel Miñano en Diseño

1 comentario

Aquí os dejo una serie archivos para que cambiéis el estilo de vuestras aplicaciones flex.

Descargar OSX [RAR, 2.09mb]

Descargar WMP [RAR, 1.84mb]

Y si queréis diseñar los vuestros, esta plantilla os viene que ni pintado.

Plantilla Photoshop [ZIP, 1.56mb]

Puedes descargar muchos styles mas de la pagina http://www.scalenine.com/

Diseño, Flex 2

Flex 2. Motor de físicas APE

5 nov

Publicado por Luis Estevez en ActionScript 3

3 comentarios

Ejemplo de utilizacion del motor de físicas APE para Actionscript, en Flex.

Motor de fisicas APE

Ver ejemplo y código fuente >>

En el archivo zip del ejemplo puedes encontrar todas las clases necesarias para compilar la aplicación, pero si quieres bajarte la última versión de este motor de físicas puedes hacerlo desde su página APE Actionscript Physics Engine.

ActionScript 3, APE, Flex 2

Flex 2. Flex 3. Puzzle

4 nov

Publicado por Luis Estevez en ActionScript 3

7 comentarios

Juego de puzzle consistente en ensamblar las piezas que componen una imagen oculta.

Puzzle

Ver ejemplo >>

Descargar proyecto Flex completo (lleva PV3D 1.7 incluído) >>

El menú para elegir la imagen del puzzle está hecho con Papervision3D 1.7. Si no te has descargado las clases de este proyecto, puedes hacerlo desde su página.

Descargar biblioteca compilada (swc) Papervision 3D 1.7 >>

Si te interesa AIR, en este segundo enlace puedes encontrar el archivo zip del proyecto exportado con Flex 3. Una vez que lo hayas descargado en tu disco duro elige File/Import/Flex Project… y dale la ruta a dicho zip.

Descargar proyecto Flex 3/AIR completo >>

Al comenzar un nuevo juego el programa distribuye las piezas aleatoriamente y las gira. Para colocar una pieza llévala al tablero hasta la zona en la que crees que debe estar y gírala utilizando la rueda central del ratón: hacia delante gira a la izquierda, hacia atrás gira a la derecha.

ActionScript 3, Flex 2
« Primera...1020«2223242526»
  • Coconnut People

  • Otro blog sobre tecnologías multimedia!!! Flex, ActionScript, AIR, Flash, Papervision 3D, Diseño... vamos todo lo que vaya pasando por nuestras manos y pensemos que puede ser interesante.

  • Patrocinadores

    Caracool
    HelloThemes
    HelloThemes 2
    WPML
    • Comentarios recientes
    • Entradas populares
    • Archivos
    • Categorías
    • ActionScript 2 (4)
    • ActionScript 3 (176)
    • AIR (22)
    • AMFPHP (2)
    • APE (2)
    • AS3 Signals (6)
    • ASP.NET (1)
    • Away3D (9)
    • Box2D (3)
    • BulkLoader (25)
    • Cairngorm Framework (3)
    • Darkstar (1)
    • Diseño (9)
    • Eclipse (2)
    • Encuestas (1)
    • Eventos (5)
    • Filtros (16)
    • Flash Builder 4 (25)
    • Flash CS3 (52)
    • Flash CS4 (35)
    • Flash CS5 (15)
    • Flex 2 (33)
    • Flex 3 (63)
    • Flex 4 (9)
    • FlexMojos (2)
    • Git (1)
    • HTML (4)
    • HTML5 (4)
    • Java (5)
    • Javascript (14)
    • jQuery (7)
    • Magento (2)
    • Mate Framework (4)
    • Maven (1)
    • MooTools (1)
    • noticias (16)
    • Papervision3D (30)
    • Parsley Framework (2)
    • Patrones de Diseño (2)
    • Pixel Bender (4)
    • Prana Framework (1)
    • PureMVC (4)
    • Recursos (8)
    • Red5 (2)
    • Robotlegs Framework (10)
    • Sin categoría (11)
    • Tutorial (10)
    • Tweener (34)
    • TweenLite/TweenMax (28)
    • web (7)
    • XAMPP (1)
    • abril 2013 (1)
    • marzo 2013 (2)
    • diciembre 2012 (1)
    • octubre 2012 (1)
    • julio 2012 (2)
    • mayo 2012 (9)
    • marzo 2012 (1)
    • enero 2012 (3)
    • diciembre 2011 (4)
    • noviembre 2011 (2)
    • septiembre 2011 (1)
    • mayo 2011 (2)
    • marzo 2011 (1)
    • febrero 2011 (5)
    • enero 2011 (7)
    • diciembre 2010 (4)
    • noviembre 2010 (4)
    • octubre 2010 (6)
    • septiembre 2010 (4)
    • agosto 2010 (4)
    • julio 2010 (5)
    • junio 2010 (3)
    • mayo 2010 (2)
    • abril 2010 (3)
    • febrero 2010 (3)
    • enero 2010 (3)
    • diciembre 2009 (3)
    • noviembre 2009 (2)
    • octubre 2009 (3)
    • septiembre 2009 (3)
    • agosto 2009 (10)
    • julio 2009 (10)
    • junio 2009 (4)
    • mayo 2009 (7)
    • abril 2009 (7)
    • marzo 2009 (5)
    • febrero 2009 (3)
    • enero 2009 (4)
    • diciembre 2008 (3)
    • noviembre 2008 (1)
    • octubre 2008 (10)
    • septiembre 2008 (5)
    • agosto 2008 (4)
    • julio 2008 (8)
    • junio 2008 (6)
    • mayo 2008 (10)
    • abril 2008 (8)
    • marzo 2008 (9)
    • febrero 2008 (15)
    • enero 2008 (4)
    • diciembre 2007 (5)
    • noviembre 2007 (10)
    • octubre 2007 (9)
    • septiembre 2007 (1)
    • Flex 3. Efecto pageFlip con Away3D (65)
    • Flex 2. Ejemplo básico de Papervision 3D 1.7 en Flex (57)
    • Flex 3. Flash CS4. Framework Mate y galería de imágenes (47)
    • Flash CS3. Cartelera de estrenos de cine con Papervision3D GreatWhite (44)
    • Flex 3. Cartelera de estrenos de cine con Papervision3D GreatWhite (42)
    • Flash CS4. Otro portafolio de fotografía. (41)
    • Flex 3. Flash CS4. Galería de imágenes tipo Polaroid (41)
    • Flash CS3. Menú de imágenes tipo acordeón (40)
    • Flex 3. Flash CS4. Galería de vídeos (38)
    • Flex 2. Sistema planetario (Sol, Tierra, Luna y Júpiter) con Papervision3D 1.7 (36)
    • Velay: Buen repertorio de plantillas, buen aporte.
    • Desarrollo aplicaciones Android: Necesitaria saber donde implantan cursos de desarrollo de aplicaciones Android. ¿Alguien ha ...
    • Hector: Gracias! No me funcionó cambar .profile, tuve que colocar las variables de entorno en en ...
    • Alejandro: Que buen tutorial, todo anda perfecto. Gracias
    • Luis Estevez: Hola, José Juan: Creo que no vas a tener problemas. Si creas un proyecto Flex Mobile puedes ...
    • José Juan: Hola, me han pedido desarrollar una pequeña galería para android, opté por desarrollarla en flash y ...
    • Carlos: Probablemente tu usuario no tiene permisos para crear la carpeta. Prueba con el comando "su" para...
    • Pia: Hola, el resultado de mkdir Tomcat es: Permission denied, alguien me podria decir cual es el...
  • FACEBOOK

  • Nube de Tags

    ActionScript 2 ActionScript 3 AIR Anaglyph APE AS3 AS3 Signals Away3D Box2D BulkLoader Cairngorm Framework CSS Diseño Efectos Eventos Filtros Flash Builder 4 Flash CS3 Flash CS4 Flash CS5 Flex Flex 2 Flex 3 Flex 4 FlexMojos HTML5 Java Javascript jQuery Mate Framework Maven noticias Papervision3D Papervision3D Patrones de Diseño Pixel Bender portfolio PureMVC Recursos Red5 Robotlegs Framework Tutorial Tweener TweenLite/TweenMax web
  • Blogs

    • Carlos Ulloa Blog
    • Christophe Herreman Blog
    • Darron Schall Blog
    • Eric Feminella Blog
    • GreenSock
    • InsideRIA
    • Johlero Blog
    • Kevin Hoyt Blog
    • Llops Blog
    • Made in Flex
    • Mike Chambers Blog
    • MrDoob Blog
    • Pixel Breaker Blog
    • RIActive
    • RIAPedia
    • RockonFlash
    • Ted on Flash Blog
    • TheFlashBlog
    • Zupko Blog
  • Cairngorm Framework

    • Adobe Labs Cairngorm Framework
    • CairngormDocs
    • CairngormDocs Blog
  • Flash + Flex + AIR

    • Adobe Labs
    • Adobe Labs AIR
    • Flex 2 Component Explorer
    • Flex 2 Style Explorer
    • Open Source Flash
  • Framework

    • Mate Flex Framework
    • Parsley Framework
    • Robotlegs Framework
    • Spring Actionscript (Prana)
  • Papervision3D

    • Papervision3D Blog
    • Papervision3D Developers
    • Papervision3D Tutorials
  • Red5

    • Red5
  • Remoting

    • AMFPHP
    • Blaze DS
    • WebORB
  • Tweening

    • GreenSock
    • Tweener
    • TweenLite
    • TweenMax
  • Add to Technorati Favorites

  • Creative Commons License
    Todo el contenido del site está bajo una licencia de Creative Commons.

RSS Feeds Arriba