CODIGO.actionscript

Adobe TV: Publicar a HTML5 usando Adobe Flash Professional Toolkit para CreateJS

admin — Tue, 24 Apr 2012 11:53:22 +0000

Más información sobre el Adobe Flash Professional Toolkit para CreateJS, incluidos los rasgos básicos, flujos de trabajo previstos, y la filosofía detrás de esta tecnología

http://adobe.ly/I2Ur7U

Related posts: Pack de HTML5 para Adobe Dreamweaver CS5 Recursos para Flash Catalyst CS5 AdobeTV: Desarrollo AIR para Android con Flash CS5

Novedades CS6 en Adobe Hispano, con AdobeXpert y Video2brain

admin — Tue, 24 Apr 2012 08:21:50 +0000

Video2brain une esfuerzos con AdobeXpert y juntos llevan a cabo una emisión especial de Adobe Hispano, un evento online con más de 8 horas de duración donde una larga lista de expertos de la Comunidad Hispana de Adobe mostrará las distintas novedades en sus aplicaciones preferidas a través de workshops y ejemplos específicos para que no quede duda alguna de todo lo que se puede hacer con la nueva versión de Creative Suite.

Un evento online, un evento totalmente gratuito para toda la comunidad, un evento totalmente en vivo, un evento con todas las novedades de CS6, un evento llevado a la comunidad por AdobeXpert y video2brain.

Toda la información del evento la puedes encontrar en su sitio online:
http://www.adobehispano.com/index.htm

Conferencistas, temas, horarios, etc. Debes estar pendiente por cambios de último momento y recordar que se presentan las horas de Colombia y España, haz el cálculo para tu país.

El evento es totalmente gratuito pero es necesario que te registres, y eso lo puedes hacer aquí:

http://www.adobehispano.com/asistir.htm

(*texto extraído de la newsletter de video2brain)

Adobe ® Edge preview

admin — Wed, 21 Mar 2012 15:55:47 +0000

Adobe Edge es un programa para hacer animaciones HTML5 y que funciona de forma muy similar a Flash. Tenemos paneles de herramientas, una línea de tiempo, desarrollo por Stages y paneles de interactividad donde marcar el tiempo de evento que hará iniciar la animación HTML5.

En este video vemos las diferentes opciones que tenemos en Adobe Edge y la facilidad con la que el programa genera dichas animaciones.

AdobeTV: Determining speed data from GPS

admin — Fri, 30 Sep 2011 11:25:38 +0000

Utilizando ActionScript se puede obtener datos GPS desde un teléfono móvil o tableta. Estos datos son la latitud, la longitud, la dirección del movimiento, la precisión, la altitud, así como la velocidad. En este vídeo se muestra como obtener la propiedad de la velocidad para crear una aplicación sencilla y eficaz.

Related posts: AdobeTV: [...] Related posts:

Adobe AIR 3 Release Candidate disponible

admin — Wed, 07 Sep 2011 10:40:44 +0000

Adobe AIR 3 Release Candidate ya está disponible para su descarga. Esta actualización incluye los SDK de AIR para el desarrollo de aplicaciones móviles y de escritorio.

Sus principales caracteristicas son:

Stage 3D Accelerated Graphics Rendering (AIR desktop and TV)
Stage Video Hardware Acceleration (AIR for mobile)
Native Extensions for AIR
Captive Runtime Support (AIR for desktop and Android)
iOS Background Audio Playback Support
Android Licensing Service Support
Android Front-facing Camera Support
Encrypted Local Storage for Mobile
H.264/AVC Software Encoding for Cameras (desktop)

Aquí podemos ver la información completa y la descarga:

http://labs.adobe.com/technologies/flashplatformruntimes/air3/

AdobeTV: Screen density

admin — Tue, 06 Sep 2011 14:54:58 +0000

En los dispositivos móviles el DPI (puntos por pulgada) es muy variable. Esto tiene un efecto directo sobre el tamaño de su contenido. En este vídeo vemos como ajustar el tamaño de los gráficos en función del dispositivo.

