Visto 2.307 veces.

{ jAction } Un framework en javascript inspirado en actionscript 3

jAction Framework
Hola amigos alla por el 2013 me propuse crear un framework en javascript con la intención de asemejarlo lo máximo posible al lenguaje actionscript 3, darle un sentido y una manera única para programar, quería crear controles como buttons, textinputs y hasta se me ocurrió un sistema para recrear la línea de tiempo y los fotogramas mediante código en javascript, luego ya deje volar la imaginación y pensé que también se podía crear un editor en c-sharp donde arrastrar los componentes y una ventanita limpia sin estorbos de tags ni posiciones de objetos ni nada de nada, una ventana donde poder programar limpiamente.

Ya sé que hay muchos frameworks y muy completos como jquery, pero a mí personalmente no me gustan, me parecen muy complejos y poco intuitivos, pero bueno no me quiero enrollar con estos temas, la cuestión es que de la idea de imitar en todo lo posible la sintaxis y comportamiento de actionscript en javascript dio como resultado un enjendro de framework al cual le puse de nombre jAction, mola he? ^^

jAction nació con la idea de hacerme un framework intuitivo y parecido a as3 en cuanto a métodos, eventos y objetos en el que me encontrara a gusto para futuros proyectos, pero al final como siempre por falta de tiempo lo tuve que dejar abandonado, así que finalmente he decidido subirlo por si a alguien le interesa descargárselo para modificarlo o hacer lo que quiera con él, no avancé mucho pero algunas cosillas interesantes se pueden hacer.

Para descargar pulsa aqui
jAction-Framework - - Descargado (175) veces.

Aquí os dejo unos ejemplos de lo que se puede hacer actualmente con la primera versión que hice, sé que es poco pero para juguetear y hacer algun proyecto sencillo como en mi caso ya me sirvio.

Lo primero que hay que hacer es importar la clases necesarias, en un principio decidí hacerlo modular para no tener que cargar todas las clases, si estas no son necesarias, la idea era dejar accesibles en el framework las clases o funciones básicas de uso general y el resto pues todo externo mediante clases, una de las cosas que quise implementar es poder añadir otros archivos .js/clases dentro otros archivos .js sin tener que importar directamente todas las clases en el html principal, para esta característica si es necesario importar el framework jAction.js con esto lo que quería era poder trabajar al estilo de composición, siemppre he sido mas de composicion que de herencia.

Ejemplo 1 – Importando clases dentro de otras clases:

Ejemplo 2: Como abrir una dirección url cómodamente a lo actionscript con javascript

Pues que menos que utilizando el navigateToURL, para ello importamos el framework jAction i la clase URLRequest, navigateToURL no es necesario importarlo porque está disponible a nivel global dentro del framework.

Ejemplo 3 – También podemos hacerlo de la siguiente manera(A partir de ahora obviamos ya la estructura html para centrarnos en js)

Ejemplo 4 – También podemos abrir una dirección y pasarle variables mediante post sin tener que crear nosotros los formularios en html manualmente

Para enviar variables mediante post es tan fácil como lo siguiente:

En login.php recuperaremos la variables como siempre $user = $_POST[“user”]; etc.

Ejemplo 5 – También podemos abrir una url y enviar los datos mediante el método GET a una pagina php y a UNA PAGINA HTML

pero en esta ocasión al utilizar el método GET podemos hacerlo sin utilizar la clase URLVaribles o con ella.

Ejemplo 6 – Tambien podemos enviar las mismas variables sin utilizar la clase URLVaribles ni URLRequestMethod pero solo cuando se envié mediante GET

Ejemplo 7 – Para recuperar las variables enviadas por get a una pagina php seria con $_GET[“variableName”] y para recuperar los valores en una página HTML
sería tan sencillo como utilizar el metodo GetVars() disponible globalmente en el framework jAction

Ejemplo 8 – Recuperar valores del servidor como por ejemplo archivos de texto

Nota: Tuve que crear la clase eventManager para que todos los navegadores fueran compatibles con los listeners
si todos los navegadores soportasen lo mismo podríamos utilizar libremente el tipico object.addEventListener pero como no es así…
Tampoco tuve tiempo para implementar que la función recibiera el evento con el objeto que lo invoco.

Ejemplo 9 – Recuperar valores del servidor como archivos de texto con datos par clave/valor

Supongamos que tenemos un archivo de texto llamado menu.txt y dentro tenemos lo siguiente

&hom=HOME
&hot=HOTEL
&hab=HABITACIONES
&res=RESTAURANTE

Ejemplo 10 – Tambien prepare el evento ENTER_FRAME


Si ves esto en vez de la animacion
es porque tu navegador no soporta HTML5Visualizalo con FireFox.

One comment on “{ jAction } Un framework en javascript inspirado en actionscript 3

  • Hola me ha gustado lo que has hecho, felicidades, ¿vas a volver a trabajar en el proyecto? seria interesante, un saludo.

    Reply

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">