Posts Tagged ‘flash’

Bienvenido a Casa (AIR + OSC + ARDUINO + iBeacons ANE + kontakt)

Monday, March 24th, 2014

Adobe AIR + OSC + ARDUINO + iBeacons ANE + kontakt io beacons demo from Luis Guajardo Diaz – aka theguaz on Vimeo.

Zombie Tycoon, creado con Molehill

Wednesday, January 5th, 2011

Utilizing the revolutionary “Molehill” technology, Frima is now able to create in Flash a wide variety of atmospheres like static and dynamic lighting, shadows, fog, and mirror effects. Additionally, “Molehill” delivers the ability to create, add texture and animate hundreds of avatars simultaneously without losing performance as well as generate advanced special effects never before seen in a Flash game, like explosions, rain, and particle systems.

http://www.zombietycoon.com/MolehillTechDemo.html

flKinect, utiliza Kinect con Flash!

Monday, December 13th, 2010

http://kimulabo.jp/

http://www.as3kinect.org/download/

El título del post lo dice todo, que esperan para probarlo!!!!

Patchfork, sintetizador modular creado en Flash

Monday, December 6th, 2010

Al mero estilo de Reaktor y Max pero esta vez construido en Flash :)

http://petervandernoord.nl/patchwork/

Ultrashock 3.0

Monday, November 1st, 2010

http://www.ultrashock.com/

Adobe Max Opener 2010

Tuesday, October 26th, 2010

3D visualisation new 3D API from Galdric on Vimeo.

Mike Chambers asked me already in April this year if I would like to do it. He had the idea of Erik Natzke generating art, me doing live coding and a DJ playing music. Eric Clark has been a fantastic supporter of Audiotool so I thought it would be really nice to have him do it. Luckily he agreed.

The program I wrote was actually quite simple. It was a subdivided plane in 3D space and I was drawing the audio feed I got from Eric Clark onto a BitmapData. That BitmapData was used as a heightmap for the vertices of the plane. In fact each pixel was assigned to exactly one vertex. That way I could get a really nice and smooth terrain. Thanks to Molehill this was rendering even at 1920×1080 without any hickups.

http://blog.joa-ebert.com/2010/10/27/adobe-max-2010-opener/

Fué un performance increible, todo gracias a flash :)

Latin Flash Tour!

Wednesday, October 20th, 2010

Pues ya estámos a solo unos cuántos días del evento Flashero mas grande de México, si áun no están inscritos pueden hacerlo directo desde aqui:

http://www.latinflashtour.com.mx/registro/

No olviden darse una vuelta por la agenda para consultar el ciclo de conferencias, esta muy interesante, los temas van desde flex, multitouch, realidad aumentada, desarrollo para el iphone hasta robotlegs… hay para todos, desafortunadamente no hay (de nuevo) nada de 3d :( pero si una conferencia sobre sintesis de sonido y electrónica :D

La cita es el  29 y 30 de Octubre, Universidad Iberoamericana

Allá nos vemos!

Tonfall, un audio engine en AS3 creado por Andre Michelle

Tuesday, October 19th, 2010

Tonfall is an Actionscript framework to get you started in audio dsp programming within the Flashplayer(10+). Tonfall introduces only a vague design of an audio engine and is rather focussed on readability and simplicity than performance optimizations. Tonfall was initially written for the ‘Audio Code Clash’ workshop at ‘Flash on the beach’ conference 2010 in Brighton.

Apenas estoy jugando con esto, espero en la semana subir algo :)

http://code.google.com/p/tonfall/;

Conferencias Adobe Hispano

Sunday, September 19th, 2010

La semana pasada se llevó acabo Adobe Hispano, para los que como yo se perdieron algunas de las conferencias ya están disponibles:

Dia 1

Dia 2

Dia 3

Dia 4

Felicidades y gracias a la gente que está detrás de este evento.

http://www.cristalab.com/blog/grabaciones-de-las-conferencias-de-adobe-hispano-2010-c91175l/

Parser de PSD’s para Actionscript 3

Thursday, August 26th, 2010

Tal vez en algún momento necesiten importar un psd a su app Flash/Flex/AIR ó quizá en este momento se les ocurra algo que hacer con esto :)

What is currently supported :

PSD FILE :
  • Parsing  canvas width x height
  • parsing file color information (number of color channels, color depth, color mode)
  • parsing file’s composite bitmap snapshot
  • parsing all layers and layer folders
Layers :
  • parsing layer bitmap data
  • parsing layers bounds and position
  • parsing layer name
  • parsing layer ID
  • parsing layer blend mode
  • parsing layer colour channels
  • parsing layer alpha
  • parsing layer filters
  • parsing layer extra  properties such as : isLocked, isVisible, clipping applied
  • parsing layer type (normal, folder)
What is  not supported but planned for the future :
  • layer  masks
  • layer paths
  • layer vector shapes
  • parsing text layers as formatted string
  • parsing layers with zip (with or without prediction) compression

PSD FILE :

  • Parsing  canvas width x height
  • parsing file color information (number of color channels, color depth, color mode)
  • parsing file’s composite bitmap snapshot
  • parsing all layers and layer folders