Related posts: AdobeTV: Determining [...] Related posts:

AdobeTV: Air for Android Development

admin — Thu, 23 Jun 2011 17:22:31 +0000

Duane Nickull ilustra las diferencias en el desarrollo de aplicaciones móviles con dos diferentes SDK de Flex (4.1 y 4.5). Un enlace al código fuente de ambos proyectos está disponible en el video.

Related posts: AdobeTV: Desarrollo AIR para Android con Flash [...] Related posts:

Aplicaciones iOS 4 veces más rápidas con Adobe AIR 2.7

admin — Tue, 14 Jun 2011 22:10:30 +0000

Adobe acaba de anunciar una actualización del SDK de AIR, la versión 2.7, que incluye nuevas características para aplicaciones de escritorio y móviles Android, BlackBerry e IOS. Entre sus principales caracteristicas está el mejor rendimiento en las aplicaciones AIR para iOS que las hace hasta 4 veces más rápido en el modo de la CPU.

En el blog de Adobe podemos leer sobre las nuevas mejoras:
http://blogs.adobe.com/flashplayer/2011/06/adobe-air-2-7-now-available-ios-apps-4x-faster.html

Descargar la última versión de SDK.

Cargar imágenes en aplicaciones iOS con Flash CS5.5

admin — Sat, 04 Jun 2011 22:15:01 +0000

Cuando creamos una aplicación para Iphone desde Flash el tamaño de documento que utilizamos es 320x480 que es la resolución disponible en un Iphone 3.

En el caso del Iphone 4 tenemos una resolución de 640x960, osea que nuestra aplicación se escalará para adaptarse a esta mayor resolución. Si estamos utilizando imágenes bitmap en nuestra aplicación veremos que tenemos una perdida de calidad al estar escalándose al doble de tamaño.

Si hemos utilizado Xcode sabremos que por cada imagen tendremos su equivalente con el mismo nombre acabo en "@X2" y doble de resolución, que automaticamente se sustituirá en al visualizarse la aplicación en pantalla retina.

Creando nuestra aplicación en AIR para IOS podemos conseguir esta misma característica creando una clase que nos muestre la imagen normal o su equivalente al doble de resolución dependiendo de la resolución del dispositivo.

Con una simple comprobación de la profundidad de pixel del dispositivo podemos saber si estamos en una pantalla retina, en ese caso cambiaremos el nombre de la imagen a su equivalente con el doble de resolución y reduciremos la escala al clip a la mitad para que se visualice al mismo tamaño:

PLAIN TEXT

Actionscript:

if(flash.system.Capabilities.screenDPI==326) //iphone 4
{
$__urlAsset = $__urlAsset.replace(".","@2x.");
this.scaleX = .5;
this.scaleY = .5;
}

Este código utilizado en una clase similar a la que mostré en =http://www.cristalab.com/tutoriales/clase-para-cargar-un-swf-externo-en-flash-c26811lun tip hace mucho tiempo[/url] quedaría asi:

PLAIN TEXT

Actionscript:

package com.cristalab.display
{
import flash.display.Bitmap;
import flash.display.Loader;
import flash.display.Sprite;
import flash.events.Event;
import flash.net.URLRequest;
import flash.system.Capabilities;
import flash.system.LoaderContext;
//-----------------------------------------
public class BitmapIOS extends Sprite
{
public static const CARGADO:String = "cargado";
private var $__cargado:Boolean = false;
private var $__context:LoaderContext = new LoaderContext();
private var $__loader:Loader = new Loader();
private var $__urlAsset:String;
//-----------------------------------------
public function BitmapIOS(asset:String = null)
{
$__urlAsset = asset;
if($__urlAsset != null)
{
this.__load();
}
}
//-----------------------------------------
public function set asset(a:String):void
{
if($__urlAsset != null)
{
borra();
}
$__urlAsset = a;
this.__load();
}
//-----------------------------------------
public function borra():void
{
this.removeChild($__loader);
$__loader.unload();
$__urlAsset = null;
}
//-----------------------------------------
public function get cargado():Boolean
{
return $__cargado;
}
//-----------------------------------------
private function __load():void
{
if($__urlAsset != null)
{
if(flash.system.Capabilities.screenDPI==326) //iphone 4
{
$__urlAsset = $__urlAsset.replace(".","@2x.");
this.scaleX = .5;
this.scaleY = .5;
}
$__loader.load(new URLRequest($__urlAsset), $__context);
$__loader.contentLoaderInfo.addEventListener(Event.INIT, __onLoadComplete, false, 0, true);
this.addChild($__loader);
}
}
private function __onLoadComplete(e:Event = null):void
{
$__loader.contentLoaderInfo.removeEventListener(Event.INIT, __onLoadComplete);
Bitmap($__loader.content).smoothing = true;
$__cargado = true;
dispatchEvent(new Event(Contenedor.CARGADO));
}
//-----------------------------------------
}
}

Esta clase la asignaríamos a un MovieClip vacío en nuestra librería. Para cargar las imágenes lo situaremos en la posición deseada y utilizaremos un código similar a este:

PLAIN TEXT

Actionscript:

this.img.asset = "flash.png";

Según sea la pantalla retina o no, nos cargará el fichero "flash.png" o "flash@2x.png".

Hay que recordar que hemos de incluir ambos archivos dentro de la carpet de nuestra aplicación para poder acceder a ellos.

Detectar la conexión 3G o Wifi en aplicaciones AIR para Android

admin — Fri, 03 Jun 2011 15:54:15 +0000

Es probable que en una aplicación para teléfono móvil nos interese saber si estamos conectando a la red a través de la conexión 3G o a través de WIFI, para ejecutar diferentes acciones, permitir descargas de contenido etc.. O simplemente para saber si disponemos de conexión a internet o no.

Con la clase NetworkInfo de =http://www.cristalab.com/tags/airAIR 2[/url] nos permite acceder a todos los accesos a la red que tenemos disponibles en el dispositivo. Cada uno de ellos estará incluido en un objeto NetworkInterface con la propiedad active en valor true o false según sea el acceso en uso.

La siguiente clase que muestro es un ejemplo de uso:

Supongamos que tenemos un MovieClip con tres fotogramas. En el primero tendremos un icono para el estado "sin conexión", en el segundo un icono para 3G, y el tercero un icono para Wifi.

Ahora nos interesará que el MovieClip nos muestre el fotograma que indica que tipo de conexión estamos utilizando en nuestro dispositivo móvil.

Esta sería la clase para asignar al MovieClip:

PLAIN TEXT

Actionscript:

package com.cristalab.controls.mobile
{
import flash.display.MovieClip;
import flash.events.Event;
import flash.net.NetworkInfo;
import flash.net.NetworkInterface;
//------------------------------------------------------
public class NetworkInterfaceUI extends MovieClip
{
private var ni:NetworkInfo = NetworkInfo.networkInfo;
public var active:String = "none";
//------------------------------------------------------
public function NetworkInterfaceUI()
{
ni.addEventListener(Event.NETWORK_CHANGE,checkNetworkInterface);
checkNetworkInterface();
}
private function checkNetworkInterface(event:Event = null):void
{
var interfaceVector:Vector. = ni.findInterfaces();
for each (var item:NetworkInterface in interfaceVector)
{
active = (item.active == true) ? item.name : active;
}
switch (active)
{
case "mobile" :
this.gotoAndStop(2);
break;
case "WIFI" :
this.gotoAndStop(3);
break;
default :
this.gotoAndStop(1);
break;
}
}
}
}

Como podemos ver estamos guardando todas las NetworkInterfaces disponibles en un vector y realizamos una comprobación de cual es la que está activa.

Tambien detectamos los cambios en la red para actualizar nuestro icono.

Listo!