Layers :

  • parsing layer bitmap data
  • parsing layers bounds and position
  • parsing layer name
  • parsing layer ID
  • parsing layer blend mode
  • parsing layer colour channels
  • parsing layer alpha
  • parsing layer filters
  • parsing layer extra  properties such as : isLocked, isVisible, clipping applied
  • parsing layer type (normal, folder)

What is  not supported but planned for the future :

  • layer  masks
  • layer paths
  • layer vector shapes
  • parsing text layers as formatted string
  • parsing layers with zip (with or without prediction) compression
  • http://durej.com/?p=128

    Caso de éxito: Juego Conti Futbol Star en Facebook

    Wednesday, August 25th, 2010

    http://apps.facebook.com/contifutbolstar/

    Ha pasado algo de tiempo desde que terminó esta campaña y ahora que se ha entregado el premio me gustaria platicarles de este proyecto.

    Con motivo del Mundial de Sudáfrica 2010 Continental Tire de México pensó en Facebook como el medio para crear un concurso relacionado con el futbol donde entre los premios figuraban juegos de llantas, playeras adidas autografiadas, membresias a sportcity y nada mas y nada menos que un Mercedes Benz clase C.

    (more…)

    Cube Builder

    Monday, August 2nd, 2010

    http://apps.facebook.com/cubebuilder/

    La mejor manera de aprender Flash Builder, desde un juego de Facebook!

    Si eres flashero deberias ya esta jugando!

    Via Uklanor

    Detectar gestos del mouse en Actionscript 3

    Tuesday, July 13th, 2010

    Encuentro este código bastante útil, no sé si ya exista un API que haga esto en AS3, me parece que no.

    http://www.emanueleferonato.com/2010/07/05/detecting-mouse-gestures-in-flash-with-as3/

    Flash VS < canvas >

    Thursday, July 1st, 2010

    Video, Audio y Canvas. De todas las nuevas etiquetas agregadas a HTML5 estás son las que han puesto en duda el futuro de Flash.

    Desde el inicio me quedó clara la situación de las primeras 2 (que ya expliqué), pero con Canvas siempre he tenido mis dudas pues lo considero muy poderoso,  a mi parecer es el único que le dará batalla a flash, permitanme explicarles por qué.

    Rendimiento

    Estaba conforme con los resultados  del test de rendimiento que hizo The man in blue, donde con un sencillo sistema de partículas se medían los fps que podía lograr Canvas, HTML, SVG y Flash.

    http://www.themaninblue.com/writing/perspective/2010/03/22/

    El ganador indiscutible fué Flash, hice el test en win7 con firefox, chrome, ie8 y el resultado fué el mismo. El rendimiento era el mejor argumento para eliminar a canvas como competencia de flash.

    Pero… (chan chan chan chaaaaan)

    En el siguiente video podemos ver a IE9, Firefox 4, Chrome 6 y Opera, todas estas nuevas versiones de navegadores tienen aceleración por hardware, lo que cambia totalmente el panorama para Canvas.

    http://www.youtube.com/watch?v=OIZUdZdFzOo

    El rendimiento es increible (Firefox 4 FTW!) aunque no estoy seguro si con estas versiones canvas superaria a Flash en el test anterior (pues no tengo ninguno de estos instalado) creo que si tendríamos resultados similares.

    Implementación

    Canvas & Flickr : http://www.xs4all.nl/~peterned/3d/

    Este ejemplo utiliza el api de flickr para hacer un grid en 3d de fotografias, afortunadamente con canvas todo el trabajo lo hace Javascript, con el cúal muchos flashers estamos familiarizados:

     
    var stage = new Clay.Stage(640, 480, document.getElementById("canvas"));
    var world = stage.getWorld();
    var camera = stage.getCamera();
     
    camera.set(0, 0, 800);
    camera.setTarget(Clay.Vector.ZERO);
     
    var light = new Clay.Light(-2,-2, 1, 3, .5);
    light.setColor(255, 255, 255)
    world.addLight(light);
     
    stage.resizeTo(640, 480);
     
    var palet = [
        new Clay.Material(37,47,51, 1, stage),
        new Clay.Material(65,92,79, 1, stage),
        new Clay.Material(134,156,128, 1, stage),
        new Clay.Material(147,194,204, 1, stage),
        new Clay.Material(206,234,238, 1, stage)
    ];
     
    var rib = 256;
    var amount = 3;
    var offset = 266;
    function rand(range) { return Math.floor(Math.random() * range); };
     
    for (var i=0; i<amount; i++) {
        for (var j=0; j<amount; j++) {
            for (var k=0; k<amount; k++) {
     
                var x = ((offset * i) - (offset * (amount-1))/2)*1.5,
                    y = (offset * j) - (offset * (amount-1))/2,
                    z = (offset * k) - (offset * (amount-1))/2;
     
                var m = palet[rand(palet.length)];
     
                var cube = new Clay.Cube(x, y, z, 4, rib, rib, m);
                world.addShape(cube);
            }
        }
    }
     
    var flickr = [];
    var photos = document.getElementById("photos").getElementsByTagName("img");
     
    for(var i=0; i<photos.length; i++) {
        var photo = photos[i];
        var parent = photo.parentNode;
        if(/^a$/i.test(parent.nodeName)) {
            flickr.push(
                new Clay.Texture(photos[i].src, stage)
            );
        }
    }

    Cabe mencionar que aunque tenemos CSS3 considero Canvas la mejor opción para graphics, animación o hasta interacción, si bien hay algún desquiciado que se atreve a hacerlo con CSS3 creo que no es una buena práctica, pero ya haré un post de CSS3 vs Canvas..

    Volviendo al versus, se me hace un poco injusto comparar el engine del ejemplo anterior contra un PV3d , porque canvas aún esta en pañales y tiene mucho por delante, si bien ya hay un gran avance creo que lo mejor esta por venir, me entusiasma pensar que pronto alguien sacara un framework 3d completo para  JQuery.

    A mi parecer Canvas llega a suplir todo lo que le faltaba a Javascript para poder compararse con Actionscript3 en el terreno de graphics y al ser un lenguaje no tan ordenado como AS3 se vuelve más fácil para algunos de implementar, que es un punto clave en el futuro de canvas

    Veamos Unos Ejemplos:

    Dibujo de formas

    // Actionscript 3
    var sprite:Sprite = new Sprite();
        sprite.graphics.beginFill(0x333333,1) 
        sprite.graphics.lineTo(10, 10) // lineas
        sprite.graphics.drawRect(0, 0, 100, 100) // dibuja rectángulos
        sprite.graphics.endFill()
    addChild(sprite)
    //HTML 5 Canvas
    <canvas id="canvas">
    Tu navegador chafa no soporta Canvas
    </canvas>
    <script>
    var canvas = document.getElementById('canvas');  
    var context = canvas.getContext('2d');  
         context.fillStyle = "#33";
         context.lineTo(10, 10) // dibuja lineas
         context.fillRect(0,0,100,100); // dibuja rectangulo
    </script>

    Trabajo con Bitmaps

    Carga de imagenes

    // Actionscript 3
    var src:URLRequest = new URLRequest("image.jpg")
    var loader:Loader = new Loader();
        loader.load(src);
        loader.contentLoaderInfo.addEventListener(Event.COMPLETE, onLoadImage)
     
    function onLoadImage(e:Event):void{
        var image:Bitmap = Bitmap(e.target.content);
        addChild(image)
    }
    //HTML5 Canvas
    var image = new Image()
         image.src= "image.jpg";
         img.onload = function(){  
              context.drawImage(image, 0, 0);
             }

    Manipulación de Pixeles

    //Actionscript 3
    var data:BitmapData = image.bitmapData;
    for (var px:int=0; px<image.width; px++) {
    	for (var py:int=0; py<image.height; py++){
     
                   var pixel:uint = data.getPixel32(px , py)	// obtiene pixeles
                   data.setPixel32(xx, yy, color);                //escribe pixeles
     
    	}
    }
    //Canvas
     
    var image = context.createImageData(50,50);
    var data = image.data;
     
    for (var i = 0; n = data.length, i < n; i +=4) {
     // obtiene pixeles
      data [i  ] = 255 - pix[i  ]; // rojo
      data [i+1] = 255 - pix[i+1]; // verde
      data [i+2] = 255 - pix[i+2]; // azul
    }
     
    context.putImageData(image, 0,0);   //escribe pixeles

    Por supuesto la comparación podría ser más exhaustiva (texto, transformaciones, efectos, paths avanzados) pero les dejo estas para darse una idea del alcance que canvas tiene (aún sigo aprendiendo el 2d Context por lo que puede que algo del código canvas tenga errores).

    Pero todo lo que he escrito es para coders ¿que hay de todos aquellos que no hacen javascript y que odian tanto a flash que quieren moverse urgentemente a Canvas? aqui está la solución:

    Ya casi en la última parte de este video (3:20) podemos ver una animación en Canvas utilizando el smart Paste de Dreamweaver, se sorprenderán desde donde fué creada :D (FXG FTW!)

    Espero haber dejado en claro el panorama de Canvas, es la parte que mas me entusiasma de HTML5, trataré de meterme más pero tampoco dejaré Flash, aun tiene cosas interesantes como pixel Bender(que jamas he usado) y el acceso a la camara con el que puedes hacer cosas interesantes con graphics, Flartoolkit por ejemplo.

    Creo que en para este versus a comparacion de los anteriores declararé un empate :).

    Para terminar este post quiero aclarar algo: Jamás ha sido culpa de Flash, si a la gente le das un lienzo en blanco pueden hacerte desde cosas increibles hasta asquerosidades,  ya estoy ansioso por ver los primeros banners parpadeantes ó  los primeros intros animados en Canvas, solo que ahora serán intros estandares.

    Flash vs < audio >

    Thursday, July 1st, 2010

    Como se podrán imaginar este es mi tema preferido, no lo puse antes de video por que ya quedó claro que Flash arrasa con HTML5 en ese contexto, pero en este, aunque no es tan polémico, creo que hay mas equidad entre ambas tecnologias.

    <audio> es una etiqueta muy simple que hace referencia a un archivo el cúal podemos cargar, reproducir, loopear y detener; cuenta ademas con la opción de añadir controles para el volúmen y mute.

    <audio id="audio" src="song.ogg" controls="controls">
    </audio>

    Es muy práctico para cosas simples, pero si lo comparamos con las caracteristicas de audio que tiene Flash, si le añadimos el acceso al micrófono y agregamos que <audio> no tiene soporte para algunos formatos, obtendremos el mismo resultado que con <video>.

    ¿Entonces por que digo que hay mas equidad entre Flash vs <audio>?

    Actualmente se esta desarrollando un API para audio con caracteristicas similares a las que nos llegaron con Flash player 10,  concretamente la generación de audio.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    
    // Actionscript 3
    var sound:Sound = new Sound();
    sound.addEventListener(Event.SAMPLE_DATA, onSampleData);
    sound.play();
     
    var freq:Number = 440;
    var phase:Number = 0;
     
    function onSampleData(e:SampleDataEvent):void
    {
     
    for (var c:int=0; c<8000; c++)
    {
    phase += 100 / 44100;
    var waveform:Number = 100 * Math.PI * 2;
    sample = Math.sin(waveform);
    e.data.writeFloat(sample);
    e.data.writeFloat(sample);
     
    }
    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
    
    //HTML5
    <audio id="a1" 
           src="song.ogg" 
           onloadedmetadata="loadedMetadata(event);"
           onaudiowritten="audioWritten(event);"
           controls="controls">
    </audio>
    <script>
    var a1 = document.getElementById('a1'),
        a2 = new Audio(),
        buffer = [];
     
    function loadedMetadata(event) {
      a1.volume = 0;
      a2.mozSetup(event.mozChannels, event.mozSampleRate, 1);
    }
     
    function audioWritten(event) {
      var frameBuffer = event.mozFrameBuffer;
      writeAudio(frameBuffer);
    }
     
    function writeAudio(audio) {
      buffer = (buffer.length === 0) ? audio : buffer.concat(audio);
     
      var written = a2.mozWriteAudio(buffer);  //<<--
     
    }
    </script>

    Gracias a esto ya podemos ver la llegada de algunos sintetizadores y cajas de ritmos en HTMl5:

    HTML5 and Javascript Synthesizer from Corban Brook on Vimeo.

    Y por supuesto, al igual que AS3, HTML5 tambien es capaz de leer audio, lo que nos permitirá crear desde visualizaciones hasta efectos de audio a los archivos que carguemos (filtros, compresores, delays, ecualizadores, etc)

    Creo que todos en alguna ocasión vimos alguna visualización de audio creada en Flash, con la llegada de Flash Player 10 pudimos empezar a jugar con sintetisis y ahora después de algunos años tenemos Digital Workstations directamente en el navegador como Myna, Soundation y por supuesto Audiotool que nos llego con un increible sintetizador creado en AS3:

    Creo que en este punto HTMl5 dió un paso muy grande, que si bien no será muy explotado por la mayoría de las personas que hacen web, si nos traerá cosas muy interesantes.

    Flash VS < video >

    Wednesday, June 30th, 2010

    Pensé en escribir los siguientes post aprovechando que los blogstars ya agotaron la parte sensacionalista del tema HTML5 vs Flash, ahora ya veo mas objetividad en los articulos, mostrando código y ejemplos, por supuesto casi todos hechos por desarrolladores

    Para el tema de video pensaba poner cada una de las cosas por las que Flash supera a esta etiqueta pero afortunadamente Youtube hoy lo ha hecho y creo que no hay alguien con mas derecho y experiencia para hablar de video que ellos:

    There’s been a lot of discussion lately about whether or not the HTML5 <video> tag is going to replace Flash Player for video distribution on the web. We’ve been excited about the HTML5 effort and <video> tag for quite a while now, and most YouTube videos can now be played via our HTML5 player. This work has shown us that, while the <video> tag is a big step forward for open standards, the Adobe Flash Platform will continue to play a critical role in video distribution.
    It’s important to understand what a site like YouTube needs from the browser in order to provide a good experience for viewers as well as content creators. We need to do more than just point the browser at a video file like the image tag does – there’s a lot more to it than just retrieving and displaying a video. The <video> tag certainly addresses the basic requirements and is making good progress on meeting others, but the <video> tag does not currently meet all the needs of a site like YouTube:
    Standard Video Format
    First and foremost, we need all browsers to support a standard video format. Users upload 24 hours of video every minute to YouTube, so it’s important to minimize the number of video formats we support. Especially when you consider that for each format, we also provide a variety of sizes (360p, 480p, 720p, 1080p). We have been encoding YouTube videos with the H.264 codec since early 2007, which we use for both Flash Player and mobile devices like the iPhone and Android phones. This let us quickly and easily launch HTML5 playback for most videos on browsers that support H.264, such as Chrome and Safari.
    Concerns about patents and licensing have prevented some browsers from supporting H.264; this in turn has prevented the HTML5 spec from requiring support for a standard format. We believe the web needs an open video format option. One that not only helps address the licensing concerns, but is also optimized for the unique attributes of serving video on the web. To that end, we’re excited about the new WebM project. Google is open sourcing and contributing the VP8 codec to the WebM effort. Google, Mozilla, and Opera have all committed to support WebM, and we have already started making YouTube videos available in the WebM format. Adobe has also committed to support VP8, the video codec for WebM, in an upcoming Flash Player release.
    Robust video streaming
    Closely related to the need for a standard format is the need for an effective and reliable means of delivering the video to the browser. Simply pointing the browser at a URL is not good enough, as that doesn’t allow users to easily get to the part of the video they want. As we’ve been expanding into serving full-length movies and live events, it also becomes important to have fine control over buffering and dynamic quality control. Flash Player addresses these needs by letting applications manage the downloading and playback of video via Actionscript in conjunction with either HTTP or the RTMP video streaming protocol. The HTML5 standard itself does not address video streaming protocols, but a number of vendors and organizations are working to improve the experience of delivering video over HTTP. We are beginning to contribute to these efforts and hope to see a single standard emerge.
    Content Protection
    YouTube doesn’t own the videos that you watch – they’re owned by their respective creators, who control how those videos are distributed through YouTube. For YouTube Rentals, video owners require us to use secure streaming technology, such as the Flash Platform’s RTMPE protocol, to ensure their videos are not redistributed. Without content protection, we would not be able to offer videos like this.
    Encapsulation + Embedding
    Flash Player’s ability to combine application code and resources into a secure, efficient package has been instrumental in allowing YouTube videos to be embedded in other web sites. Web site owners need to ensure that embedded content is not able to access private user information on the containing page, and we need to ensure that our video player logic travels with the video (for features like captions, annotations, and advertising). While HTML5 adds sandboxing and message-passing functionality, Flash is the only mechanism most web sites allow for embedded content from other sites.
    Fullscreen Video
    HD video begs to be watched in full screen, but that has not historically been possible with pure HTML. While most browsers have a fullscreen mode, they do not allow javascript to initiate it, nor do they allow a small part of the page (such as a video player) to fill the screen. Flash Player provides robust, secure controls for enabling hardware-accelerated fullscreen displays. While WebKit has recently taken some steps forward on fullscreen support, it’s not yet sufficient for video usage (particularly the ability to continue displaying content on top of the video).
    Camera and Microphone access
    Video is not just a one-way medium. Every day, thousands of users record videos directly to YouTube from within their browser using webcams, which would not be possible without Flash technology. Camera access is also needed for features like video chat and live broadcasting – extremely important on mobile phones which practically all have a built-in camera. Flash Player has provided rich camera and microphone access for several years now, while HTML5 is just getting started.
    We’re very happy to see such active and enthusiastic discussion about evolving web standards – YouTube is dependent on browser enhancement in order for us to improve the video experience for our users. While HTML5’s video support enables us to bring most of the content and features of YouTube to computers and other devices that don’t support Flash Player, it does not yet meet all of our needs. Today, Adobe Flash provides the best platform for YouTube’s video distribution requirements, which is why our primary video player is built with it.

    El post original aquí:

    http://apiblog.youtube.com/2010/06/flash-and-html5-tag.html

    Me agrada que Youtube haya hecho esto, porque de verdad, hay muchos aferrados en destruir a Flash sin entender las capacidades reales que tiene, muchos Flashers conocemos estas caracteristicas pero aah que dificil es hacer entender a los fanboys, creo que con esto Youtube lo logrará.

    Aviary Roc Music Creator

    Saturday, June 12th, 2010

    Create music easily

    Make music loops and ringtones using a simple point and click interface.

    50 Free Instruments

    Choose from pianos, guitars, percussions, drums and more!

    Customize your sounds

    Record your voice or load in your own mp3′s instead of using instruments.

    Easy export options

    Download mp3s of your created music to use in ringtones or remix in Aviary’s audio editor.

    Share and learn

    Collaborate with other users. Share your recordings and instrument compositions with your friends, quickly and easily.

    http://aviary.com/tools/music-creator

    Otra app para crear música en flash, es un poco mas sencilla que las demás por que esta enfocada solo crear loops, con una libreria de 50 instrumentos y la posibilidad de grabación puedes exportar tus loops y usarlos en tu Daw favorito

    De Papervision3d a Away3d

    Tuesday, June 8th, 2010

    La semana pasada salió el libro: The essencial guide to 3d in Flash escrito por la gente de Away3d y recorde cuando Papervision sacó su libro (que aún no logro tener). Esto me hizo decidir algo que he venido pensando desde hace tiempo: Cambiar a Away3d

    Diariamente podemos encontrar muchisimos sitios/aplicaciones/ejemplos creados en Papervision, desafortunadamente noticias sobre su desarrollo ya casi ninguna, o al menos es lo que yo he notado, pero con Away3d pasa lo contrario, vemos muy pocos ejemplos, comparandolo con PV3d, pero muchisimas nuevas noticias, se ve que el framework está creciendo bastante.

    Papervision3d 3 prometía mucho, después de ser anunciado en github, daba la impresión de que crecería aún más pero a mi parecer no ha sido así, quizá tuvo que ver que grandes desarrolladores como UnitZeroOne dejaran el equipo.

    No estoy afirmando que PV3d ha terminado, al contrario, no me gustaria por que le tengo cariño al proyecto (se nota?),  además pv3d tiene una reputación muuuy buena en web, muchas personas aún siguen pensando que 3d en Flash es solo papervision (lo cual es bueno para desarrolladores como yo :D ), pero no,  hay mucho mas por ahi que vale la pena probar, como en este caso away3d,  que ultimamente se ha abierto camino muy muy rápido, pero bueno,  ya les contaré como me va con él, la gran ventaja es que los Addons (por asi llamarles) como 3dMod, flartoolkit, etc estan para ambos

    Esta es una de las grandes ventajas de AS3, que por su versatilidad puedes enfocarte a entender frameworks dedicados a un area específica, ya sean de 3d, de audio,  facebook ó MVC y no estar perdiendo el tiempo en ver si valida, si jala en cierto navegador, que si es el css3 o el javascript, etc…

    Contenido Accesible

    Wednesday, June 2nd, 2010

    Hoy por un tweet llegue al siguiente post de ALT1040: Dejamos de usar flash y antes de ponerme de troll a comentar en este blog que ya esta por demas conocido de sensacionalista, quise escribir este post por que curiosamente hace unos dias leia un post en 456 berea Street que habla sobre accesibilidad y lo común que es encontrar personas que no entiendan que el problema no esta en flash:

    A common misconception is that in order to make a website accessible you have to abstain from using JavaScript or Flash. Almost every time I hold a workshop on Web standards and accessibility there is at least one participant who believes that accessibility limits what they can do on the Web by telling them to stay away from anything that isn’t pure HTML

    http://www.456bereastreet.com/archive/201005/accessibility_does_not_prevent_you_from_using_javascript_or_flash/

    totalmente cierto, me ha tocado tantas veces debatir con personas clavadisimas en HTML/CSS (que ironicamente saben menos  de web o estandares que yo, casi todos apple fan boys) y me doy cuenta que no ven el problema de fondo…

    Facebook

    Cual es el éxito de facebook?

    Core APIs

    Facebook SDKs

    Advanced APIs

    Si quieren hacer su aplicacion para html, fbml, javascript, ajax, flash, android o iphone pueden hacerlo, si ingresan con un symbian, blackberry o iphone a facebook.com siempre podran acceder a su contenido, eso se llama crear CONTENIDO ACCESIBLE, que mas da si el home esta en flash o ajax como ahora cuando puedes verlo desde cualquier dispostivo? de esa versatilidad es de donde surgen las nuevas ideas y el avance… pero de todas formas, al igual que a flash,  hay trolls queriendo destruir facebook.

    El contenido accesible es tu responsabilidad

    Mi sitio esta hecho en flash, concretamente papervision3d y modificadores en 3d, sin embargo, si ustedes entran desde un blackberry, iphone, symbian, ipad o lo que quieran, podran continuar viendo el contenido, tanto en ingles como en español, tiene el SWF Address para poder guardar o usar el historial de tu navegador pero por supuesto hacer todo eso me tomo tiempo, el cual muchos  diseñadores web quieren ahorrarse vendiendo el discurso de “Flash no es accesible” para solo vender una famosa instalacion de 5 minutos de wordpress mas otros 15 minutos cambiandole el header y el background.

    Hay otros que toman el lado de eliminar flash/silverlight/unity3d o hasta javascript por capricho,   pero donde queda el avance en eso? que seria de facebook si restringieramos sus opciones a HTML? es como decir que dejemos de hacer musica electronica por que no es accesible ya que necesita luz y computadoras para funcionar, entonces tendriamos que regresar a hacer musica solo con piedras y madera, asi de exagerado es el discurso de dejar de usar flash. Un musico que domina tanto la electronica como la musica clasica es similar a un desarrollador que domina flash y html, sabe cuando utilizar cada una de las opciones sin perder el mensaje, y sacar el mayor provecho de ambas incluso combinadolas.

    ¿Estamos en tiempo de estandares?

    Hace tiempo encontré esta animación: http://www.optimum7.com/css3-man/ que se vendia por no usar flash (¿apoco flash es solo animacion?)  y al entrar desde mi firefox me salio el mensaje de:

    You must use safari or chrome to view this animation

    ¿Cuanto tiempo falta para que el porcentaje de usuarios que ahora tiene flash tenga un navegador con CSS3 o HTML5? ¿Cuanto tiempo llevo para que dejaran de usar internet explorer 6?  ¿que va a pasar cuando usemos la etiqueta de video de html5 y el usuario tenga bajar un navegador para poder ver el contenido? ¿sigue siendo ACCESIBLE? ¿seguiremos optando por subir videos Youtube que ya tiene incorporado todo un sistema para hacer nuestros videos accesibles sin importar el formato en que lo subamos?

    Es muy comun escuchar: “Con SVG, CANVAS, HTML5, CSS3,  JAVASCRIPT puedes hacer lo mismo que con Flash” pero no es tan facil como parece…

    Veamos Youtube, tienes un player en flash que incluye subtitulos,anotaciones, publicidad.. un player embedeable donde puedes ver sugerencias, favoritear y hasta buscar ¿eso podria hacerse con html5 y javascript? probablemente si pero con cientos de lineas mas de codigo para igualar toda la funcionalidad que ahora tiene con flash y aun asi, con cualuiera de estas 2 alternativas aun tendrias la opcion de ver los videos desde cualquier dispositivo pues Youtube en este momento entiende bien el concepto de Contenido Accesible y ademas sabe lo importate que es no frenar el avance.

    Podria seguir pero creo que ya deje mi punto claro, solo que no habia hablado del tema apple/flash/html5/trolls

    A common misconception is that in order to make a website accessible you have to abstain from using JavaScript or Flash

    Soundation

    Tuesday, June 1st, 2010

    Otro estudio que se suma a la lista de programas de audio creados en Flash, sinceramente no lo conocia y ahora lo estoy probando, ¿a quien le van mas a Soundation, Myna o Audiotool?

    Aviary Facebook App!

    Thursday, April 22nd, 2010


    http://apps.facebook.com/aviaryeditor/

    Edita tus fotos directamente en facebook, no hay necesidad de que las guardes, las abras en el photoshop o paint, las edites y las vuelvas a subir, todo lo haces directo en facebook con el editor de Aviary,  esto deberian hacer todas las buenas apps, espero que AudioTool le siga el paso…

    Y no se confundan, aunque parece que Aviary se hizo con HTML5 no, es flash ;), por cierto, creo que aviary deberia incorporar el soporte para la wacom

    Ableton Live controlando Flash via OSC

    Wednesday, April 7th, 2010

    Live-OSCGlue-flosc-Flash (Demo) from Adam Vernon on Vimeo.

    El video no es muy sorprendente pero hace algo de lo que les he estado hablando hace tiempo: controlar visuales con flash, en este caso desde Live.

    En el video se usa OSCGlue, un VST que les comente que intente usar cuando experimentaba con touchOSC, que se encarga de enviar mensajes a traves de OSC, para que los reciba FLOSC, quien es el que envia los datos a flash.

    Hace tiempo hice pruebas con FLOSC para tratar de controlar un papervision con touchOSC(iPhone), creo que para este tipo de experimentos es util, pero ya hablando de musica para controlar muchos SWF y que interactuen con tus DAW’s o intrumentos midi recomiendo Resolume 3.1, que ya trae soporte as3…

    AudioTool 1.0 Firestarter Impresionante!

    Wednesday, March 24th, 2010

    Firestarter!!! totalmente IMPRESIONANTE! una reseña rapidisima:

    Timeline!

    audiotool-1

    Incluye un timeline, donde puedes escribir con un piano roll las notas de tus instrumentos como si estuvieras en tu DAW favorito! ya sean las cajas de ritmos (beatbox 8 y 9), el toneMatrix o…

    Samples!

    audiotool-2

    ahora Audiotool incluye una nueva herramienta llamada AudioTrack, donde puedes cargar samples o loops que tienes en la libreria de la derecha, vienen varias categorias (Guitar, vocal, drums, synths, etc..) y hasta vienen organizados por bpms, cortesia de LoopMasters.com

    Pulverisateur!

    audiotool-3

    Lo mejor: Nuevo Sintetizador llamado Pulverisateur!! Probablemente el primer sinte en AS3, que tiene 3 osciladores, un filtro y moduladores LFO, Filter envelope y amp envelope, wow!! wow!!

    Por supuesto viene con lo que ya conociamos de la version anterior de Audiotool (effectos, mixer, plugs) pero ademas trae mas cosas interesantes, como los nuevos menus en los conectores o que puedes escuchar los instrumentos por separado, incluso algo que se me hizo curioso es que si tienes la version debug del flash player te sale un aviso de que sera lento, jaja, que cool!!!

    En cuanto tenga mas tiempo por supuesto que hare algunas canciones con esto, y actualizare este review, mientras ustedes pasen a verlo

    http://www.audiotool.com/

    Flash Builder 4!

    Monday, March 22nd, 2010

    La version final de Flash Builder 4 esta fuera!,

    http://www.adobe.com/products/flashbuilder/

    Tambien tenemos Flex 4! y para los que aun no lo conocen tour de flex tambien se actualiza para esta version :)

    AMF Explorer, Firebug y más…

    Monday, March 1st, 2010

    Recientemente me he estado reconciliando con Firefox, comenzaba a odiarlo por que ¿de que me servia tanta funcionalidad sino dejaba de crashear cada 15 minutos?, pero con la actualización a 3.6 ya es mucho mas estable, igual de lento, pero mas estable, asi que he vuelto a usarlo como herramienta de desarrollo por que ya extrañaba las extenciones y quiero platicarles de unas cuantas que cualquier flash dev que se respete debe tener.

    AMF EXPLORER y FLASH BUG

    Esta semana estuve usando AMF Explorer y la verdad es que me gusta mucho ¿Porque no salió antes?!, es muy práctico, con el flash builder me acostumbre al network monitor hasta que acabo el trial :S, y fue cuando empecé a usar Charles, me sacó de muchos aprietos a la hora de montar los sitios de producción y debí escribir un post en recompensa.. pero bueno, el caso es que AMF Explorer combinado con Flash Bug me han ahorrado muchos dolores de cabeza (ejemplo), por que una cosa es debuggear en tu maquina y otra ya cuando esta el proyecto arriba, mientras que AMF Explorer te permite ver el tráfico AMF Flash Bug te permite ver la información del player, todo desde la consola del Firebug, cool no?

    https://addons.mozilla.org/en-US/firefox/addon/78928

    AMF Explorer

    Aviary ahora Gratis!!

    Friday, February 12th, 2010

    As of today, we have decided to make using Aviary’s suite of editing tools FREE for everyone.

    At Aviary, we believe that everyone in the world should have access to powerful creation tools. We therefore chose our company mission to be We make creation accessible to everyone.

    http://aviary.com/blog/posts/free-online-editing

    yeah!!!!!

    fbjs-bridge , comunicando as3 y javascript en facebook

    Monday, February 1st, 2010

    Quiero comenzar a escribir tutoriales en el blog por que me los piden mucho, pero antes de eso para entrar en calor quiero poner algunos tips, que aunque son sencillos veo que continuamente lo preguntan o simplemente no hay referencia en español

    fbjs-bridge

    En mis apps a veces he necesitado llamar funciones javascript desde flash, la primera vez ya habia creado y testeado cada una de ellas y se me hizo facil utilizar ExternalInterface, pero por cuestiones de seguridad facebook no permite hacerlo directamente, asi que investigue y la respuesta fue muy simple

    La etiqueta

     
    

    permite activar ExternalInterface para usarlo con FBJS, esto lo hace creando otro SWF que contiene un LocalConnection, de esta forma nos permite acceder desde nuestro swf y llamar a las funciones, la forma de utilizarlo es muy sencilla: si has utilizado Flash en applicacioens de facebook sabrás que la etiqueta fbml envia con flashvars los parametros: fb_sig_user, fb_sig_session_key, pues si utilizas fbjs-bridge enviara ademas: fb_local_connection, que es el nombre del localConnection que utilizaremos para llamar funciones:

    var connection:LocalConnection = new LocalConnection(); 
    var connectionName:String = LoaderInfo(this.root.loaderInfo).parameters.fb_local_connection; 
    function callFBJS(methodName:String, parameters:Array):void 
    { 
    if (connectionName) { 
       connection.send(connectionName, "callFBJS", methodName, parameters); } 
    } 
    
    callFBJS("document.setLocation", ["http://josuepalma.com"]); //llama a la funcion y envia los parametros
    

    La forma de usarlo en FBML es aun mas simple, lo unico que debes hacer es insertar fbjs-bridge antes de swf, para crear primero el localConnection

    
     
    

    http://wiki.developers.facebook.com/index.php/Fb:fbjs_bridge

    nota: el syntaxhighlighter cierra automaticamente las etiquetas pero no van asi :)

    Augmented Reality Music controller

    Wednesday, December 9th, 2009

    http://www.youtube.com/watch?v=KQMODfBAgsA

    En este blog les he puesto todo tipo de controladores (calculadoras, wii, wacom, etc) y les he escrito mucho sobre realidad aumentada, en este video se conjuntan ambos, lo cual, como se podran imaginar, turns me on!

    Hace unas semanas he estado jugando mucho con OSC y PureData, este ultimo es mi nuevo amor por que se puede hacer de TODOOO, incluyendo enviar y recibir datos a flash via un XMLSocket, para despues mandarlos a donde quiera (Midi, OSC) y controlar cualquier cosa, asi que intentaré hacer este mismo experimento desde flash, se imaginan combinar FLARManager, papervision3d, PureData, OSC, MIDI, Resolume, FlStudio… ?? esten pendientes!!

    The Latin Flash Tour

    Friday, October 23rd, 2009

    Santiago, Chile Nov 7thhttp://www.mmug.cl/index2.php
    Buenos Aires, Argentina Nov 9thhttp://adobetourargentina.eventbrite.com
    Lima, Peru Nov 11thRegistration link coming soon…
    Bogotá, Colombia Nov 13thhttp://latinflashtour.eventbrite.com
    San Jose, Costa Rica Nov 16thhttp://www.techcampcostarica.com
    Mexico City, Mexico – Wed Nov 18thhttp://latinflashtourmx.eventbrite.com

    http://theflashblog.com/?p=1487

    http://latinflashtourmx.eventbrite.com/

    http://www.facebook.com/home.php#/event.php?eid=176057211981&ref=mf

    Papervision3D 3.0! ahora en GIT

    Wednesday, October 14th, 2009

    Una nueva versión de Papervision3D esta en puerta y ahora puedes ser parte de ella…

    Our focus this time around is being as Open Source and transparent as possible. In fact, even though we’re in the initial planning and architecture stages, you’re welcome to follow the progress and give feedback (if you feel technically qualified to do so) by watching the engine grow on github (*Updated the link to http://github.com/Papervision3D/Papervision3D *).

    http://blog.papervision3d.org/2009/10/13/papervision3d-is-shifting-gears/

    Esta nueva version aprovecha las capacidades 3d del Flash Player 10 (rotaciones, draw triangles, etc)  que nos devolverá un PV3D mas rápido y estable, utilizando tambien buenas prácticas como la clase Vector para mejorar el rendimiento, en fin, pasen a ver el código, aún es muy pequeño comparado con la version 2.1 por que prácticamente es un proyecto nuevo  pero esperamos que crezca pronto con el apoyo de la comunidad.

    http://github.com/Papervision3D/Papervision3D