Bennu Game Development

Foros en Español => Otros DIV-likes => Div GO => Mensaje iniciado por: AmakaSt en Septiembre 07, 2012, 03:28:01 pm

Título: Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 07, 2012, 03:28:01 pm
Hola a todos,

Hace un tiempo que empecé a probar con html5, javascript y canvas, y haciendo distintas pruebas comencé a realizar una especie de compilador Div Games online que da como resultado un cavas. Ya tiene soporte a procesos, gráficos, textos y alguna cosa más.

Aquí os dejo el enlace por si queréis darle un vistazo:
http://www.amakasoft.com/divgonline/index.php (http://www.amakasoft.com/divgonline/index.php)

Aviso de que esta muy verde todavía, aunque se pueden hacer ya cosas con él, no es ni de lejos la sombra de BennuGD.  :)

Un saludo
Título: Re:Div Games en Html5 y Canvas
Publicado por: SplinterGU en Septiembre 07, 2012, 03:51:29 pm
la demo esta muy bien...

estaria bueno que lo hagas compatible con los dcb y fpg bennugd.
Título: Re:Div Games en Html5 y Canvas
Publicado por: KeoH en Septiembre 07, 2012, 04:45:56 pm
Tiene buena pinta xD
Título: Re:Div Games en Html5 y Canvas
Publicado por: JaViS en Septiembre 07, 2012, 05:42:09 pm
La verdad es que esta muy interesante. Pero creo que sería realmente impresionante si fuese capaz de interpretar los dcb de Bennu. Eso seria genial
Título: Re:Div Games en Html5 y Canvas
Publicado por: Erkosone en Septiembre 07, 2012, 08:12:40 pm
Mola!
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 08, 2012, 09:04:52 am
Se basa en Div (no se si esta todavia con copyright comercial) pero aprovechando las posibilidades del canvas de html5. Mi idea es que esto sea open source o similar, todavia no he mirao licencias.

la demo esta muy bien...

estaria bueno que lo hagas compatible con los dcb y fpg bennugd.

Eso ya es muy dificil, no se tanto tampoco.  :D

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: Erkosone en Septiembre 08, 2012, 09:06:44 am
métele la colisión por cajas que tengo ganas de trastearlo  ;D
Título: Re:Div Games en Html5 y Canvas
Publicado por: Transdiv en Septiembre 08, 2012, 09:46:48 pm
Por curiosidad; El compilador esta en PHP y genera JavaScript + HTML5?

Título: Re:Div Games en Html5 y Canvas
Publicado por: Kloppix en Septiembre 09, 2012, 04:07:21 am
AmakaST, primero que todo bienvenido. Tu proyecto es realmente impresionante, pero no entiendo por que es dificil hacer lo mismo con los .prg de Bennu.

La gente de Colombian Developers estaba portando Bennu a Native Client. No se como estará el proyecto, pero tal vez se puedan ayudar mutuamente.

Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 09, 2012, 02:25:09 pm
Por curiosidad; El compilador esta en PHP y genera JavaScript + HTML5?

Si, Php es el que convierte el código a Javascript + Html5, y en Javascript he creado funciones que imitan las que tiene Div: rand(min, max); rgb(r,g,b); let_me_alone(); etc...

AmakaST, primero que todo bienvenido. Tu proyecto es realmente impresionante, pero no entiendo por que es dificil hacer lo mismo con los .prg de Bennu.

La gente de Colombian Developers estaba portando Bennu a Native Client. No se como estará el proyecto, pero tal vez se puedan ayudar mutuamente.

Native Client es exclusivo para Chrome, no?

En principio quiero hacer algo lo más parecido posible a Div.   :)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: josebita en Septiembre 09, 2012, 05:16:57 pm
Bueno, muchas felicidades porque la verdad es que es impresionante. Ve comentando los progresos que vayas haciendo :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: Kloppix en Septiembre 12, 2012, 07:15:29 am
Native Client es exclusivo para Chrome, no?
Lamentablemente. La gente de Colombian Developers intentó el HTML5 diréctamente, pero a diferencia de native client era demasiado lento como para hacer un juego. De todos modos ahora que entiendo lo que haces no se si te sirva.

De verdad espero que continúes tu proyecto  ;)
Título: Re:Div Games en Html5 y Canvas
Publicado por: gecko en Septiembre 12, 2012, 11:48:13 am
que copado que está!
Título: Re:Div Games en Html5 y Canvas
Publicado por: emov2k4 en Septiembre 12, 2012, 01:43:25 pm
Esta bueno además para hacer banner !! tiene la opción colocar link?
Título: Re:Div Games en Html5 y Canvas
Publicado por: SplinterGU en Septiembre 12, 2012, 04:59:47 pm
lo que note yo al probar, es que al mover las keys, se mueven en el juego, pero tambien escrolea la ventana del browser... estaria bueno que si tenes foco en la ventana no scrolee el browser.
Título: Re:Div Games en Html5 y Canvas
Publicado por: l1nk3rn3l en Septiembre 13, 2012, 01:04:48 am
esta bueno el proyecto y la velocidad genial tambien..

enhorabuena felicitaciones
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 13, 2012, 09:03:18 am
lo que note yo al probar, es que al mover las keys, se mueven en el juego, pero tambien escrolea la ventana del browser... estaria bueno que si tenes foco en la ventana no scrolee el browser.

Si, esto tengo que mirar de arreglarlo.

Esta bueno además para hacer banner !! tiene la opción colocar link?

Supongo que poniendo <a href="enlace"><canvas></canvas></a> debería de funcionar a modo de enlace como un banner.

esta bueno el proyecto y la velocidad genial tambien..

enhorabuena felicitaciones

Gracias.  :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 14, 2012, 09:42:25 am
Esta tarde si tengo tiempo actualizo a la versión 0.08 de DivGO, con muchas novedades.
No hay colisiones aun, pero ya se podrán identificar procesos, algo muy importante para las futuras colisiones.  :)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 14, 2012, 04:51:19 pm
Ya he subido la versión 0.08, como novedades:
- Los textos, primitivas graficas y funciones graficas (put, xput, put_pixel ...) funcionan como en div, o similar
- Ya se pueden declarar variables locales
- Ya se pueden identificar procesos, textos y primitivas graficas
- Ahora ya funciona el puñetero signal, por el momento acepta estas señales: s_kill, s_freeze, s_sleep, s_wakeup
- Funciones matemáticas a medias, algunas todavía no funcionan como en Div

Y hay más, en la sección de novedades de la página esta todo. También he actualizado algunos ejemplos.  ;)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: JaViS en Septiembre 14, 2012, 06:32:57 pm
Genialazo! KARMA!
Título: Re:Div Games en Html5 y Canvas
Publicado por: BlySntK en Septiembre 15, 2012, 06:15:22 am
Caray, qué nivelón... me fascina que las cosas vayan acelerándose a una marcha más bien rápida... a ver si conseguimos llevar a estos lenguajes a un buen alto standing, quizás no tanto como C pero vamos.... que se conozcan bastante. karmoide++ :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: Transdiv en Septiembre 18, 2012, 08:42:01 am
Seria interesante que lo hicieras de fuentes abiertas de paso para aprender un poco de HTML5  ;D
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 21, 2012, 05:01:47 pm
 Subida la versión 0.09 y como novedades:
- Arreglado break en los procesos, ahora ya se pueden eliminar con break; (en for y while ya funcionaba)
- Arregladas funciones matemáticas (ahora todas funcionan como lo hacia div)
- Nuevas funciones: get_distx(); get_disty(); advance(); xadvance(); collision();
- Ahora DivGo funciona en IE9, y compatibilidad con touch para dispositivos táctiles (probado solo en iOS)
 
Y creo que hay más, en la sección de novedades de la página esta todo. También he actualizado algunos ejemplos.  :)
 
Un saludo.
 
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 21, 2012, 05:18:41 pm
Seria interesante que lo hicieras de fuentes abiertas de paso para aprender un poco de HTML5  ;D

 Gran parte del código está abierto y sobre todo lo que es para HTML5 (canvas + javascript).  :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: La momia que fuma en Septiembre 24, 2012, 05:01:39 pm
Sencillamente genial, a por ello!
Título: Re:Div Games en Html5 y Canvas
Publicado por: panreyes en Septiembre 26, 2012, 10:01:07 pm
Impressive :D


Esto va a dar mucho juego.


¿Cómo prefieres que te reportemos los bugs?


He probado a utilizar From y no se ejecuta el código.


¿Se pueden concatenar strings ya?



Código: [Seleccionar]

program test;
Begin
    from x=1 to 255;
        text_color("#"+x);
        write(0,x,x,0,"Hola");
    end
End
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 27, 2012, 06:42:42 am
Impressive :D


Esto va a dar mucho juego.


¿Cómo prefieres que te reportemos los bugs?


He probado a utilizar From y no se ejecuta el código.


¿Se pueden concatenar strings ya?



Código: [Seleccionar]

program test;
Begin
    from x=1 to 255;
        text_color("#"+x);
        write(0,x,x,0,"Hola");
    end
End

Para la próxima versión (la 0.10) ya se podrá concatenar textos, por el momento tengo preparadas las funciones: char(var); lower(var); strcat(var, var); strdel(var, ini, fin); strlen(var); upper(var);

El from ... to ... step ... end, también para la próxima versión, en la actual tienes el for(); o el while();

Y no será lo único que traiga...  ;D

Los bugs los podéis reportar en este mismo tema del foro.

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: Erkosone en Septiembre 27, 2012, 12:40:48 pm
Está quedando majo de verdad Amaka.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 28, 2012, 03:16:49 pm
Subida la versión 0.10, las novedades:
- Ya está disponible la sentencia (bucle) From ... to ... step ... end
- Disponibles las funciones de texto: char(); lower(); strcat(); strchr(); strcmp(); strcpy(); strdel(); strlen(); strset(); strstr(); upper()
- Nuevas funciones: fget_dist(); fget_angle(); move_draw(); move_text();
- Mejorado collision(), ahora devuelve la id del objeto colisionado y no se vuelve el programa loco al colisionar muchos procesos a la vez con el mismo nombre.
- Y ahora también el menú de ejemplos de la web es compatible con iOS.

Y creo que ya nada mas por ahora.  :)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: Erkosone en Septiembre 28, 2012, 06:43:31 pm
Es posible hacer un juego en local sin usar la web? se puede empaquetar de alguna manera para hacer los juegos portables?
Título: Re:Div Games en Html5 y Canvas
Publicado por: panreyes en Septiembre 28, 2012, 06:53:31 pm
He visto que esta línea:
write(0,0,0,0,size);


Escribe "size" en pantalla, cuando realmente quiero pasar el valor de la variable.


Ya sé que existe write_int, pero en ocasiones no quiero que se actualice el número, con el consecuente malgasto de recursos.


------------


También me he fijado que el proceso principal/main no funciona como un proceso cualquiera. Si añado algo de código relacionado con procesos: x,y,z,angle,size,advance, etc... el proceso no hace lo que debería o se cuelga.


-----------


Y ya por fastidiar del todo. ¿Qué tal el mejorar la compatibilidad con los diferentes divlikes?


Estaría bien que set_mode se comiera esto por igual:
set_mode(m640x480);
set_mode(640,480);
set_mode(640,480,16);
set_mode(640,480,32);
set_mode(640,480,32,MODE_FULLSCREEN);


Ignorando, claro está, los bits de color y las posibles variables que viniesen después.


------------------------------------


Y una vez más, un código que lo rompe todo:
Código: [Seleccionar]

program test;
begin
nave();
end


Process nave();
Begin
graph=1;
    loop
    x=mouse.x;
    y=mouse.y;
        if(mouse.left) sombra(x,y,graph); end
        frame;
    end
End


Process sombra(x,y,graph);
Begin
angle=rand(0,360)*1000;
frame;
    //while(size>0)
    //size--;
    //frame;
    //end
End


Enhorabuena por tu trabajo :)
Si estás interesado en hacerlo open source, yo podría ayudarte :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 29, 2012, 02:25:52 pm
Gracias Pixel por el testeo. :)

Lo del program ya era algo que tenía controlado, haciendo pruebas con los ejemplos de Div2 me di cuenta de la cagada, quiero corregirlo para próximas versiones. :P
El set_mode puedo poner que sea compatible con la segunda opción (set_mode(640,480);), el resto como dices habría que ignorarlo, así que no tiene mucho sentido añadirlo, aparte de compatibilidad, pero es algo muy fácil de cambiar.
Y el código que has puesto a mi me funciona bien, ¿qué error te da?

Es posible hacer un juego en local sin usar la web? se puede empaquetar de alguna manera para hacer los juegos portables?

En breve añadiré que se pueda descargar la web, para que la podáis tener en local y puedas programar tus juegos, necesitaras instalar Wamp, Xamp o similar para que funcione php.

Un saludo.

Título: Re:Div Games en Html5 y Canvas
Publicado por: Erkosone en Septiembre 29, 2012, 04:08:51 pm
Amaka entonces si que te voy a ir a buscar a tu casa a darte un beso  :o
Recuerda que se donde vives XD..
Título: Re:Div Games en Html5 y Canvas
Publicado por: panreyes en Septiembre 29, 2012, 05:49:27 pm
El proceso sombra debería mostrarse una vez y luego desaparecer, pero aparte de eso, cuando lo probé el otro día, al pulsar una sóla vez el botón del ratón luego permanecía como apretado.


Supongo que size no funciona aún, ¿verdad?
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 29, 2012, 08:12:54 pm
Es raro, el size funciona bien... me lo reviso de todos modos.   ;)

Y ya está disponible para descargar Div GO desde la web de Amaka Soft, para que podáis ir haciendo pruebas en local y cambiar los gráficos y tal...

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: panreyes en Septiembre 29, 2012, 08:16:54 pm
:OOOO :D


¡Me encanta la licencia asociada! ¿Planeas trabajar con algún servicio de repositorio de software libre? SF.net, Google Code, etc...?


..........


10 segundos después he visto el contenido de los PHP. ¿Planeas hacerlo open source o no? xD
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 30, 2012, 04:17:52 pm
:OOOO :D


¡Me encanta la licencia asociada! ¿Planeas trabajar con algún servicio de repositorio de software libre? SF.net, Google Code, etc...?


..........


10 segundos después he visto el contenido de los PHP. ¿Planeas hacerlo open source o no? xD

Si, planeo hacerlo Open Source, pero más adelante, ahora mismo el código del compilador es un poco caótico y puede que lo cambie entero. Es que antes de un compilador Div era algo totalmente distinto para yo probar canvas.

Esta versión es para el que quiera pueda hacer su juego en local.

Y como dices, tal vez use Google Code.

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Octubre 10, 2012, 07:16:36 am
He visto que esta línea:
write(0,0,0,0,size);


Escribe "size" en pantalla, cuando realmente quiero pasar el valor de la variable.


Ya sé que existe write_int, pero en ocasiones no quiero que se actualice el número, con el consecuente malgasto de recursos.


------------


También me he fijado que el proceso principal/main no funciona como un proceso cualquiera. Si añado algo de código relacionado con procesos: x,y,z,angle,size,advance, etc... el proceso no hace lo que debería o se cuelga.


-----------


Y ya por fastidiar del todo. ¿Qué tal el mejorar la compatibilidad con los diferentes divlikes?


Estaría bien que set_mode se comiera esto por igual:
set_mode(m640x480);
set_mode(640,480);
set_mode(640,480,16);
set_mode(640,480,32);
set_mode(640,480,32,MODE_FULLSCREEN);


Ignorando, claro está, los bits de color y las posibles variables que viniesen después.


------------------------------------


Y una vez más, un código que lo rompe todo:
Código: [Seleccionar]

program test;
begin
   nave();
end


Process nave();
Begin
   graph=1;
    loop
       x=mouse.x;
       y=mouse.y;
        if(mouse.left) sombra(x,y,graph); end
        frame;
    end
End


Process sombra(x,y,graph);
Begin
   angle=rand(0,360)*1000;
   frame;
    //while(size>0)
       //size--;
       //frame;
    //end
End


Enhorabuena por tu trabajo :)
Si estás interesado en hacerlo open source, yo podría ayudarte :)

Para la próxima versión ya está solucionado lo del write, lo del proceso de inicio (program) y mejorado el set_mode y screen_color.

set_mode se podra cambiar en cualquier momento del programa, cambiando el tamaño del canvas y se podra usar de las siguientes formas:
set_mode(m640x480); //compatible divlikes
set_mode(640,480); //compatible divlikes
set_mode(m640x480x2); //nuevo, el tercer valor x2 será un reescalado de imagen al doble de tamaño, x3 triple, etc...
set_mode(640, 480, x2); o set_mode(640, 480, 2); //el tercer valor será un reescalado de imagen

Y habra más novedades: get_id, get_dist, get_angle, load_fpg, load_sound, sound, stop_sound…  ;)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Octubre 16, 2012, 06:17:53 pm
Subida la versión 0.12, y la lista de novedades:
- Funciones nuevas: get_angle(); get_dist(); get_id(); define_region(); load_fpg(); load_sound(); sound(); stop_sound(); //la api de sonido de html5 en cada navegador funciona de forma distinta, solo Chrome y Opera lo hacen de forma aceptable
- Cambios en set_mode() y screen_color();
- Nuevas variables locales: size_x, size_y, alpha y resolution
- Mejoras en el lenguaje: ahora program genera un proceso, al declarar variables se puede separa con una coma en la misma línea de código, optimizado el código que convierte de Div a Javascript y alguna cosa más...
- Algunos ejemplos actualizados para probar el Touch y algunas de las funciones nuevas.

Mas info en la web de DivGO y próximamente descarga.  ;)

Un saludo
Título: Re:Div Games en Html5 y Canvas
Publicado por: JaViS en Octubre 16, 2012, 07:28:32 pm
Estoy un poco confundido, es que existen dos proyectos para portar bennu a web?
Título: Re:Div Games en Html5 y Canvas
Publicado por: l1nk3rn3l en Octubre 16, 2012, 07:42:39 pm
EL EJEMPLO DE DISPAROS ESTA RAPIDOOOOOO..

PODRIAS INCLUIR EL EJEMPLO DE NAVES ESE SENCILLO QUE SE MOVIA DE IZQUIERDA
A DERECHA Y CA I AN NAVES DE ARRIBA Y DISPARABA CON ESPACIO , YA CON ESE EJEMPLO CUALQUIERA SE ARMA
UN JUEGO COMPLETO..


GRACIAS POR ESTE PROYECTO.. !!!!

SE LLAMA TUTOR4.PRG ESTA EN EL BENNUPACK SECCION EJEMPLOS BASICOS



//-------------------------------------------------------------------
// TITULO: Tutorial 1
// AUTOR:  Antonio Marchal
// FECHA:  10/10/97
//-------------------------------------------------------------------

PROGRAM Tutorial_1;

GLOBAL
    puntuacion=0;     // Variable para guardar la puntuaci¢n

BEGIN
    load_fpg("media\tutor1.fpg");  // Se carga el fichero de gr ficos
    load_fnt("media\tutor1.fnt");  // Se carga el tipo de letras

    set_mode(m640x480);               // Pone el modo de video 640 x 480
    set_fps(24,0);                    // N£mero de im genes por segundo
    put_screen(0,63);                 // Pone la pantalla de fondo
    nave(320,240,41);                 // Crea el proceso nave

    teclado();

    write_int(1,320,0,1,OFFSET puntuacion); // Muestra la puntuacion
    FROM x=1 TO 4; asteroide(1); END        // Crea 4 asteroides grandes
    FROM x=1 TO 4; asteroide(21); END       // Crea 4 asteroides peque¤os
END


process teclado();
begin
  loop
    if (key(_esc)) exit(); end;
    frame;
  end;
end;


//-------------------------------------------------------------------
// Maneja la nave protagonista
// Entradas: Coordenadas y c¢digo del gr fico
//-------------------------------------------------------------------

PROCESS nave(x,y,graph)
BEGIN
    LOOP
        // Comprueba si se pulsan las teclas de izquierda o derecha
        // Y modifica el  ngulo si est n pulsadas
        IF (key(_left)) angle=angle+10000; END
        IF (key(_right)) angle=angle-10000; END
        // Si se pulsa la tecla de arriba, la nave avanza
        IF (key(_up)) advance(8); END
        // Si se pulsa la tecla control crea un proceso del tipo disparo
        IF (key(_control)) disparo(x,y,angle); END
        // Corrige las coordenadas, para que la nave no desaparezca
        // de pantalla
        corrige_coordenadas();
        FRAME;  // Hace aparecer el gr fico de la nave en pantalla
    END
END

//-------------------------------------------------------------------
// Proceso disparo
// Crea los disparos de la nave protagonista
// Entradas: Coordenadas y  ngulo del gr fico
//-------------------------------------------------------------------

PROCESS disparo(x,y,angle)
BEGIN
    // Hace un avance inicial y define el gr fico a usar
    advance(24); graph=42;
    // Mientras el gr fico este dentro de pantalla
    WHILE (NOT out_region(id,0))
        // Hace que avance en el angulo que tenga predeterminado
        advance(16);
        FRAME;  // Hace que el gr fico aparezca en pantalla
    END
END

//-------------------------------------------------------------------
// Proceso asteroide
// Maneja todos los asteroides del juegos tanto grandes como peque¤os
// Entradas: Codigo del tipo de asteroide que es su gr fico inicial
//-------------------------------------------------------------------

PROCESS asteroide(codigo)
BEGIN
    LOOP
        // Crea el asteroide en la esquina superior izquierda
        // (Coordenadas: 0,0) y asigna el c¢digo de gr fico
        x=0; y=0; graph=codigo;
        // Elige un angulo al azar
        angle=rand(-180000,180000);
        LOOP
            // Anima el gr fico, sumando uno a su c¢digo
            graph=graph+1;
            // Si sobrepasa el limite de la animaci¢n, la reinicia
            IF (graph==codigo+20) graph=codigo; END
            // Hace avanzar el gr fico en la direccion determinada
            advance(4);
            // Si colisiona con el gr fico del disparo sale
            // del bucle, que de otra manera no tiene final
            IF (collision (TYPE disparo)) BREAK; END
            // Corrige las coordenadas para que no desaparezca de
            // pantalla, haciendole aparecer por el otro lado
            corrige_coordenadas();
            FRAME;      // Hace que el gr fico salga en pantalla
        END
        puntuacion=puntuacion+5;    // Suma 5 puntos a la puntuaci¢n
        // Pone la animaci¢n de la explosion mediante un bucle
        FROM graph=43 TO 62; FRAME; END
    END
END

//-------------------------------------------------------------------
// Proceso corrige_coordenadas
// Corrige las coordenadas del proceso que los llama haciendo
// que dichas coordenadas sean ciclicas en pantalla
//-------------------------------------------------------------------

PROCESS corrige_coordenadas()
BEGIN
    // Si se sale por la izquierda hace que aparezca por la derecha
    // restando para ello el ancho de pantalla
    IF (father.x<-20) father.x=father.x+680; END
    // Si se sale por la derecha hace que aparezca por la izquierda
    IF (father.x>660) father.x=father.x-680; END
    // Si se sale por la arriba hace que aparezca por la abajo
    IF (father.y<-20) father.y=father.y+520; END
    // Si se sale por la abajo hace que aparezca por la arriba
    IF (father.y>500) father.y=father.y-520; END
END

Título: Re:Div Games en Html5 y Canvas
Publicado por: Transdiv en Octubre 16, 2012, 08:07:46 pm
Estoy un poco confundido, es que existen dos proyectos para portar bennu a web?

Sips, uno usa HTML5 y el otro Código Nativo pero solo en el navegador Google Chrome.
Título: Re:Div Games en Html5 y Canvas
Publicado por: Transdiv en Octubre 16, 2012, 08:18:43 pm
Tenias que encriptar el compilador.....  :'(
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Octubre 16, 2012, 08:40:55 pm
Tenias que encriptar el compilador.....  :'(
En breve estarán los códigos abiertos, será open source.

l1nk3rn3l mirare de crear algunos ejemplos y de portar algún tutor como el que me indicas. Aunque ya viendo ese código así por encima, veo funciones y variables que todavía no soporta DivGO.

Estoy un poco confundido, es que existen dos proyectos para portar bennu a web?

Sí, hay 2 proyectos. Uno se basa en BennuGD y otro en Div. Pienso que cuantos más lenguajes Div-Like hayan mejor, siempre habrá más en donde elegir y se mantendrá viva y creciente la comunidad. :)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: panreyes en Octubre 17, 2012, 01:28:44 pm
Pinta genial! :D Aunque para los hardcore se nos queda un poco corto aún, pero va por buen camino.


Nada más se pueda portaré alguno de mis juegos al completo.
Según veo no se pueden crear Structs aún, ¿no?
¿Permitirás usar load_png?


Este código hace explotar DivGO sobremanera xD


Código: [Seleccionar]

program vilanet;


global
music;
wavs[10];


//MODO DE PANTALLA Y FPS
ancho_pantalla=480;
alto_pantalla=800;
frameskip=2;
_fps=25;

//UI
matabotones;
id_boton_menu;
opcion_menu;


ready;
doble_clic;
dificultad;
distancia;
obstaculos_en_pantalla;
puntos;
fuente;

//DIVGO!!!
os_id=1003;
focus_status=1;

Private
graph_loading;

Local
i;
accion;
begin
//establecemos la pantalla a utilizar y su tamaño
frame;

//inicializamos el modo gráfico, fps y nombre de la ventana
set_mode(480,800);
set_fps(_fps,frameskip);

//ponemos el gráfico de "cargando"...
//graph_loading=load_png("loading.png");
put_screen(0,graph_loading);
frame; //tengo que hacer 2 frames para que lo de arriba funcione :|
frame;
//unload_map(0,graph_loading);

//cargamos los recursos a utilizar durante todo el juego
carga_sonidos();

//cargamos el fpg de gráficos
load_fpg("fpg/vilanet.fpg");

//la fuente
fuente=load_fnt("fpg/1.fnt");

//si no estamos en android, ponemos algo para localizar el cursor
if(os_id!=1003)
mouse.graph=71;
end

//y finalmente el menú
//menu_tactil();

juego();
end


process juego()
Private
retraso=100;
retraso_esquiador;
anterior;
nuevo;
begin
//graph=get_screen();
let_me_alone();
clear_screen();
controlador();
puntos=0;
distancia=0;
obstaculos_en_pantalla=0;
x=ancho_pantalla/2;
y=alto_pantalla/2;
start_scroll(0,0,11,0,0,15);
//scroll[0].camera=camara();
camara();
prota();
ready=0;
write_int(fuente,ancho_pantalla,0,2,&puntos);

//ponemos la canción de fondo del juego
//music=load_song("ogg/2.ogg");
//play_song(music,-1);
music=load_sound("ogg/2.ogg");
sound(music);
ready=1;
loop
distancia++;
puntos+=1+(dificultad/3);
while(alpha>0) alpha-=5; frame; end
dificultad=6+(distancia/100);

// if(rand(0,100)=<dificultad)
if(obstaculos_en_pantalla<5)
if(retraso>50-dificultad*2)
loop
nuevo=rand(1,5);
if(nuevo!=anterior) break; end
end
obstaculo(nuevo,rand(15,19));
anterior=nuevo;
retraso=0;
else
retraso++;
end
end
// end
if(retraso_esquiador>100)
retraso_esquiador=rand(-100,0);
esquiador(rand(1,5));
else
retraso_esquiador++;
end

//botón esc, salir
if(key(_esc))
while(key(_esc)) frame; end
let_me_alone();
//graph=get_screen();
x=ancho_pantalla/2; y=alto_pantalla/2; z=-100;
//menu_tactil();
//from alpha=255 to 0 step -15; frame; end
//unload_map(0,graph);
break;
end
frame;
end
end


Function carga_sonidos();
Begin
from i=1 to 7;
//wavs[i]=load_sound("wav/"+i+".wav");
end
End


Function sonido(num);
Begin
//play_sound(wavs[num],0);
End


//hace una capa de emulación del táctil para pc y gestiona el boton de volver
Process controlador();
Begin
loop
if(mouse.left)
dedo(mouse.x,mouse.y);
end
/*for(i=0; i<10; i++)
if(multi_info(i, "ACTIVE") > 0)
dedo(multi_info(i, "X"),multi_info(i, "Y"));
end
end*/
frame;
end
End


Process dedo(x,y);
Begin
priority=1;
graph=71;
alpha=0;
frame;
End


Process prota();
Private
retraso;
anim;
Begin
//flags=B_VMIRROR;
x=ancho_pantalla/2;
y=alto_pantalla-70;
z=-2;
graph=5;
loop
if(anim<10-(dificultad/5))
anim++;
else
if(graph<10) graph++; else graph=5; end
anim=0;
end
if((os_id==1003 and mouse.left) or os_id!=1003)
if(x<mouse.x)
x+=20;
if(x>mouse.x) x=mouse.x; end
else
if(x>mouse.x)
x-=20;
if(x<mouse.x) x=mouse.x; end
end
end
end
if(x<(ancho_pantalla/10)) x=ancho_pantalla/10; end
if(x>ancho_pantalla-(ancho_pantalla/10)) x=ancho_pantalla-(ancho_pantalla/10); end
if(retraso>100)
// if((os_id==1003 and mouse.left and mouse.y<(alto_pantalla/4)*3) or (os_id!=1003 and mouse.left))
// disparo();
// retraso=0;
// end
else
retraso++;
end
if(accion<0) break; end
frame;
end
if(accion==-1) explosion(); end
if(accion==-2) sonido(5); from size=100 to 0 step -10; frame; end end
gameover();
End


Process disparo();
Begin
x=father.x;
y=father.y;
z=-1;
graph=4;
size=200;
while(y>-100)
if(accion==-1)
from alpha=255 to 0 step -30;
size+=3;
frame;
end
break;
end
y-=20;
angle+=20000;
frame;
end
End


Process obstaculo(pos_x,graph);
Private
id_col;
pos_x; //FAILURE!
Begin
y=-100;
if(graph==18) pos_x=1; end
if(graph==19) pos_x=5; end
if(graph==18 or graph==19)
y=-600;
end
x=((pos_x-1) * (480/5))+(480/10);
z=-1;
size=150;
if(collision(type obstaculo))
//signal(s_kill,id);
end
size=100;
obstaculos_en_pantalla++;
loop
if(id_col=collision(type prota))
if(graph==18 or graph==19)
id_col.accion=-2;
else
id_col.accion=-1;
end
end
if(graph<18)
if(id_col=collision(type disparo))
if(graph==17) //explosion
explosion();
end
id_col.accion=-1;
if(graph==15 or graph==16) sonido(3); end
break;
end
if(y>alto_pantalla+100) break; end
else
//barrancos
if(y>alto_pantalla+600) break; end
end
y+=3+dificultad;
frame;
end
//explosion
from alpha=255 to 0 step -30; y+=3+dificultad; frame; end
obstaculos_en_pantalla--;
End


Process explosion();
Private
anim;
Begin
sonido(4);
x=father.x;
y=father.y;
z=-2;
graph=22;
while(graph<27)
if(anim==4) graph++; anim=0; else anim++; end
size+=10;
alpha-=5;
y+=3+dificultad;
frame;
end

End


Process esquiador(pos_x);
Private
id_col;
pos_x;
Begin
x=((pos_x-1)*(480/5))+(480/10);
y=-100;
z=0;
graph=20;
size=150;
if(collision(type obstaculo))
esquiador(rand(1,5));
//signal(s_kill,id);
end
size=100;
if(collision(type obstaculo))
//signal(s_kill,id);
end
while(y<alto_pantalla+100);
if(graph==20)
if(id_col=collision(type disparo))
id_col.accion=-1;
graph=21;
sonido(2);
end
if(collision(type obstaculo))
graph=21;
sonido(3);
end
if(collision(type prota))
puntos+=1000;
sonido(2);
break;
end
y+=6+dificultad;
else
y+=3+dificultad;
end
frame;
end
End


Process camara();
Begin
loop
scroll.y0-=3+dificultad;
frame;
end
End


Process gameover();
Begin
delete_text(all_text);
write(fuente,ancho_pantalla/2,(alto_pantalla/4)*3,4,puntos);
x=ancho_pantalla/2;
y=(alto_pantalla/2);
graph=705;
z=-10;
while(is_playing_song()) frame; end
let_me_alone();
delete_text(all_text);
juego();
//menu_tactil();
end


Process get_screen();
Begin
End


Process load_song(string basura);
Begin
End


Process is_playing_song();
Begin
End


Process fade_music_off();
Begin
End
Título: Re:Div Games en Html5 y Canvas
Publicado por: JaViS en Octubre 17, 2012, 01:52:27 pm
Sí, hay 2 proyectos. Uno se basa en BennuGD y otro en Div. Pienso que cuantos más lenguajes Div-Like hayan mejor, siempre habrá más en donde elegir y se mantendrá viva y creciente la comunidad. :)


Muchas gracias por la clarificación!
Título: Re:Div Games en Html5 y Canvas
Publicado por: Transdiv en Octubre 18, 2012, 02:19:58 am
Me baje el XAMPP Lite portable y cuando ejecuto el programa de scroll por ejemplo, no se muestra el efecto de scroll con las imagenes 001 y 002 en comparación con la version que se ejecuta desde tu pagina web :

(http://imageshack.us/a/img442/4554/canvasf.jpg)


(http://imageshack.us/photo/my-images/442/canvasf.jpg/)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Octubre 18, 2012, 10:31:38 am
Qué raro lo del scroll... te pasa también en el ejemplo de collision?

Prueba en usar una versión XAMPP más completa que la lite portable o Wamp y que sean de lo mas reciente posible.

Y aquí subiré los códigos de DivGO, en breve:  :)
http://code.google.com/p/divgo/

Sobre la licencia, ¿Cual me recomendáis? Yo puse dual MIT / GPL que es la que usa jQuery y Mootools.

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: Transdiv en Octubre 18, 2012, 02:36:06 pm
Sips, lo probe en la version completa y lo mismo, pero parece ser que tiene que ver con el código, ya que lo puse en un website e igualito. (Collision tambien falla el fondo). Respecto a las licensias quizas la persona mas adecuada seria Splinter que ya ha estado con ese tema.

Salu2

Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Octubre 19, 2012, 09:39:15 am
Ya disponible para descargar la versión 0.12.

http://www.amakasoft.com/herramientas/div-go.html (http://www.amakasoft.com/herramientas/div-go.html)
http://code.google.com/p/divgo/ (http://code.google.com/p/divgo/)
Título: Re:Div Games en Html5 y Canvas
Publicado por: Transdiv en Octubre 19, 2012, 11:18:45 am
Ya se soluciono lo de los graficos de fondo, un problema que hay (tambien en la version anterior), es que cuando ejecuta el collision luego de una rato como que el programa se cuelga aunque se siguen escuchando sonidos al fondo. Eso me ocurre con el Firefox en WinXP pero no en Windows 7, El Internet 9 tambien se cuelga luego de un rato y nunca salen los sonidos. Con Chrome no hay ningun problema.

Supongo que esos problemas son parte de la "delicia" de programar multi-browser.

Salu2



(http://imageshack.us/a/img811/4082/collision.jpg)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Octubre 23, 2012, 11:47:50 am
Pinta genial! :D Aunque para los hardcore se nos queda un poco corto aún, pero va por buen camino.


Nada más se pueda portaré alguno de mis juegos al completo.
Según veo no se pueden crear Structs aún, ¿no?
¿Permitirás usar load_png?


Este código hace explotar DivGO sobremanera xD


Código: [Seleccionar]

program vilanet;


global
   music;
   wavs[10];


   //MODO DE PANTALLA Y FPS
   ancho_pantalla=480;
   alto_pantalla=800;
   frameskip=2;
   _fps=25;
   
   //UI
   matabotones;
   id_boton_menu;
   opcion_menu;


   ready;
   doble_clic;
   dificultad;
   distancia;
   obstaculos_en_pantalla;
   puntos;
   fuente;
   
   //DIVGO!!!
   os_id=1003;
   focus_status=1;
   
Private
   graph_loading;
   
Local
   i;
   accion;
begin
   //establecemos la pantalla a utilizar y su tamaño
   frame;
   
   //inicializamos el modo gráfico, fps y nombre de la ventana
   set_mode(480,800);
   set_fps(_fps,frameskip);
   
   //ponemos el gráfico de "cargando"...
   //graph_loading=load_png("loading.png");
   put_screen(0,graph_loading);
   frame; //tengo que hacer 2 frames para que lo de arriba funcione :|
   frame;
   //unload_map(0,graph_loading);
   
   //cargamos los recursos a utilizar durante todo el juego
   carga_sonidos();
   
   //cargamos el fpg de gráficos
   load_fpg("fpg/vilanet.fpg");
   
   //la fuente
   fuente=load_fnt("fpg/1.fnt");
   
   //si no estamos en android, ponemos algo para localizar el cursor
   if(os_id!=1003)
      mouse.graph=71;
   end
   
   //y finalmente el menú
   //menu_tactil();
   
   juego();
end


process juego()
Private
   retraso=100;
   retraso_esquiador;
   anterior;
   nuevo;
begin
   //graph=get_screen();
   let_me_alone();
   clear_screen();
   controlador();
   puntos=0;
   distancia=0;
   obstaculos_en_pantalla=0;
   x=ancho_pantalla/2;
   y=alto_pantalla/2;
   start_scroll(0,0,11,0,0,15);
   //scroll[0].camera=camara();
   camara();
   prota();
   ready=0;
   write_int(fuente,ancho_pantalla,0,2,&puntos);
   
   //ponemos la canción de fondo del juego
   //music=load_song("ogg/2.ogg");
   //play_song(music,-1);
   music=load_sound("ogg/2.ogg");
   sound(music);
   ready=1;
   loop
      distancia++;
      puntos+=1+(dificultad/3);
      while(alpha>0) alpha-=5; frame; end   
      dificultad=6+(distancia/100);
     
   //   if(rand(0,100)=<dificultad)
         if(obstaculos_en_pantalla<5)
            if(retraso>50-dificultad*2)
               loop
                  nuevo=rand(1,5);
                  if(nuevo!=anterior) break; end
               end
               obstaculo(nuevo,rand(15,19));
               anterior=nuevo;
               retraso=0;
            else
               retraso++;
            end
         end
   //   end
      if(retraso_esquiador>100)
         retraso_esquiador=rand(-100,0);
         esquiador(rand(1,5));
      else
         retraso_esquiador++;
      end
   
      //botón esc, salir
      if(key(_esc))
         while(key(_esc)) frame; end
         let_me_alone();
         //graph=get_screen();
         x=ancho_pantalla/2; y=alto_pantalla/2; z=-100;
         //menu_tactil();
         //from alpha=255 to 0 step -15; frame; end
         //unload_map(0,graph);
         break;
      end
      frame;
   end
end


Function carga_sonidos();
Begin
   from i=1 to 7;
      //wavs[i]=load_sound("wav/"+i+".wav");
   end
End


Function sonido(num);
Begin
   //play_sound(wavs[num],0);
End


//hace una capa de emulación del táctil para pc y gestiona el boton de volver
Process controlador();
Begin   
   loop
      if(mouse.left)
         dedo(mouse.x,mouse.y);
      end
      /*for(i=0; i<10; i++)
         if(multi_info(i, "ACTIVE") > 0)
            dedo(multi_info(i, "X"),multi_info(i, "Y"));
         end
      end*/
      frame;
   end
End


Process dedo(x,y);
Begin
   priority=1;
   graph=71;
   alpha=0;
   frame;
End


Process prota();
Private
   retraso;
   anim;
Begin
   //flags=B_VMIRROR;
   x=ancho_pantalla/2;
   y=alto_pantalla-70;
   z=-2;
   graph=5;
   loop
      if(anim<10-(dificultad/5))
         anim++;
      else
         if(graph<10) graph++; else graph=5; end
         anim=0;
      end
      if((os_id==1003 and mouse.left) or os_id!=1003)
         if(x<mouse.x)
            x+=20;
            if(x>mouse.x) x=mouse.x; end
         else
            if(x>mouse.x)
               x-=20;
               if(x<mouse.x) x=mouse.x; end
            end
         end
      end
      if(x<(ancho_pantalla/10)) x=ancho_pantalla/10; end
      if(x>ancho_pantalla-(ancho_pantalla/10)) x=ancho_pantalla-(ancho_pantalla/10); end
      if(retraso>100)
//         if((os_id==1003 and mouse.left and mouse.y<(alto_pantalla/4)*3) or (os_id!=1003 and mouse.left))
//            disparo();
//            retraso=0;
//         end
      else
         retraso++;
      end
      if(accion<0) break; end
      frame;
   end
   if(accion==-1) explosion(); end
   if(accion==-2) sonido(5); from size=100 to 0 step -10; frame; end end
   gameover();
End


Process disparo();
Begin
   x=father.x;
   y=father.y;
   z=-1;
   graph=4;
   size=200;
   while(y>-100)
      if(accion==-1)
         from alpha=255 to 0 step -30;
            size+=3;
            frame;
         end
         break;
      end
      y-=20;
      angle+=20000;
      frame;
   end
End


Process obstaculo(pos_x,graph);
Private
   id_col;
   pos_x; //FAILURE!
Begin
   y=-100;
   if(graph==18) pos_x=1; end
   if(graph==19) pos_x=5; end
   if(graph==18 or graph==19)
      y=-600;
   end
   x=((pos_x-1) * (480/5))+(480/10);
   z=-1;
   size=150;
   if(collision(type obstaculo))
      //signal(s_kill,id);
   end
   size=100;
   obstaculos_en_pantalla++;
   loop
      if(id_col=collision(type prota))
         if(graph==18 or graph==19)
            id_col.accion=-2;
         else
            id_col.accion=-1;
         end
      end
      if(graph<18)
         if(id_col=collision(type disparo))
            if(graph==17) //explosion
               explosion();
            end
            id_col.accion=-1;
            if(graph==15 or graph==16) sonido(3); end
            break;
         end
         if(y>alto_pantalla+100) break; end
      else
         //barrancos
         if(y>alto_pantalla+600) break; end
      end
      y+=3+dificultad;
      frame;
   end
   //explosion
   from alpha=255 to 0 step -30; y+=3+dificultad; frame; end
   obstaculos_en_pantalla--;
End


Process explosion();
Private
   anim;
Begin
   sonido(4);
   x=father.x;
   y=father.y;
   z=-2;
   graph=22;
   while(graph<27)
      if(anim==4) graph++; anim=0; else anim++; end
      size+=10;
      alpha-=5;
      y+=3+dificultad;
      frame;
   end
     
End


Process esquiador(pos_x);
Private
   id_col;
   pos_x;
Begin
   x=((pos_x-1)*(480/5))+(480/10);
   y=-100;
   z=0;
   graph=20;
   size=150;
   if(collision(type obstaculo))
      esquiador(rand(1,5));
      //signal(s_kill,id);
   end
   size=100;
   if(collision(type obstaculo))
      //signal(s_kill,id);
   end
   while(y<alto_pantalla+100);
      if(graph==20)
         if(id_col=collision(type disparo))
            id_col.accion=-1;
            graph=21;
            sonido(2);
         end
         if(collision(type obstaculo))
            graph=21;
            sonido(3);
         end
         if(collision(type prota))
            puntos+=1000;
            sonido(2);
            break;
         end
         y+=6+dificultad;
      else
         y+=3+dificultad;
      end
      frame;
   end
End


Process camara();
Begin
   loop
      scroll.y0-=3+dificultad;
      frame;
   end
End


Process gameover();
Begin
   delete_text(all_text);
   write(fuente,ancho_pantalla/2,(alto_pantalla/4)*3,4,puntos);
   x=ancho_pantalla/2;
   y=(alto_pantalla/2);
   graph=705;
   z=-10;
   while(is_playing_song()) frame; end
   let_me_alone();
   delete_text(all_text);
   juego();
   //menu_tactil();
end


Process get_screen();
Begin
End


Process load_song(string basura);
Begin
End


Process is_playing_song();
Begin
End


Process fade_music_off();
Begin
End

En la versión 0.12 no funcionan las tablas asi que wavs[10] no funciona y detiene todo. Esto ya esta arreglado para la próxima versión.

Por el momento lo que tengo ya para la próxima versión:
- declarar tablas: mitabla[12]
- frame ya funciona como div o muy similar
- load_png(), load_svg(), load_jpg(), load_gif(), load_bmp();

Lo que quiero terminar y todavía está pendiente:
- locales: father, brother, son;
- mas funciones: out_region(); get_pixel(); map_get_pixel(); graphic_info();

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: panreyes en Octubre 23, 2012, 12:28:43 pm
Apunta también la local id! Creo que en algunos de tus ejemplos la utilizas para controlar un texto
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Noviembre 09, 2012, 05:13:08 pm
Ya disponible nueva versión 0.14, novedades:
  - Nuevas funciones disponibles: out_region(); get_pixel(); map_get_pixel(); graphic_info(); stop_scroll(); collision_box(); load_png(); load_svg(); load_jpg(); load_gif(); load_bmp();
  - Nuevas variables locales: id, father, son
  - Ahora se pueden declarar tablas: mitabla[9]
 - Colisiones "pixel perfect" con la función collision(); y se mantiene las colisiones por cajas con collision_box(); //esta última es mas rápida
  - Cambios en el entorno de trabajo de DivGO: lista de procesos y lista de fpgs cargados desde el código.

Y como siempre, puede que me deje alguna cosa, más info en la web de DivGO. :)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: l1nk3rn3l en Noviembre 09, 2012, 07:25:15 pm
EXCELENTE.. PROBANDO



Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Noviembre 12, 2012, 11:51:36 pm
Ya esta disponible para descargar la versión 0.14!  8)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Noviembre 28, 2012, 07:55:10 pm
En breve subiré la versión 0.16, había un bug que me tenía bloqueado.  :)
Un resumen de lo que habrá en esta próxima versión de Div GO:
Mas optimización, en esta versión corre un mayor numero de procesos y la colisión pixel perfect es también mas rápida.  8)
Funciones: write_in_map(); new_map(); itoa();
En esta versión se arregla lo de juntar el código a los paréntesis: if(key(_left))x++;end
Y otro fallo arreglado... ahora se declaran las variables pasadas en los procesos como privadas, ej: process nombre_proceso(variable_inventada); //variable_inventada será una variable private dentro del proceso nombre_proceso

Y hay mas novedades cuando actualice en breve.  ;)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: l1nk3rn3l en Noviembre 28, 2012, 10:42:32 pm
PROBANDO
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Noviembre 29, 2012, 10:51:50 am
PROBANDO

Todavia no esta subido, para esta tarde o el viernes por la tarde mirare de actualizar Div GO.  :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Noviembre 30, 2012, 04:42:17 pm
Ya está disponible Div GO 0.16, con algunas novedades mas con respecto a lo que dije el otro día:
- scan_code (en el ejemplo de las key se puede probar)
- variable local fx = (fx_normal, fx_source_in, fx_source_out, fx_source_atop, fx_dest_over, fx_dest_in, fx_dest_out, fx_dest_atop, fx_lighter, fx_darker, fx_copy, fx_xor)
- variable global para cambiar el estilo de los textos text_style = (txt_paint_normal, txt_paint_italic, txt_paint_bold, txt_stroke_normal, txt_stroke_italic, txt_stroke_bold) (en el ejemplo de write se puede probar)
- función is_playing_sound(); que devuelve 0 o 1 dependiendo si el sonido esta reproduciéndose.

Y por el momento eso es todo.  :)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: panreyes en Noviembre 30, 2012, 04:54:18 pm
Mi más sincera enhorabuena :)


De hecho, en breve utilizaré DivGO para crear un simulador online de un programa, este: http://www.pixe.es
Título: Re:Div Games en Html5 y Canvas
Publicado por: SplinterGU en Noviembre 30, 2012, 05:04:52 pm
que son esas fx_*?
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Noviembre 30, 2012, 05:25:04 pm
que son esas fx_*?

Es una variable local como x, y o z, para crear distintos efectos graficos. Algo que ofrece canvas de serie y tenia que aprovecharlo de algun modo y hay algunos muy interesantes, la verdad. :)

Mi más sincera enhorabuena :)


De hecho, en breve utilizaré DivGO para crear un simulador online de un programa, este: http://www.pixe.es (http://www.pixe.es)

Espero que DivGO te vaya bien para ese simulador, ya diras que tal. :)

Un saludo.
 
Título: Re:Div Games en Html5 y Canvas
Publicado por: SplinterGU en Noviembre 30, 2012, 09:59:43 pm
si, si, imagino que son variables locales, pero de donde salio eso? es nuevo? existe en algun like div?
Título: Re:Div Games en Html5 y Canvas
Publicado por: panreyes en Noviembre 30, 2012, 10:12:11 pm
Por cierto, estaría bien montar un sistema para poder guardar los juegos creados online y compartirlos fácilmente... Ese sería un gran futuro para DivGO :d
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Noviembre 30, 2012, 10:20:42 pm
si, si, imagino que son variables locales, pero de donde salio eso? es nuevo? existe en algun like div?

Es nuevo o distinto a otros like div. En la documentación voy añadiendo también las cosas nuevas de DivGO aparte, por ejemplo el text_style es nuevo en esta versión o las collision_box. Voy inventando nuevas funciones y variables para aprovechar cosas del propio canvas, o como las collision_box para optimizar las colisiones.

Por cierto, estaría bien montar un sistema para poder guardar los juegos creados online y compartirlos fácilmente... Ese sería un gran futuro para DivGO :d

Si, eso es algo que hace tiempo tengo en mente. Usare de base una web que ya tengo creada y solo será adaptarla para que se puedan crear juegos (guardar los proyectos, códigos, sonidos y gráficos) y publicarlos una vez acabado.

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: SplinterGU en Noviembre 30, 2012, 10:34:12 pm
aca tambien hay collision_box pero con el tema del size y angle, no se que tan performantes son.
Título: Re:Div Games en Html5 y Canvas
Publicado por: panreyes en Diciembre 04, 2012, 05:50:41 pm
He tenido un problema, testeando Write_in_map.


Me parseas el entrecomillado!

Citar
Program test;
Begin
   set_mode(640,480);
   graph=write_in_map(0,"YEAH BITCH! SCIENCE BITCH!!! :D",4);
    x=320;
    y=240;
    loop
       from size=100 to 110; frame; end
        from size=110 to 100 step -1; frame; end
       frame;
    end
End

[size=78%]Y sale en pantalla esto: yeahbitch!sciencebitch!!!:d[/size]
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Diciembre 05, 2012, 12:14:20 am
He tenido un problema, testeando Write_in_map.


Me parseas el entrecomillado!

Citar
Program test;
Begin
   set_mode(640,480);
   graph=write_in_map(0,"YEAH BITCH! SCIENCE BITCH!!! :D ",4);
    x=320;
    y=240;
    loop
       from size=100 to 110; frame; end
        from size=110 to 100 step -1; frame; end
       frame;
    end
End

[size=78%]Y sale en pantalla esto: yeahbitch!sciencebitch!!!:d[/size]

También si haces una llamada a un proceso pasando un texto, ej: nombre_proceso("Hola", 100, 100); //el compilador quita las comillas simples y dice que no reconoce la variable hola.  ;D Es mu cachondo.
Tengo que hacer que todo lo que este entre comillas sea ignorado por el compilador (esto solo funciona con write). Mirare de sacar la 0.17 con arreglos de bugs tontos, que cada versión quiero añadir novedades y voy dejando detrás una bonita lista de bugs.

Gracias por el reporte!

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: DCelso en Diciembre 05, 2012, 12:38:39 am
no entiendio muy bien este proyecto.
Se necesitarían los binarios de bennu para la plataforma en la que corres el navegador no?
es decir, si abro la web con mi navegador de wii, qué pasaría.
Título: Re:Div Games en Html5 y Canvas
Publicado por: SplinterGU en Diciembre 05, 2012, 01:25:12 am
DCelso, esto no tiene relacion con bennugd, es un like-div independiente... (a menos que me equivoque)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Diciembre 05, 2012, 02:17:10 pm
DCelso como ha dicho SplinterGU, Div GO no es un port de Bennu es otro like-div aparte. Hay un port de Bennu hecha en Native Client para Chrome.

No se si en Wii funcionara, pero si tengo oido que en xbox360 si que funciona, también funciona en iPhone y Android. :)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: l1nk3rn3l en Diciembre 06, 2012, 12:55:33 am
Interesantes avances .. excelente
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Diciembre 18, 2012, 03:35:46 pm
Aquí la lista con las novedades para la próxima versión (0.18), estará a punto para esta semana:
 - Arreglo de algunos bugs, como el parseo dentro de los textos, esto se notaba con el write_in_map();
 - Ya estarán disponibles las regiones, se pueden definir todas las que se quieran y añadir los procesos y scrolls
 - Ya se pueden iniciar varios start_scroll y ponerlo en distintas regiones o en la misma, añadiéndolo en la misma se dibujan los scrolls uno detrás de otro simulando mas planos
 - Nuevas funciones de sombreado para textos y gráficos: shadow_draw(); shadow_text();

Eso es lo que ya tengo preparado y espero poder añadir o corregir alguna cosa más.  :)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: panreyes en Diciembre 19, 2012, 02:52:32 pm
Mola! :D


Mucho ánimo con ello!


Siendo honesto, el motivo por el cual no he hecho un juego aún con tu herramienta es que no sé vivir sin FROM xD


Y tampoco me ha funcionado este for:

for(x=100;x<600;x++)

Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Diciembre 19, 2012, 09:12:22 pm
Hola PiXel,

Acabo de probar ese for y me ha funcionado bien en la versión 0.16 y el from to step también esta disponible desde la 0.10 o asi...

Código: [Seleccionar]
   
    for(x=100;x<600;x++) //bucles for disponible
        xput(0, 2, x, 60, 0, 20, 0, 0);
        xput(0, 2, x, 170, 0, 20, 0, 0);
    end

    from x=100 to 600 //bucles for disponible
        xput(0, 2, x, 60, 0, 20, 0, 0);
        xput(0, 2, x, 170, 0, 20, 0, 0);
    end


He cambiado en el ejemplo de inicio el bucle que hay por el que me indicas y ha funcionado...  :)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Diciembre 22, 2012, 12:44:52 pm
Ya disponible la versión 0.18 de Div GO, en breve también para descargar.

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Enero 30, 2013, 11:21:58 pm
Hacía tiempo que no escribía nada sobre Div GO... en breve subire la versión 0.20.

Resumen de lo que ya hay para esta próxima versión:
 - Cambios gordos en el compilador: mas optimizado, ahora avisa de mas errores posibles errores.
 - Cambios al generar el código en la web, hay más cosas integradas en la librería y queda más limpia la web.  :)
 - Nuevas Funciones: date(); time(); gradient_text(); gradient_draw(); set_title(); start_mode7(); stop_mode7();
 - Arreglado set_fps, no se podía cambiar la velocidad (solo los saltos) e iba mas rápido de lo normal, ahora se puede cambiar en cualquier momento.
 - Añadido mod y su equivalente %

Durante estos días ire añadiendo y arreglando más cosas, antes de subirlo.

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Febrero 05, 2013, 11:01:11 pm
DivGO 0.20 ya disponible!! ...solo en la web, en breve estará para descargar.  :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Febrero 10, 2013, 02:12:19 pm

Pos al final no habrá versión 0.20 para descargar, tiene demasiados problemas de compatibilidad con IE9, Chrome y Safari.   :-[
La versión 0.21 corregirá estos problemas y también solucionara algunos bugs.


Intentare que este lo mas pronto posible.  :)


Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: panreyes en Febrero 10, 2013, 02:37:50 pm
No te preocupes, que por ahora no urge.


El problema es que la mayoría de los que estamos por aquí, estamos acostumbrados a un nivel bastante complejo de DIV por lo que la falta de algunas funciones nos echa bastante para atrás.


Aún así, tengo ganas de hacer algo con él xD
Título: Re:Div Games en Html5 y Canvas
Publicado por: emov2k4 en Febrero 11, 2013, 03:51:58 pm
veo que fecha y hora están implementados, este saca los datos del computador donde corre, seria bueno sacar esta info del servidor ?
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Febrero 14, 2013, 10:44:49 pm
Subida la versión 0.21 (esta si tendrá descarga en breve), arregla problemas de compatibilidad de la anterior version y corrige varios bugs, alguno realmente importante. Como novedades: 1 función nueva 'get_browser()' y la variable local 'smooth', esta variable quita el suavizado del grafico del proceso o lo activa. Y también he realizado algunos cambios en el entorno para facilitar el trabajo sin las molestas ventanitas, ahora se pueden ocultar.

No te preocupes, que por ahora no urge.


El problema es que la mayoría de los que estamos por aquí, estamos acostumbrados a un nivel bastante complejo de DIV por lo que la falta de algunas funciones nos echa bastante para atrás.


Aún así, tengo ganas de hacer algo con él xD

Hola PiXeL,

Voy dando detalles de los avances, mejor dar señales de vida e ir poniendo los cambios que se van realizando. :)


veo que fecha y hora están implementados, este saca los datos del computador donde corre, seria bueno sacar esta info del servidor ?

Pues solo se puede mostrar la fecha y hora del ordenador que lo ejecuta. Esto ira bien para obtener cuando se conecto el usuario por última vez (para juegos online), y guardar esta información en una bbdd. La versión 0.21 la función get_browser devuelve en que navegador se esta ejecutando, a que resolución, idioma, etc...

Que lo disfrutéis.

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: panreyes en Febrero 15, 2013, 09:27:52 am
Lo dije por esta frase xD
Citar
Intentare que este lo mas pronto posible.  [/size]



Tranquilo que cuando tu Div online sea bien funcional HARÉ PORTS COMO CHURROS.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Febrero 15, 2013, 10:24:58 pm
Ya esta disponible la versión 0.21 para descargar.

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Marzo 01, 2013, 09:56:01 pm
 Ya está disponible la versión 0.22, tanto online como para descarga.
 
 En esta versión se corrigen muchos bugs.  :)
 
 Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Marzo 17, 2013, 07:28:58 pm
Hola,

Aquí os dejo mi primer proyecto con Div GO, todavía no está terminado, es una beta, y junto con los ejemplos que voy poniendo me sirve para ir probando los avances de Div GO.  :)

The Little Big Apple (http://www.divgo.net/proyectos/the-little-big-apple/index.html)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: Erkosone en Abril 04, 2013, 01:00:58 am
Está quedando chulo chulo.
Antes de empezar a meterle mano a tu engine me gustaría ver como anda el tema sonido, tienes pensado meterle mano pronto a esta sección del engine?
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Abril 09, 2013, 07:45:01 pm
Esta semana si todo va sobre ruedas habrá versión 0.24 de Div GO, las novedades que tengo actualmente:
 - la sentencia switch() ya esta disponible en esta versión
 - scroll.ratio, scroll.camera, ctype = (c_screen y c_scroll) ya funcionan
 - nuevas funciones: screen_copy(); round(); //esta ultima es para redondear valores decimales
 - nuevas variables: scroll.fx, view_full_size_scale, view_full_aspect_ratio //estas dos últimas funcionan con set_mode()... por ej: set_mode(320, 240, view_full_size_scale)
 - y solucionado bastantes bugs y conseguida una gran optimización con las colisiones.  :D

Está quedando chulo chulo.
Antes de empezar a meterle mano a tu engine me gustaría ver como anda el tema sonido, tienes pensado meterle mano pronto a esta sección del engine?
Div GO actualmente dispone de las funciones de sonido: load_sound(), sound(), stop_sound() y is_playing_sound()... si que tengo que darle un repaso y añadir alguna función mas aun asi he visto que todavía cada navegador acepta formatos diferentes y no acaban de pulir definitivamente la api de sonido de html5 como dios manda, habrá que esperar todavía un poco.  ???

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Abril 13, 2013, 04:41:53 pm
Ya está la versión 0.24 para descargar. :)

Como última novedad para esta versión he añadido las variables locales shear_x y shear_y.

Un saludo.

Título: Re:Div Games en Html5 y Canvas
Publicado por: panreyes en Mayo 21, 2013, 10:38:28 pm
Holas :)


ME ENCANTA :)


He encontrado otro pequeño bug, idiota pero pa que conste: No permite utilizar "=>". Sé que está mal escrito, pero DIV me lo perdonaría xD


Pd: Y esto también lo rompe todo xD
Citar

Program a;
Private
   gravedad;
    x_inc;
Begin
   set_mode(800,600);
    graph=write_in_map(0,"DIV LO PETA",4);
    x=400;
    loop
        if(key(_left)) x_inc-=3; elseif(key(_right)) x_inc+=3; end
        if(key(_up) and gravedad>=0) gravedad=-30; end
        y+=gravedad;
        x+=x_inc;
        if(y<500) gravedad++; else gravedad=-gravedad/2; y=500; end
        if(x_inc>0) x_inc--; elseif(x_inc<0) x_inc++; end
        if((x>750 and x_inc>0) or (x<50 and x_inc<0)) x_inc=-x_inc; end
        if(rand(0,10)==0) huele(); end
       angle-=x_inc*600;
       frame;
    end
End


Process huele();
Private
   x_objetivo;
    x_inc;
Begin
   x_objetivo=rand(100,600);
    y=rand(0,600);
   graph=write_in_map(0,"lo peta mogollón",4);
   x=900;
    size=rand(100,150);
    while(x>x_objetivo)
       x+=((x_objetivo-x)/5);
       frame;
    end
    while(x>-100)
       x_inc++;
        x-=x_inc;
       frame;
    end
End
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Mayo 22, 2013, 01:24:11 pm
Del código, lo que peta es el primer while que hay dentro de huele()... es como si hiciera un bucle infinito y no llega a salir nunca del mismo.



    /* while(x>x_objetivo)
         x+=((x_objetivo-x)/5);
         frame;
    end */


Al comentarlo se ve el texto rebotando por la pantalla.


Lo del operador '=>' o '=<', no me había dado cuenta que esto así también funcionaba en Div, para la próxima versión también estará disponible.  :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: Erkosone en Mayo 22, 2013, 04:38:43 pm
Dale caña Amaka, tiene una pinta excelente!


Por cierto, me encantaría que algún día esto fuera portable con un editor como el Notepad++ para programar los juegos, daría mucha libertad a los desarrolladores ;)
Animo y enhorabuena por el curro que te estás pegando.
Título: Re:Div Games en Html5 y Canvas
Publicado por: panreyes en Mayo 22, 2013, 05:20:12 pm



Del código, lo que peta es el primer while que hay dentro de huele()... es como si hiciera un bucle infinito y no llega a salir nunca del mismo.
    /* while(x>x_objetivo)
         x+=((x_objetivo-x)/5);
         frame;
    end */
Al comentarlo se ve el texto rebotando por la pantalla.

Pero el código está bien, ¿no? Es una ecuación que provoca que el proceso se coloque de forma suavizada en una posición concreta
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Mayo 22, 2013, 11:36:26 pm
El código while está bien, si. Es el frame; dentro del while lo que falla, en DivGO frame no actúa igual que Div, por lo que el while() acaba siendo un bucle sin retorno que hace que el navegador quede bloqueado y no se llega a dibujar nada en el canvas. Frame se puede poner fuera del bucle o dentro de loop, por el momento... Sigo buscado un modo optimo de conseguir emular el funcionamiento del frame de Div sin que caiga el rendimiento en picado.

Aquí una pequeña modificación en tu código para que funcione, cambiando los 2 while por un único loop:
Código: [Seleccionar]
Program a;
Private
   gravedad;
    x_inc;
Begin
   set_mode(800,600);
    graph=write_in_map(0,"DIV LO PETA",4);
    x=400;
    loop
        if(key(_left)) x_inc-=3; elseif(key(_right)) x_inc+=3; end
        if(key(_up) and gravedad>=0) gravedad=-30; end
        y+=gravedad;
        x+=x_inc;
        if(y<500) gravedad++; else gravedad=-gravedad/2; y=500; end
        if(x_inc>0) x_inc--; elseif(x_inc<0) x_inc++; end
        if((x>750 and x_inc>0) or (x<50 and x_inc<0)) x_inc=-x_inc; end
        if(rand(0,10)==0) huele(); end
       angle-=x_inc*600;
       frame;
    end
End


Process huele();
Private
   x_objetivo;
    x_inc;
    paso = 0;
Begin
   x_objetivo=rand(100,600);
    y=rand(0,600);
   graph=write_in_map(0,"lo peta mogollón",4);
   x=900;
    size=rand(100,150);
     
    loop
   
    if (paso == 0)
        x+=((x_objetivo-x)/5); if (x>x_objetivo) paso = 1; end               
       else
        x_inc++; x-=x_inc; if (x>-100) paso = 0; end
    end
       frame;
    end
End

Y ahora un ejemplo que incluirá la versión 0.26, con algunas de las nuevas funciones que acompañara esta versión. :)
Código: [Seleccionar]
program ejemplo_video;
global
    media, id_peli, punto_pausado, en_reproduccion;
   
begin
    set_mode(m320x240);
    screen_color(#000);

    set_fps(30, 0);
   
    set_title("Div GO : Ejemplo de Manejo de Videos");

    media = load_video("videos/trailer.mp4", 0);
   
    video(media, 255, 0);
    id_peli = video(media, 255, 0);

    //move_video(id, flags, angle, alpha, x, y, ancho, alto)
    move_video(id_peli, 1, 180000, 20, 0, 300, 320, 120);

    text_size  = 50;
    text_color = #fff;
    write(0, 160, 220, 4, "Pulsa Espacio para Pausar y Enter para Continuar");
   
    text_color = #000;
    write_int(0, 5, 5, 0, offset en_reproduccion);
           
    loop
        en_reproduccion = is_playing_video(media); //funciona igual que is_playing_sound()
       
        if (key(_space)) punto_pausado = pause_video(media); end
        if (key(_enter)) continue_video(media, punto_pausado); end
        if (key(_esc)) stop_video(media); end

        frame;
    end
end

En breve pondré las novedades de la 0.26, que hay de muy interesantes. :)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Mayo 23, 2013, 10:41:18 pm
Lista de novedades para la versión 0.26 de DivGO, lo que ya tengo listo:
  - load_ttf(); load_oft(); load_woff(); //carga de fuentes
  - load_video(); video(); move_video(); change_video(); pause_video(); continue_video(); stop_video(); is_playing_video(); y variable: all_sound; //reproducción y manejo de video
  - pause_sound(); continue_sound(); change_sound();
  - mejoras en el funcionamiento de las funciones de sound
  - arreglado varios bugs y mejoras varias en la lib de DivGO

Lo que me falta para completar esta versión:
  - los códigos de bloqueo de start_scroll, que a estas alturas (sobre todo por pereza) todavía no está disponible. :P

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: Drumpi en Mayo 27, 2013, 12:36:57 pm
Yo aun no me he enterado bien de cómo va esto ¿Se supone que es un compilador de código DIV para ejecutar los juegos a través de HTML5 o algo así? ¿Hasta qué punto será compatible, o se tiene pensado que sea, respecto al viejo DIV?
Título: Re:Div Games en Html5 y Canvas
Publicado por: Erkosone en Mayo 27, 2013, 01:25:38 pm
Es un entorno completo Drumpi, tiene editor de código, visor "muy verde" pero visor de fpg y compilador, todo online, tiene varios programas de ejemplo que puedes cargar y compilar/ejecutar online ya.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Junio 01, 2013, 07:09:31 pm
Ya disponible la versión 0.26. Por el momento solo online, se puede probar las funciones de video y sonido, y la carga de fuentes ttf y otf con los nuevos ejemplos.  :)

En breve subo la descarga.

Un saludo.

Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Junio 02, 2013, 03:26:53 pm
Ya está para descargar.  :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: Erkosone en Julio 09, 2013, 05:09:49 am
Hola gente, quería comentar que tengo un IDE para trabajar en local ya montado para DivGO.


Caracteristicas:
- 100% portable.
- Sin dependencias externas [incluye servidor web+php].
- Sin instalación.
- Basado en Notepad++.
- Scripts:
- + F6 -> Compilar y Ejecutar.
- + F7 -> Run xampp [first time].
- + CONTROL+F1 -> Despliega una ventana con la documentación de la palabra donde se encuentra el cursor de texto.


Lo tengo ya funcionando, si alguien está interesado en el solo tiene que pedirmelo y se lo paso.
Creo que es bastante cómodo jeje.. simplemente para usarlo se hace esto:


1 - Abrir el Notepad++
2 - F7 para lanzar el servidor xampp "ya configurado y portable sin dependencias".
3 - Disfrutar programando  ;D
Título: Re:Div Games en Html5 y Canvas
Publicado por: emov2k4 en Julio 10, 2013, 08:37:02 pm
Yo estoy interesado, te envie un mensaje !! no me has contestado !
Título: Re:Div Games en Html5 y Canvas
Publicado por: Erkosone en Julio 11, 2013, 04:07:57 am
Buenas!
Pues no tengo ese mensaje, que raro, estás seguro que lo enviaste?
Te subo el IDE a mi dropbox y en cuanto esté cuelgo el link para el que lo quiera probar.
Título: Re:Div Games en Html5 y Canvas
Publicado por: Erkosone en Julio 11, 2013, 04:51:54 am
Link al entorno de desarrollo para DivGO  ;)
DESCARGA: https://dl.dropboxusercontent.com/u/65979707/Dev-DivGO.zip (https://dl.dropboxusercontent.com/u/65979707/Dev-DivGO.zip)


Dentro del Zip hay un archivo LEEME.TXT, leedlo para estar al tanto de como usar esto, aunque básicamente es lo mismo que el notepad++ para bennuGD con algún añadido mas, por ejemplo el tema de los scripts ha sido un poco complejo ya que hay que hacer algunas cosas mas que hemos estado ajustando entre Amaka y yo para llegar a un acuerdo sobre como compilar en local desde el IDE sin que toque demasiado los guebos XD.. finalmente llegamos a un sistema sencillo que parte del trabajo la hace el notepad++ y parte el compilador.php y así se logra compilar de forma transparente para el programador que se limitará simplemente a pulsar F6 y ver el resultado en su navegador.


A disfrutarlo.


NOTA: Para los mas curiosos, veréis que hay además de un script llamado correr.bat, un exe que ayuda a la compilación programado en otro lenguaje, incluso el nombre del lenguaje para el resaltado de sintaxis lleva el nombre de otro software, no quería ponerme a editar todo eso por que tiene un rato de curro.. si a alguien no le gusta verlo que le cambie el nombre ;) , lo digo ya antes de que alguien lo vea y comente.
Título: Re:Div Games en Html5 y Canvas
Publicado por: panreyes en Julio 12, 2013, 09:04:39 am
Lo que le hace falta a DivGO es un entorno de desarrollo online :)


Si esto sirve, podríamos mirar de hacerlo online
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Julio 15, 2013, 10:24:11 pm
Bien, pues ahora ya doy por finalizada la versión 0.28.

Mañana si todo va bien lo subo online y para descarga. Ahora solo me falta actualizar la documentación y listo.  :)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: panreyes en Julio 15, 2013, 10:53:40 pm
¿Has mejorado el problema aquél que provoqué poniendo dos bucles en un mismo proceso?
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Julio 16, 2013, 09:48:27 pm
Ya disponible la v0.28 (por el momento solo online), las novedades:

funciones:
  - near_angle(), constraint(), sizeof()
  - find_local_storage(), load_local_storage(), save_local_storage(), delete_local_storage(); //guarda datos en local
   - find_session(), load_session(), save_session(), delete_session(); //guarda datos de sesion
variables:
   - timer[9], num_process, s_kill_tree, s_sleep_tree, s_freeze_tree, s_wakeup_tree
bucle: ya disponible repeat ... until()
bugs y mejoras:
   - ahora el codigo escrito en el editor hace autoguardado usando localStorage
   - arreglado problema con declaracion de variables locales
   - arreglado problema con la detencion de errores en el compilador
   - solucionado problema con espacios si hay una funcion dentro de otra, ej: new_map( , , , rgb(255, 128, 0) );
   - arreglado problema con separacion de funcion a operador aritmetico, ej: rand(0,360)*1000; //ahora funciona
   - ya disponible el operador logico xor
   - solucionado problema con fade(r, g, b, velocidad); y añadida velocidad a fade_on(velocidad); fade_off(velocidad);
   - ahora compilador.php, carga archivo prg externo local, para futuros ide (actualmente disponible Notepad++ de Erkosone);

También he actualizado el ejemplo de procesos: http://www.divgo.net/index.php?ejemplo=7 (http://www.divgo.net/index.php?ejemplo=7)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Julio 17, 2013, 08:48:52 pm
Ya está la versión 0.28 disponible para descargar.  :)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: emov2k4 en Julio 18, 2013, 07:04:01 pm
Gracias por el IDE Erkosone , una consulta el ejemplo de video funciona ?? a mi no !
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Julio 18, 2013, 08:00:46 pm
Gracias por el IDE Erkosone , una consulta el ejemplo de video funciona ?? a mi no !

Hola emov2k4,

El ejemplo de video funciona bien, puede que te falle por compatibilidad con el formato. Cada navegador soporta mejor uno u otro formato, yo he probado con Firefox, Chrome y IE10 y funciona bien. Que navegador utilizas?

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: emov2k4 en Julio 19, 2013, 03:22:49 pm
Que raro, tengo Firefox ultima versión y no me funciona.

PD: el IDE de notepad++ nome funciona, al corren xampp este se cierra por un error.

**********************
Configure el IDE con el EASYPHP y me funciona bien, pero no es portable
Título: Re:Div Games en Html5 y Canvas
Publicado por: Erkosone en Julio 20, 2013, 03:20:00 am
Hola emov2K4, el error quizá sea por que el servidor está configurado para mi equipo, es raro pero puede pasar, solo tienes que entrar en la carpeta del xampp y lanzar el ejecutable que trae para configurarlo, no recuerdo exactamente pero hay un archivo de texto donde explica que ejecutable es, es muy simple de hacer ;)
Título: Re:Div Games en Html5 y Canvas
Publicado por: emov2k4 en Julio 30, 2013, 08:48:34 pm
estuve haciendo pruebas y entendiendo mejor como funciona divgo, se que existe "storage" para guardar datos en local, pero quise implementar un json y me funciono super bien, ahora guardo el puntaje en base de datos con php y mysql .
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Agosto 02, 2013, 07:30:34 pm
Hola emov2k4,


Las storage son fáciles de usar:
Código: [Seleccionar]

        if (key(_enter)) save_local_storage(&guardar); end
        if (key(_space) and find_local_storage(&guardar)) load_local_storage(&guardar); end
        if (key(_esc) and find_local_storage(&guardar)) delete_local_storage(&guardar); end


Pero estas solo guardan los datos en el navegador, para guardar la información en una base de datos desde un servidor online es como lo has hecho tu.


Estuve mirando de que forma implementar funciones de guardado de datos a una base de datos sin necesidad de salir del código de DivGO, pero necesitas crear un archivo externo en php y crear las consultas a mysql desde ahí. Funcionan pero no queda integrado a DivGO. :P


Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: emov2k4 en Agosto 02, 2013, 08:42:25 pm
se me ocurre como hacerlo.... como lo explico,

Hace un json con una sola variable de envio, y en div una función divjson(variable,linkphp).
entonces si queremos enviar varios datos solo basta con unir cadena y separarlo despues... ejemplo

datos="nombre-vidas-tiempo-otro-otro";

divjson(datos,"http://www.mipagina.com/datos.php")

y nosotros nos preocupamos de generar el php y separamos la cadena "datos" con un split.

Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Agosto 11, 2013, 02:44:56 pm
Pues ya tengo 2 funciones para exportar datos e importarlos al juego:
Código: [Seleccionar]
save_external_data("ejemplo.php", &datos); //para exportar los datos a php
datos = load_external_data("ejemplo.php"); //para importar los datos a Div GO


Mirare de incluir un ejemplo (ejemplo.php) para las consultas a mysql.

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: emov2k4 en Agosto 12, 2013, 05:15:35 pm
Excelente, muchas gracias !
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 05, 2013, 02:55:44 pm
En breve versión 0.30 de Div GO y las novedades:

funciones nuevas:
 - xdraw(); move_xdraw(); delete_xdraw(); rgba(); load_image();
 - load_external_data(); save_external_data(); //ahora se puede enviar y recoger datos desde archivos externos

variable nueva:
 - all_xdrawing

función que cambia:
 - load_image() vale para cargar todos los formatos web: png, jpg, bmp, svg, gif. Por lo que se elimina las funciones: load_png(); load_jpg(); ...

mejoras y bugs solucionados:
 - solucionado problema con el dibujado de draw() cuando habia un scroll de fondo, hacía de mascara
 - arreglado problema con la carga de imágenes (.jpg .gif .svg .bmp)
 - ya se pueden llamar funciones desde funciones sin límites.
 - solucionado pequeño problema con scroll.camera y ctype;
 - mejorada la declaración de tablas, ahora se pueden declarar de la forma que se podía en Div y entremezclar strings en las mismas, ej: mi_tabla[10]; o mi_tabla[] = 1, 'Jose', 2, 'Amaka', 3, '...'; o mi_tabla[10] = 12, 20, 30;
 - realizado grandes cambios internos a div go, ahora se consigue mucha velocidad con procesos en ejecución... un 200% o 300% mas rápido.

Con esta versión estoy tardando un poco, he tenido que testear más de lo que pensaba.  :P

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 09, 2013, 10:59:40 pm
Ya se puede probar online la versión 0.30, en breve lo pondre para descargar.  :)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 11, 2013, 05:06:35 pm
Ya disponible para descargar la versión 0.30.

En la carpeta de ejemplos se incluyen algunos ejemplos más (ejemplo de uso de save_external_data o constraint) que no están en la opción desplegable de ejemplos, hay que cargarlo desde el botón examinar.

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Octubre 09, 2013, 07:27:50 am
Dándole los últimos repasos a la versión 0.32 de DivGO, lo nuevo que incluirá:

funciones:
- screen_smooth(); set_icon();
- texture_in_map();
- set_center(); set_point(); get_point(); get_real_point();

sección loading:
- ahora se puede iniciar el juego con un cargador personalizable, se debe poner dentro de program, antes de begin

variables sección loading:
- screen_paint; graph; x; y; size; angle; text; text_position; text_size; text_color; speed;

struct:
- ya se pueden declarar estructuras, pero todavía no acepta una lista de variables después del cierre END

mejoras y bugs solucionados:
- ahora funciona write_int con variables private y local
- arreglado problema con define_region y out_region cuando se pasa el juego a pantalla completa
- mode7 mas rápido y optimo

Y eso es todo por el momento.  8)

Un saludo
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Octubre 15, 2013, 07:03:43 am
Div GO 0.32 ya online, he añadido para esta versión el juego Super Paf! de ejemplo, adaptado con algunas de las nuevas funciones. Sorprendentemente Super Paf! funciono casi sin cambios de la versión Div.  :)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: l1nk3rn3l en Octubre 15, 2013, 04:50:21 pm
CORDIAL SALUDO,

BUENO EXCELENTE HERRAMIENTA PASANOS O COMPARTE LA VERSION 0.32 Y PUBLICAREMOS UN ENTORNO
PARA HTML5 ..  QUE YA TENEMOS COCINADO.. CON ALGUNOS EJEMPLOS PARA EMPEZAR

TODO EN MENOS DE 10MB CON WEBSERVER INCLUIDO..


EXCELENTE TRABAJO QUE TE HAS HECHO..


DIVGO LE HARA COMPETENCIA A CONSTRUCT 2 QUE ESTA QUE ARDE...  Y LLEVA LA DELANTERA
EN HTML5

OBVIAMENTE RESPETAREMOS TU COPYRIGHT EN EL INSTALADOR...



PREGUNTA PARA HACER UUN SISTEMA DE PLUGINS ESTILO CONSTRUCT 2,
PARA ECHARTE UNA MANO ..  COMO ADICIONAMOS FUNCIONES NUEVAS
AL MOTOR??? 
Título: Re:Div Games en Html5 y Canvas
Publicado por: emov2k4 en Octubre 15, 2013, 08:36:23 pm
lo del loading me parece genial !!!  ;D

consulta, alguna posibilidad de incluir que el codigo solo funcione en un servidor especifico, digo para que no se roben el juego xD
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Octubre 15, 2013, 10:37:35 pm
Hola l1nk3rn3l,

Me alegra leer eso, en breve saco la versión 0.32 para descargar, la estoy testeando todavía. Cuando la subo online puedo probar como funciona en los dispositivos móviles.

Cree un sistema en el compilador que lee los prg sin necesidad de pasar por formulario, para que funcionara en el Notepad++ de Erkosone. Desde el entorno solo deberías de crear un archivo con el nombre appRoute.tmp en el mismo directorio donde esta compilador.php. En el appRoute.tmp tiene que estará la ruta del prg que desees compilar sin necesidad de pasar por el formulario, luego se elimina automáticamente appRoute.tmp. Puede que esto te de mas facilidad a la hora de hacer el entorno. :)

No he probado Construct 2, asi que no sé cómo funciona su sistema de plugins. Pero es muy fácil añadirle funciones nuevas a DivGO, solo debes añadir un js con las funciones nuevas que desees después del DivGOv032-min.js, en el proyector.php o el index.php.

proyector.php:
<script type="text/javascript" src="scripts/divGOv032-min.js"></script>
<script type="text/javascript" src="scripts/mis_funciones.js"></script> <!-- en este js todas las funciones nuevas, pero siempre despues de divGOv0XX-min.js -->

Luego al que debes de convencer de que hay funciones nuevas es al compilador.php, y es solo añadir tus funciones a la lista que hay.
compilador.php:
     ...
     array('new_map', 5),
     array('texture_in_map', 8),
                           
     array('write', 5),
     array('write_in_map', 3),
     array('write_int', 5),
                           
     array('get_pixel', 2, 3),
     array('map_get_pixel', 4, 5),
     array('move_text', 3),
     
     ... puedes añadir mas funciones: array('nombre_de_mi_funcion', 2, 5), //el primer valor del array es el nombre de la función, el segundo es el numero de argumentos obligatorios, el tercero es el numero de argumentos opcionales

No se si me he explicado bien. :P

lo del loading me parece genial !!!  ;D

consulta, alguna posibilidad de incluir que el codigo solo funcione en un servidor especifico, digo para que no se roben el juego xD

Con incluir la ruta completa en la carga de archivos (imagen, sonido, fuentes) ya no podrían mover tu juego de tu servidor... por ejemplo:
fichero = load_fpg("http://www.midominio.com/graficos/prota"); //ahora tu juego funciona en el servidor www.midominio.com

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Octubre 16, 2013, 07:07:37 pm
Ya disponible la versión 0.32 para descargar.  ;)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: l1nk3rn3l en Octubre 17, 2013, 03:01:40 am
estamos cocinando y ya entendimos el sistema de compilacion usando una ruta  en temporal..
  pero hay preguntas


1. como hacemos para distribuir el motor para crear una funcion exportar a html5 desde el IDE
(me explico..  que archivos debo incluir para correrlo en un dispositivo que soporte html5 y no necesariamente php)  solo .html y .js    para correrlo en dispositivos mobiles


digamos un directorio dentro del proyecto que solo tenga
index.html   y  motor.js   

que luego desde el IDE solo sea adicionar el PRG y los graficos,sonidos e incluirlos en una distribucion...
en el caso de exportar proyecto..



porque la idea de crear un IDE es que un novato pueda usarlo..



Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Octubre 17, 2013, 10:58:19 pm
Hola l1nk3rn3l,

Pues son solo dos los archivos necesarios:
DivGOv032-min.js y el index.html que genera proyector.php (adjunto la versión del proyector.php que genera el index.html dentro de la misma carpeta)
Luego las imágenes, sonidos y fuentes que se vayan a usar en el juego.

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: l1nk3rn3l en Octubre 18, 2013, 06:00:07 am

ok revisaremos el adjunto


aqui tenemos un demo del sistema de divgo con instalador en solo 10mb




http://www.mediafire.com/download/vq3oe3dzegcn220/setup.zip (http://www.mediafire.com/download/vq3oe3dzegcn220/setup.zip)




desactivar el bloqueador de poppups(ventanas emergentes) en el navegador
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Octubre 18, 2013, 11:05:40 am
Esta muy bien, la verdad!

Esto se lo pone aun mas fácil a los que quieran hacer sus juegos web con DivGO. :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: l1nk3rn3l en Octubre 18, 2013, 02:38:33 pm
NOS FALTO COMENTAR QUE EL DEMO INCLUYE COSAS OCULTAS

- EL SERVIDOR WEB SE CARGA CUANDO ABRES EL NOTEPAD
- EL SERVIDOR WEB SE CIERRA CUANDO CIERRAS EL NOTEPAD

- SE VINCULA LOS PRG CON DIVGO
- SE CREAN ACCESOS DIRECTOS EN EL MENU INICIO
- SE PUEDE CORRER CON DIFERENTES NAVEGADORES DESDE EL MENU RUN





EN EL PROXIMO DEMO SE INCLUIRIA :

- TOCARIA ANEXAR LA DOCUMENTACION DE LAS FUNCIONES EN TXT PARA EL PROXIMO DEMO(NO TENEMOS ESO NI QUE PARAMETROS USA )
- UN SISTEMA DE EXPORTACION DE PROYECTO USANDO EL INDEX.HTML Y ETC
   A DIFERENTES OS COMO FIREFOXOS Y TIZEN QUE SON LOS QUE MAS PEGAN EN ESTE MOMENTO
   EN HTML5
- ALGUNOS EJEMPLOS NUEVOS


Título: Re:Div Games en Html5 y Canvas
Publicado por: oska en Octubre 21, 2013, 09:13:34 pm
Mil gracias por el setup;me encanta la idea de ejecutar mis juegos en un navegador.Que siga evolucionando este proyecto,pues promete.
Título: Re:Div Games en Html5 y Canvas
Publicado por: emov2k4 en Octubre 23, 2013, 03:49:48 pm
Estimado, tengo problemas con el scroll del navegador... las flechas lo mueven..., alguna solución ?? tengo firefox


PD: alguien que se anime a implementar box2dweb http://buildnewgames.com/box2dweb/
Título: Re:Div Games en Html5 y Canvas
Publicado por: l1nk3rn3l en Octubre 24, 2013, 04:16:40 am
Estimado, tengo problemas con el scroll del navegador... las flechas lo mueven..., alguna solución ?? tengo firefox


PD: alguien que se anime a implementar box2dweb http://buildnewgames.com/box2dweb/ (http://buildnewgames.com/box2dweb/)

Eso seria buena idea .. pero quien se animara  :P



bueno otra demo salida del horno
http://www.mediafire.com/download/vq3oe3dzegcn220/setup.zip


+ muchas mejoras ,
+ soporte de aplicaciones TIZEN , al exportar ya es compatible con dispositivos TIZEN
+ exportar juegos html5
+ nuevo ejemplo touch
+ y muchas cosas raras nuevas.. q deben mirar

Título: Re:Div Games en Html5 y Canvas
Publicado por: emov2k4 en Octubre 24, 2013, 01:26:17 pm
Ayer implemente una función obtener el nombre del jugador, no es mas que la funcion prompt de javascripts, asi evito usar el scan_code y facilito las cosas, funciona bien, el cuadro que pide el nombre se sobrepone a al juego y este se pausa automaticamente (funcion por defecto de divgo) , estuve haciendo pruebas y pude mostrar en nombre en pantalla del juego con write_int, pero encontré un pequeño detalle que hace que no sea 100% perfecto, si estas apretando alguna tecla al momento de mostrar el mensaje esa tecla queda por defecto marcada, me explico... si apreto la tecla izquierda para que mi personaje se mueva y aparece el mensaje que pide el nombre la tecla izquierda queda marcada y después de aceptar el nombre la nave se mueve sola a la izquierda... pueden probar el ejemplo en el siguiente link

http://www.planweb.cl/nave/

se dispara con Z y se mueve con las flechas, al comenzar el juego pide el nombre y al matar una nave lo vuelve a mostrar para que vean que la tecla queda marcada.


Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Octubre 25, 2013, 08:37:23 am
Ayer implemente una función obtener el nombre del jugador, no es mas que la funcion prompt de javascripts, asi evito usar el scan_code y facilito las cosas, funciona bien, el cuadro que pide el nombre se sobrepone a al juego y este se pausa automaticamente (funcion por defecto de divgo) , estuve haciendo pruebas y pude mostrar en nombre en pantalla del juego con write_int, pero encontré un pequeño detalle que hace que no sea 100% perfecto, si estas apretando alguna tecla al momento de mostrar el mensaje esa tecla queda por defecto marcada, me explico... si apreto la tecla izquierda para que mi personaje se mueva y aparece el mensaje que pide el nombre la tecla izquierda queda marcada y después de aceptar el nombre la nave se mueve sola a la izquierda... pueden probar el ejemplo en el siguiente link

http://www.planweb.cl/nave/ (http://www.planweb.cl/nave/)

se dispara con Z y se mueve con las flechas, al comenzar el juego pide el nombre y al matar una nave lo vuelve a mostrar para que vean que la tecla queda marcada.


No se puede probar, no funciona el enlace.

Lo del scroll del navegador se debería de solucionar pulsado la pantalla del juego.
También me estuve mirando box2d y chipmunk para implementarlo en un futuro.
http://lib.ivank.net/?p=demos&d=box2D (http://lib.ivank.net/?p=demos&d=box2D)
http://dl.dropboxusercontent.com/u/2494815/demo/Joints.html (http://dl.dropboxusercontent.com/u/2494815/demo/Joints.html)


Eso seria buena idea .. pero quien se animara  :P


bueno otra demo salida del horno
http://www.mediafire.com/download/vq3oe3dzegcn220/setup.zip (http://www.mediafire.com/download/vq3oe3dzegcn220/setup.zip)


+ muchas mejoras ,
+ soporte de aplicaciones TIZEN , al exportar ya es compatible con dispositivos TIZEN
+ exportar juegos html5
+ nuevo ejemplo touch
+ y muchas cosas raras nuevas.. q deben mirar


Gran trabajo! Mirare de hacer que el compilador genere un archivo con los recursos que se van a utilizar en el juego (gráficos, sonidos, videos, fuentes), así cuando exportes el juego estará limpio, solo archivos del juego sin las carpetas por defecto.

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: emov2k4 en Octubre 25, 2013, 12:59:56 pm
Disculpa AmakaSt , tenia mi servidor con bloqueo internacional, ahora debería funcionar.

http://www.planweb.cl/nave/ (http://www.planweb.cl/nave/)


"Lo del scroll del navegador se debería de solucionar pulsado la pantalla del juego. "  - No funciona !

Saludos
Título: Re:Div Games en Html5 y Canvas
Publicado por: l1nk3rn3l en Octubre 25, 2013, 02:45:59 pm
lo de la nave puede deberse a un eco .. desde la entrada de texto..
lo mejor seria evitar usar la entrada de texto dentro de un loop
y hacerlo cuando el jugador termine el juego o destruyan la nave..

limpiar el buffer del teclado en javascript es mas dificil que en pc..
ya que tocaria crear una funcion que capture las teclas y entraria en conflicto
con la de divgo ..

o no se si bastaria despues del prompt ..  esto
window.event.cancelBubble = truepero en javascript creo funciona mejor
e.stopPropagation()



o dejar el juego  como esta pero el prompt fuera de un loop y no cambiar nada  :P



Estimado, tengo problemas con el scroll del navegador... las flechas lo mueven..., alguna solución ?? tengo firefox


PD: alguien que se anime a implementar box2dweb http://buildnewgames.com/box2dweb/ (http://buildnewgames.com/box2dweb/)


mientras sale la proxima demo adiciona  este texto al siguiente archivo..

C:\DivGo\mini_server_6\udrive\www\scripts\tizen.js



remplaza el contenido por el siguiente...






//captura la tecla back de TIZEN
document.addEventListener('tizenhwkey', function(e) {

if (e.keyName === 'back') {     
  tizen.application.getCurrentApplication().exit();
 }

});



//bloquea el scroll si corre en navegador web
window.onscroll = function () { window.scrollTo(0, 0); };

Título: Re:Div Games en Html5 y Canvas
Publicado por: l1nk3rn3l en Octubre 28, 2013, 01:19:16 am


Gran trabajo! Mirare de hacer que el compilador genere un archivo con los recursos que se van a utilizar en el juego (gráficos, sonidos, videos, fuentes), así cuando exportes el juego estará limpio, solo archivos del juego sin las carpetas por defecto.

Un saludo.


SI SERIA GENIAL QUE GENERARA UN RECURSOS.TXT
Y ADENTRO QUE TENGA EL LISTADO DE LO QUE USA EL JUEGO GENERADO EN INDEX.HTML

GRAFICOS\GRAFICO1.PNG
MUSICAS\MUSICA.OGG
GRAFICOS\GRAFICO2.JPG
FUENTES\FUENTE.TTF


Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Octubre 29, 2013, 08:50:49 am
SI SERIA GENIAL QUE GENERARA UN RECURSOS.TXT
Y ADENTRO QUE TENGA EL LISTADO DE LO QUE USA EL JUEGO GENERADO EN INDEX.HTML

GRAFICOS\GRAFICO1.PNG
MUSICAS\MUSICA.OGG
GRAFICOS\GRAFICO2.JPG
FUENTES\FUENTE.TTF

Esto ya lo tengo preparado para la próxima versión de DivGO, automáticamente el compilador genera un archivo appFiles.tmp, con todos los archivos que va a cargar el juego incluyendo DivGOvXXX-min.js e index.html.

Disculpa AmakaSt , tenia mi servidor con bloqueo internacional, ahora debería funcionar.

http://www.planweb.cl/nave/ (http://www.planweb.cl/nave/)


"Lo del scroll del navegador se debería de solucionar pulsado la pantalla del juego. "  - No funciona !

Saludos

Lo del teclado estoy mirando de solucionarlo, he solucionado algo similar que sucedía con el mouse y el touch si sales de la pantalla del juego mientras sigues pulsando.

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Noviembre 17, 2013, 01:19:53 pm
Div GO 0.34 ya online para realizar pruebas y testeo, las novedades:

funciones:
  - subtract_text(); subtract_draw(); subtract_xdraw();
  - path_free(); path_line();
variables:
  - loading.text_x; loading.text_y;
cambios: load_ttf(), load_otf(), load_woff() por load_font();
bugs y mejoras:
  - generador/empaquetador de proyectos
  - salida de archivos para adaptar div go a distintos ide externos
  - loading ahora carga también sonidos, videos y fuentes
  - ahora se pueden declarar arrays de dos dimensiones. ej: mi_variable[10, 5]
  - mejoras en el compilador para detectar nuevos errores de código

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: l1nk3rn3l en Noviembre 20, 2013, 07:38:09 pm
no hay descarga de la 0.34 ?
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Noviembre 20, 2013, 11:45:53 pm
no hay descarga de la 0.34 ?

Perdon por el retraso, normalmente lo subo antes online para poder testear desde el servidor y no solo en local.

Ya está disponible para descargar la 0.34.  :)

En esta versión el compilador crea un archivo de salida (appFiles.tmp) con los archivos que necesita el juego. :)

También he actualizado el ejemplo draw xdraw (añadiendo las funciones subtract_draw y subtract_text) y el de load_video.

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: panreyes en Noviembre 27, 2013, 03:02:39 pm
He probado este código:
Código: [Seleccionar]

Program test;
Begin
set_mode(640,480);
    loop
    if(key(_space)) pelota(rand(0,640)); end
    frame;
    end
End


Process pelota(x);
Private
x_inc;
    gravedad;
Begin
graph=2;
    x_inc=rand(2,8);
    if(rand(0,1)) x_inc=-x_inc; end
while(x>0 and x<640)
    x+=x_inc;
        if(y<460)
        gravedad++;
            y+=gravedad;
        else
        gravedad=-gravedad;
        end
    frame;
    end
End
Y no funciona muy fino... :\
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Diciembre 02, 2013, 12:14:29 pm
Hola PiXel,

DivGO actualmente funciona de forma distinta a Div, esta hecho así a causa del funcionamiento de frame, no conseguí hacer que funcionara de la misma forma y que fuera optimo (si conseguía que el funcionamiento fuera similar a Div pasaba de correr 600 procesos a 20 o menos y quería evitar esta caída de rendimiento).  :-[

Actualmente en DivGO los procesos tienen dos partes: lo de fuera de loop y lo de dentro de loop ... end. El proceso primero ejecuta y dibuja todo lo que hay fuera del loop (incluso si esta después de este) y luego lo de dentro admitiendo solo 2 frames para el pintado, el de fuera del bucle y el de dentro.

Si haces dentro del loop 2 frames actúa como 1 solo pero sumando el valor de los dos. Por eso que al añadir un frame dentro de while se está incrementando el valor de frame todo el rato por lo que se puede quedar colgado.

La estructura típica de un proceso en DivGO es:
Código: [Seleccionar]
process nombre_proceso();
private
      ...

begin
      ...
      ...
      frame(x); //x = 100 o 200 o 300...; este es el primer frame permitido antes de entrar en el bucle loop, otro incrementara el valor de x

      loop
            ...
            ...
            frame(x); //x = 100 o 200 o 300...; este es el segundo frame permitido, otro dentro del loop incrementara el valor x
      end
end

Para que tu código funcione bien en DivGO sería hacerlo mas o menos así:
Código: [Seleccionar]
Program test;
Begin
    set_mode(640,480);
    loop
        if(key(_space)) pelota(rand(0,640)); end
        frame;
    end
End


Process pelota(x);
Private
    x_inc;
    gravedad;
Begin
    graph=2;
    x_inc=rand(2,8);
    if(rand(0,1)) x_inc=-x_inc; end
    /*while(x>0 and x<640)
        x+=x_inc;
        if(y<460)
            gravedad++;
            y+=gravedad;
        else
            gravedad=-gravedad;
        end
        frame;
    end*/
    loop
        if (x>0 and x<640) x+=x_inc; end

        if(y<460)
            gravedad++;
            y+=gravedad;
        else
            gravedad=-gravedad;
        end

        frame;
    end
End

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Diciembre 15, 2013, 10:30:33 pm
Div GO 0.36 ya esta online para poder testear, las novedades:

include:
- ya se pueden incluir procesos desde archivos prg externos, debe ir dentro de program y antes de global, private, local o begin

bugs y mejoras:
- ahora los graficos con new_map(), write_in_map() y texture_in_map() soporta colisiones
- manejo de variables locales con la id del proceso, ahora funciona como en div: id_nombre = get_id(type proceso); id_nombre.x = x;
- solucionado problema de parpadeo grafico cuando dos procesos tenían la misma z, ahora se pinta por delante el ultimo proceso que ha sido llamado
- añadida comprobación de archivos desde el compilador, si no existe un archivo mostrara el mensaje de error: no se encontró archivo
- corregido bugs mínimos de la versión anterior
- vuelve a funcionar div go en navegadores móviles de ios: safari y chrome
- vuelve a funcionar div go en navegadores antiguos: ie9, opera 11+

Y por el momento esto es todo. :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Diciembre 17, 2013, 09:36:08 pm
Ya disponible la versión 0.36 para descargar.  :)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: MythomizeR en Diciembre 17, 2013, 10:30:41 pm
Gracias AmakaSt por el trabajo, que aunque BennuGD me chifla, tu proyecto es interesante también  :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: FreeYourMind en Diciembre 17, 2013, 10:42:50 pm
A este paso lo superara xDD
Felicidades, un gran saber hacer, aunque no lo haya probado ya que me resisto a actualizar el navegador xD
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Enero 23, 2014, 02:46:52 pm
En breve subiré la versión 0.38 de DivGO, las novedades:

variables:   
  - estructura local reserved
  - mouse.graph, mouse.file, mouse.angle, mouse.size, mouse.flags, mouse.alpha, mouse.region

funciones:
  - open_socket(), send_socket(), get_socket(), close_socket(); //estas funciones irán cambiando y estarán accesibles para testear

bugs y mejoras:
  - optimización de funciones: move_draw(); move_xdraw(); move_text();
  - mejorado el comportamiento del touch cuando se usa las variables de mouse
  - optimización del código para un mejor funcionamiento general
  - ahora los procesos pueden devolver un valor en vez de su id haciendo uso de la sentencia return
  - ahora el compilador comprueba el numero de parámetros que tiene un proceso y si es correcto en las llamadas
  - en esta versión se genera automáticamente un objeto para el mouse, usando las variables del struct mouse para cambiar sus propiedades
  - div go cambia de licencia, ahora pasa a ser licencia mit únicamente (para poder publicar en la appstore)

También estuve realizando pruebas con PhoneGap y funciona mejor de lo que pensaba. :)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Enero 25, 2014, 01:21:48 pm
Ya esta online la versión 0.38 para testear. :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: l1nk3rn3l en Enero 25, 2014, 03:08:36 pm
gracias ... 



Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Enero 26, 2014, 06:50:49 pm
De nada. ;)

DivGO 0.38 ya disponible para descargar.

Ejemplo de Div2 de uso de la sentencia RETURN (esto ya funciona en esta versión):
Código: [Seleccionar]
PROGRAM mi_juego;
BEGIN
    write_int(0, 200, 200, 4, &x);
    x=max(2, 3)+max(5, 4);
END
PROCESS max(a, b)
BEGIN
    IF (a>b)
        RETURN(a);
    ELSE
        RETURN(b);
    END
END

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: JaViS en Enero 27, 2014, 03:27:56 pm
Muy bueno!! gracias!
Título: Re:Div Games en Html5 y Canvas
Publicado por: emov2k4 en Enero 31, 2014, 04:55:49 am
Genial, yo trabajo con phonegap, voy a probar que tal !! Saludos
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Enero 31, 2014, 10:42:22 am
Colgué en Facebook unas capturas de DivGO corriendo con PhoneGap en XCode. https://www.facebook.com/DivGamesOnline/posts/576655925745035  :)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: JaViS en Enero 31, 2014, 03:27:29 pm
Genial!


voy a escribir una noticia de esto :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Febrero 28, 2014, 08:33:17 am
Versión 0.40 en breve, las novedades:

  - graphic_explorer(); screen_explorer(); region_explorer(); graphic_builder(); //funciones para manipular los gráficos
  - funcionamiento general de div go mas optimo, ahora corre mas procesos a la vez sin ralentizarse
  - solucionado problema con la sentencia switch cuando era creada dentro del bucle loop
  - Corregido el funcionamiento de la función screen_copy()
  - ahora se puede intercambiar y crear nuevos temas de entorno

He incluido un par de ejemplos nuevos que muestran el uso de las nuevas funciones, ahora se podrá hacer cualquier efecto grafico que se quiera y aplicarlo al graph de un proceso: cambios de color, distorsiones,  efecto blur, pixelizacion, etc...  :)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Febrero 28, 2014, 08:11:55 pm
Div GO versión 0.40 ya online para realizar pruebas. En la lista de ejemplos está incluido Ejemplo graphic...() para probar lo de la manipulación de gráficos.

Y aquí otro de los ejemplos que he incluido en la carpeta de ejemplos:
Código: [Seleccionar]
program ejemplo_region_explorer;
begin
    set_title("Div GO : Ejemplo region_explorer");
   
    /* pruebas con opciones de pantalla */
    set_mode(m480x240);
    screen_color(#26b);

    set_fps(60, 0);

    // definimos las regiones donde mostrar los graficos
    define_region(1, 0, 0, 480, 120);

    // inicia scroll
    start_scroll(0, 0, 1, 2, 1, 0);
       
    flecha(3, 240, 60, 0);
    pantalla(240, 180);
end

process flecha(graph, x, y, angle);
begin
    size = 100;
    region = 1;
    scroll.camera = id;

    loop
        if (key(_up))
            y -= 2;
            angle = 90000;
        end
       
        if (key(_down))
            y += 2;
            angle = -90000;
        end
       
        if (key(_left))
            x -= 2;
            angle = 180000;
        end
       
        if (key(_right))
            x += 2;
            angle = 0;
        end
   
        frame;
    end
end

process pantalla(x, y);
private
    array, i;
   
begin
    size   = 100;
    region = 0;
   
    loop
        array = region_explorer(1);
       
        for (i = 0; i < sizeof(array.data); i += 4)
            array.data[i]     = 0; //r
            array.data[i+2]    = 255; //b
        end
       
        graph = graphic_builder(array);


        frame;
    end
end

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Marzo 04, 2014, 10:50:27 pm
Ya disponible la versión 0.40 para descargar.

P.D: He corregido el ejemplo que habia puesto en el anterior post. :P
Título: Re:Div Games en Html5 y Canvas
Publicado por: La momia que fuma en Abril 06, 2014, 07:01:37 pm
Bueno...


A ver si podéis ayudar a este pobre gañanazo, porque no me entero de nada xD


Estoy intentando trastear con DivGo en local, pero estoy perdidisimo!


A ver si me consigo explicar, porque no es fácil xD


Primero he probado haciendo lo que viene en el readme de la descarga de DivGo...me he instalado el Wamp (que desconozco totalmente y no se usar xD), y en el directorio www del programa he metido lo del zip de DivGo...primero por si acaso he probado a meterlo en una carpeta.


Entro en localhost y me sale la carpeta de DivGo en "Your Projects", pero si entro me salta error (Internal server error, etc)


"Será que lo he copiado mal" pienso...asi que meto lo de DivGo a saco (sin estar en una carpeta) en la carpeta www de Wamp (guardando aparte el index.php que traía y que tengo que sobreescribir con el de DivGo, por si tengo que echar marcha atras...SPOILER: Tuve que echar marcha atras xD)


Haciendolo así me da el fallo directamente al entrar en localhost :(




Entonces ya probé (con un simple ejemplo "hola mundo") con las utilidades de l1nk3rn3l y Emov EDIT: Erkosone (Que me he liado...le he preguntado hoy a Emov y logicamente no tenía ni idea de que "utilidad" le hablaba jajaja)




Con la de l1nk3rn3l...le doy a cualquiera de las opciones de Run en el navegador que sea y me sale el compilador de DivGo....con el ejemplo de DivGo por defecto...


En cambio, si exporto a HTML5...me exporta el Super Paf :/


Que estoy haciendo mal? Quiza no estoy guardando el código donde debería?


Con el de Erkosone y el Xampp que trae llego a hacer funcionar mi programa...pero hecho de menos las opciones extra del anterior de elegir navegador (aqui lo corre en Firefox, no se donde se cambia) y no tengo ni idea de como se exporta el proyecto...




Help!


Gracias, compañeros




EDITADO: Creo que ya he conseguido arrancar...en lugar de wamp estoy usando easyphp y ya va mejor la cosa...mas que nada, es que nunca he andado con servidores virtuales y no tenia mucha idea de lo que estaba haciendo xDDDD (Mil gracias a Emov por su ayuda!)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Mayo 02, 2014, 04:30:15 pm
Versión 0.42 ya disponible para testear online, las novedades:

  variable:
   - max_int, min_int, view_full_amplitude; //nueva variable de ampliación para set_mode()
funciones:
   - sort(array, modo); //ordenar array
   - btoa(); otoa(); htoa(); //convierte cadena en binario, octal y hexadecimal
bugs y mejoras:
   - [ADD] realizado cambios en el sistema de carga grafica, por lo que div go ahora es mas optimo
   - [FIX] ahora funciona bien los juegos en google chrome para móvil
   - [ADD] colisión con mouse, ej: if (collision(type mouse))
   - [FIX] corregido problema con las variables locales
   - [FIX] ahora no genera error el compilador el añadir variables locales o privadas después del bloque loading
   - [FIX] corregido problema con el valor inicial de la variable size
   - [FIX] solucionado problema en la construcción de structs
   - [FIX] solucionado varios bugs menores del compilador


Gracias a La momia que fuma por los reportes. ;)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Mayo 04, 2014, 09:34:31 am
DivGO 0.42 disponible para descargar.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Mayo 10, 2014, 02:54:04 pm
DivGO 0.42r2 disponible para descarga, versión que soluciona errores.
Título: Re:Div Games en Html5 y Canvas
Publicado por: emov2k4 en Mayo 12, 2014, 02:06:27 am
ohhhh genial ! gracias
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Mayo 13, 2014, 09:52:42 pm
Nueva revisión de la 0.42 disponible para descargar. En las otras estaba de broma y esta ya es la buena. ;)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Junio 09, 2014, 09:53:58 pm
En los próximos días subiré la versión 0.44, esta versión de Div GO contara con muchas novedades:

variables:
  - cnumber, c_0, c_1, ..., c_9;
  - all_process;
  - restore_type, no_restore, partial_restore, complete_restore;
  - struct joy, struct pad;
  - b_joy_connect, b_pad_connect, b_name_joy, b_name_pad; //pad y joy devuelven la misma información

struct joy:
  - left, right, up, down, button1, button2, button3, button4

struct pad:
  - left, right, up, down, button0, button1, ..., button9, stick1.left, stick1.right, stick1.up,
  - stick1.down, stick1.button, stick2.left, ..., stick2.button;

funciones:
  - ya se pueden crear bloques function
  - unload_image(), unload_fpg(), unload_font(), unload_sound(), unload_video();

bugs y mejoras:
  - [ADD] cambios en scroll para controlar la camara en distintas ventanas de scrolls asociadas a procesos
  - [ADD] cambios en la funcion signal para que acepte la variable all_process
  - [ADD] ahora el compilador crea un archivo asociado a cada fpg, con esto las carga de fpg es mucho mas rápida
  - [ADD] get_browser() ahora devuelve el nombre del navegador utilizado y la información del gamepad
  - [FIX] solucionado problemas y mejorada la reproducción de audio/video
  - [FIX] si un proceso o una función tiene el valor de un grafico no existente no se dibuja el grafico
  - [FIX] ahora break dentro del loop finaliza el bucle al instante

Y por el momento esto es lo que habra.  8)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Junio 10, 2014, 07:54:51 pm
Disponible online Div GO 0.44, he actualizado algunos ejemplos: ejemplo scroll y ejemplo de procesos que incluye las variables del gamepad (esta variable solo funciona en los navegadores Google Chrome, Firefox y Opera).

Aquí un ejemplo para probar las variables de Gamepad (Yo hago pruebas con un mando de Xbox360):

Código: [Seleccionar]
// Php + Html5 + Canvas + Javascript
// by J. Manuel Habas

program ejemplo_joy_pad;
global
   joystick = 0;
   
begin
    /* pruebas con opciones de pantalla */
    set_mode(m480x200);
    screen_color(#333);

    set_fps(60, 0);
   
    text_size = 80;
    text_color = #fff;
   
    write(0, 240, 20, 4, "Pulsa cualquier boton del Control Pad");
    write(0, 240, 45, 5, "Detectado: ");
    write_int(0, 240, 45, 3, offset joystick);

    write_int(0, 0, 120, 3, offset pad.stick1.up);
    write_int(0, 100, 120, 3, offset pad.stick1.down);
    write_int(0, 200, 120, 3, offset pad.stick1.left);
    write_int(0, 300, 120, 3, offset pad.stick1.right);

    write_int(0, 0, 140, 3, offset pad.stick2.up);
    write_int(0, 100, 140, 3, offset pad.stick2.down);
    write_int(0, 200, 140, 3, offset pad.stick2.left);
    write_int(0, 300, 140, 3, offset pad.stick2.right);

   //gatillos
    write_int(0, 100, 100, 3, offset pad.button8);
    write_int(0, 200, 100, 3, offset pad.button9);

    write_int(0, 0, 160, 3, offset pad.up);      //joy.up
    write_int(0, 20, 160, 3, offset pad.down);   //joy.down
    write_int(0, 40, 160, 3, offset pad.left);   //joy.left
    write_int(0, 60, 160, 3, offset pad.right); //joy.right
   
    write_int(0, 0, 180, 3, offset pad.button0);    //joy.button1
    write_int(0, 20, 180, 3, offset pad.button1);   //joy.button2
    write_int(0, 40, 180, 3, offset pad.button2);   //joy.button3
    write_int(0, 60, 180, 3, offset pad.button3);   //joy.button4
    write_int(0, 80, 180, 3, offset pad.button4);
    write_int(0, 100, 180, 3, offset pad.button5);
    write_int(0, 120, 180, 3, offset pad.button6);
    write_int(0, 140, 180, 3, offset pad.button7);
   
    //button stick
    write_int(0, 160, 180, 3, offset pad.stick1.button);
    write_int(0, 180, 180, 3, offset pad.stick2.button);
   
   loop
      joystick = get_browser(b_pad_connect);
       
      frame;
   end
end

Este ejemplo estará incluido en la carpeta de ejemplos, de la versión para descargar.  :)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: JaViS en Junio 10, 2014, 08:06:08 pm
Genial!! esto esta muy interesante!
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Junio 10, 2014, 08:27:31 pm
Genial!! esto esta muy interesante!

Me alegra que te parezca interesante.  :)

Estoy intentando hacer una cosa para incluir en el descargable de esta versión, si consigo que funcione será todavía mas interesante.  ;)
Título: Re:Div Games en Html5 y Canvas
Publicado por: JaViS en Junio 10, 2014, 08:28:52 pm
Siempre es interesante expandir las plataformas en las que podamos correr nuestros juegos :) Estan haciendo un laburo muy importante! No veo la hora de poder probar mi juego con esto :P
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Junio 14, 2014, 10:32:09 am
Ya disponible para descargar la versión 0.44.
Al final le he incluido otra función antes de sacar esta versión: set_color(); para colorear el background de la pagina de forma dinámica desde el juego.

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Julio 13, 2014, 09:58:38 am
Ya disponible online para testear la versión 0.50 de Div GO, esta versión trae un cambio interno importante que hace de Div GO un autentico lenguaje Div.  :)

Y aquí la lista de novedades:

funciones:
  - pixelated_in_map(), blur_in_map(), region_pixelated(), region_blur();
  - color_in_map(), region_color(); //en sustitución a las graphic_explorer(), graphic_builder(),...
variables:
  - _c_minus, _c_plus, _c_asterisk, _c_backslash, _caps_lock, _num_lock, _scroll_lock
  - _ins, _home, _pgup, _pgdn, _del, _end, _minus, _plus, _l_brachet, _r_brachet
  - _c_home, _c_up, _c_pgup, _c_left, _c_center, _c_right, _c_end, _c_down, _c_pgdn, _c_ins, _c_del
  - cc_red, cc_green, cc_blue, cc_yellow, cc_cyan, cc_magenta, cc_orange, cc_lime, cc_violet, cc_brown
  - cc_pink, cc_purple, cc_aqua, cc_pistache, cc_turquoise, cc_maroon, cc_silver, cc_gray, cc_white, cc_black
funciones eliminadas:
  - graphic_explorer(), screen_explorer(), region_explorer(), graphic_builder();
bugs y mejoras:
  - [MEGA ADD] realizado cambio interno para que la forma de usar los procesos en div go ahora sea similar a un div-like
  - [ADD] mejorada la lista de procesos en el entorno, ahora muestra información de los procesos: graph, x, y, z...
  - [ADD] añadido soporte completo a las teclas del teclado, con las variables de div / div 2
  - [FIX] arreglado problema de bloqueo con la función signal al usar señales que afectaban al árbol familiar
  - [DEL] eliminadas las funciones de manipulación de gráficos, con el cambio interno de div go su funcionamiento era lento
  - [ADD] actualizado ejemplos con el uso de las nuevas funciones

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Julio 17, 2014, 10:56:09 pm
Ya disponible para descargar la versión 0.50.

En esta versión los procesos, frames, bucles, condiciones... funcionan de forma similar a Div. Probé con los códigos que puso PiXel en este tema para testear y funcionan correctamente.   8)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Julio 31, 2014, 10:36:05 pm
Versión 0.52 ya disponible online, las novedades:

funciones:
  - paint_in_map();
  - map_put(), map_put_pixel(), map_xput(), map_block_copy();

variables:
  - rgb_to_bgr, rgb_to_grb, rgb_to_rbg, rgb_to_brg, rgb_to_gbr

bugs y mejoras:
  - [ADD] mejorada la información de errores del compilador devolviendo el error y el numero de linea correctos
  - [ADD] ahora el compilador marca la linea de codigo que ha dado error, haciendo mas facil su localización
  - [ADD] clonación de procesos con el bloque clone ... end
  - [ADD] ahora las funciones put, xput, put_screen aceptan como parámetro graph las funciones xxxx_in_map() o new_map();
  - [FIX] solucionado varios bugs relacionado con los últimos cambios
  - [ADD] incluido el ejemplo de div 2 Plataformas de Carlos Dominguez adaptado a div go

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Agosto 19, 2014, 12:27:15 am
Versión 0.54 ya disponible online:

funciones:
  - exists(); screen_scanline(); //scanline solo se visualiza cuando se amplía la pantalla x2 o mas

bugs y mejoras:
  - [FIX] collision() y collision_box() con puntos de control y flags distinto de 0
  - [FIX] códigos de bloqueo de scroll
  - [FIX] arreglada función exit(), no mostraba mensaje de salida y ahora detiene la reproducción de audio/video
  - [FIX] corregido problema al generar el archivo fpg.dat desde el compilador
  - [ADD] pausado de juego desde entorno
  - [FIX] solucionado varios bugs relacionado con los cambios de la v0.50

No hay muchas novedades, pero un repaso de bugs siempre sienta bien. :)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Agosto 19, 2014, 11:28:37 am
Div GO versión 0.54 ya disponible para descargar!  8)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 13, 2014, 12:27:11 pm
Versión 0.56 ya disponible online y las novedades:

funciones:
  - qsort();

variables:
  - m320x200, m320x240, m320x400, m360x240, m360x360, m376x282, m400x300, m640x400, m640x480
  - m800x600, m960x640, m1024x768, m1280x720, m1280x960, m1600x900, m1280x1024, m1920x1080

bugs y mejoras:
  - [ADD] cambios internos en map_get_pixel() y collision() para que funcionen de manera mas rápida y optima
  - [ADD] compilador ahora mas optimizado
  - [ADD] soporte de lista de datos después de end para structs, ej: end = 1, "jose", 1800, 2, "manuel", ...;
  - [ADD] cambios en set_mode(); ahora funciona con variables predefinidas como un div-like
  - [ADD] pulsando en las imágenes del visor fpg, estas se amplia y puedes consultar la información "x", "y", "color"
  - [ADD] nuevos avisos de error en el compilador, ahora informa de mas posibles errores de código
  - [FIX] solucionado varios bugs menores del compilador y del constructor de código

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 15, 2014, 05:40:43 pm
Div GO versión 0.56 ya disponible para descargar.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Octubre 17, 2014, 08:08:24 pm
Hola,

Ya está disponible online la versión 0.58 y aquí os dejo la lista de novedades:

 funciones:
   - region_wave(), region_zoom(), region_mask()
   - wave_in_map()
   - fade_in(), fade_out()


 struct tilt: (solo funcional en dispositivos móviles o que incluyan acelerómetro)
   - x, y, z

 bugs y mejoras:
   - [FIX] al ejecutar tu proyecto en chrome desde la ruta file:/// no se inicializaba, lo recomendable es ejecutar el proyecto en http:// porque algunas funcionalidades de javascript pueden dar error
   - [FIX] problema con set_mode al usar variables de resolución junto con valor de ampliación
   - [FIX] pequeña optimización en el dibujado del canvas
   - [ADD] cambios en la inicialización del programa para mejorar el contenido del html del proyecto empaquetado
   - [FIX] solucionado varios bugs
   - [ADD] nuevos menús, guía de usuario, más ejemplos y Tutoriales de Div Games Studio


Un saludo. :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Octubre 23, 2014, 10:03:23 pm
Div GO 0.58 ya disponible para descargar en dos versiones: la normal (la que necesitas configurar localhost con Xampp, Wamp, Lamp...) y la versión ejecutable para Windows, mas sencilla y no requiere una configuración previa.  :)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Diciembre 07, 2014, 07:23:56 pm
Ya disponible online la versión 0.60 (para testear) y aquí las novedades:

variables:
  - math_pi, math_e, math_max, math_min

funciones:
  - isnan(), isfinite(), exp(), log()
  - hsl(), hsla(), explode(), implode()

bugs y mejoras:
  - [FIX] solucionado problema en el funcionamiento del touch en dispositivos Android
  - [FIX] mejorada la declaración de structs ahora el compilador no se lía cuando dos structs distintas tienen variables iguales
  - [FIX] varios bugs en el ide, el compilador y en el engine
  - [ADD] pequeña optimización en el dibujado de procesos y scrolls
  - [ADD] botones para minimizar ventanas de recursos de forma independiente
  - [ADD] visor de fuentes (ttf, otf, woff) y control de audio que se carga desde el código
  - [ADD] ahora la lista de procesos se colorea según el estado de cada proceso
  - [FIX] ha vuelto el botón de pausar proyecto en el listado de procesos

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Diciembre 10, 2014, 10:48:06 pm
Desde ya, la versión 0.60 disponible para descargar, tanto en versión normal como en ejecutable para windows. :)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Diciembre 11, 2014, 09:28:11 am
Aquí una pequeña demostración del funcionamiento de las variables tilt.x, tilt.y y tilt.z (solo apreciable con dispositivos móviles):  http://www.divgo.net/proyectos/prueba-tilt/

Y este es el código:
Código: [Seleccionar]
program ejemplo_tilt;
global
    id_txt;
       
begin
    /* pruebas con opciones de pantalla */
    set_mode(640, 400);
    screen_color(#ddd);

    set_fps(60, 0);
   
    text_color = #999;
    id_txt = write(0, 320, 90, 4, "Toca la pantalla para disparar");
    write_int(0, 0, 0,  0, &tilt.x);
    write_int(0, 0, 20, 0, &tilt.y);
    write_int(0, 0, 40, 0, &tilt.z);
   
    nave(320, 200);
end

process nave(px, py);
private
    disparado;
    angulo = 90000;
   
begin
    graph = 3;
    size  = 50;
    angle = angulo;
   
    write_int(0, 640, 0,  2, &x);
    write_int(0, 640, 20, 2, &y);
    write_int(0, 640, 40, 2, &angle);
   
    loop       
        x = px + (tilt.x * 2);
        y = py - (tilt.y * 2);
        angle = angulo - ((tilt.x * 1000) + (tilt.y * 1000))*2;

        if (mouse.left and disparado < 1)
            disparo(x, y, angle);
            disparado = 5; delete_text(id_txt);
        end
               
        disparado --; if (disparado < 0) disparado = 0; end
       
        frame;
    end
end

process disparo(x, y, angulo);
begin
    graph = 1;
    size  = 10;
    z      = 10;
    angle = angulo;
    advance(20);
   
    loop
        xadvance(angulo, 10);
        angle += 45000;
       
        if (out_region(id, 0)) break; end
       
        frame;
    end
end

Ahora que cada uno experimente para mejorar este código. ;)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Enero 27, 2015, 07:53:45 pm
Hola,

Durante esta semana subiré la versión 0.62, la primera del año, esta versión de Div GO incluye 3D como gran novedad. Esto implica la pérdida de compatibilidad con navegadores antiguos que no soporten WebGL (IE9). Y como va siendo habitual... aquí os dejo la lista de novedades:

funciones:
  - start_scene3d(), set_fog(), stop_scene3d()
  - object3d(), texture_in_object3d(), move_object3d(), modify_object3d(), delete_object3d()
  - light3d(), move_light3d(), delete_light3d()

variables:
  - c_scene3d, all_object3d, all_light3d

struct scene3d:
  - camera, light, terrain, alpha, visible;

struct camera3d:
  - focus, x, y, z, angle_x, angle_y, angle_z;

bugs y mejoras:
  - [ADD] libreria 3d Three.js para crear escenas, luces y objetos en 3d
  - [FIX] al pulsar en el listado de procesos, ahora te deja en la linea exacta del codigo donde se declara el proceso
  - [ADD] indicador que te muestra si tienes, o no tienes, control del teclado sobre el juego
  - [ADD] ejemplo de uso de las nuevas funciones 3d

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Enero 29, 2015, 09:44:10 pm
Ya esta online la versión 0.62 con 3D. Este es el enlace al ejemplo de scene3D: http://www.divgo.net/index.php?ejemplo=5 (también está en la lista de ejemplos)  :)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: JaViS en Enero 30, 2015, 01:20:23 pm
Muy bueno che :) muy linda calidad de renderizado


podrias colgar un screenshot para publicar en las noticias del sitio?


gracias!
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Enero 30, 2015, 06:03:23 pm
Muy bueno che :) muy linda calidad de renderizado


podrias colgar un screenshot para publicar en las noticias del sitio?


gracias!

Gracias JaViS.
Aquí te adjunto una captura a pantalla completa del ejemplo y una captura cogida del Facebook, así puedes elegir la que más te guste. :)

(https://fbcdn-sphotos-f-a.akamaihd.net/hphotos-ak-xpf1/t31.0-8/10945808_769971846413441_3657578122677598940_o.jpg)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: l1nk3rn3l en Enero 31, 2015, 03:03:45 pm
EXCELENTE APORTE  ;D
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Enero 31, 2015, 04:18:27 pm
EXCELENTE APORTE  ;D

Gracias. :)

Ya está disponible para descargar, en las 2 versiones: Desktop para Windows y la normal para configurar con localhost.

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Marzo 17, 2015, 10:35:18 pm
Ya disponible online la versión 0.64, aquí las novedades: :)

funciones:
  - load_object3d()

variables locales:
  - angle_x, angle_y, angle_z

struct scene3d:
  - focus, distance

bugs y mejoras:
  - [FIX] start_scene3d() ahora se puede crear varios scene3d en distintas regiones
  - [CHANGE] el quinto parámetro de la función object3d, pasa de ser el numero de región para ser el grosor de línea cellshading
  - [CHANGE] reescrito el mode7, ahora funciona similar a Div salvo por algún cambio como en el uso de las locales (y, z)
  - [FIX] las light3d al crear los objetos antes de las luces no se le aplicaba la luz
  - [FIX] al añadir textura con texture_in_object3d después de una luz, no se aplicaba la luz sobre dicha textura
  - [ADD] manejo de ángulos para mode7 y scene3d en las funciones advance() y xadvance()
  - [DEL] eliminada la struct camera3d
  - [CHANGE] start_scene3d() con dos parámetros menos, ahora el ancho y alto de las texturas es automático
  - [FIX] solucionado varios bugs del compilador
  - [ADD] carga de objetos 3d en los formatos .obj, .dae y .wrl

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Marzo 18, 2015, 11:10:46 am
Aquí dejo un código de ejemplo, que hace uso de angle_y y angle_z (angle) para manejar las vistas con el ratón y controles como son en los juegos en primera persona.

Código: [Seleccionar]
// Pruebas de compilador online Div GO
// Php + Html5 + Canvas + Javascript + Three.js lib
// by J. Manuel Habas Millán

program ejemplo_3d;
global
    tex, obj1, obj2, luz1, luz2;

private
    uz = 200, ang = 0, fig1, fig2;

begin
    tex = load_fpg("graficos/texturas");
   
    set_mode(640, 400);
    screen_color(#424);

    set_fps(60, 0);
   
    text_color = #ccc;
    text_size  = 50;
   
    write(0, 5, 10, 3, "CURSORES: moverte por el escenario");
    write(0, 5, 30, 3, "MOUSE: mover el punto de vista");

    //inicia scene3d sin esto no funcionaran las funciones object3d() ni light3d()
    start_scene3d(0, tex, 3, 0); //numero, file, graph, ancho, alto, region
   
    //crea objetos en escena
    obj1 = object3d(1, 1, #ff0, 100, 0, -100, 50, 200); //tipo, wireframe, color, alpha, trazado, x, y, z
    obj2 = object3d(2, 1, #000, 100, 1, 100, 50, 200);  //tipo, wireframe, color, alpha, trazado, x, y, z

    //carga y crea modelo 3d en escena
    fig2 = load_object3d("objetos3d/monster.dae", 0, #fff, 0, 0, 0);  //archivo, wireframe, color, x, y, z

    move_object3d(fig2, 0, 0, 200, 90000, 0, 0); //id, x, y, z, angle_x, angle_y, angle_z

    //aplica una textura a objeto
    texture_in_object3d(obj1, tex, 4); //id, file, graph
    texture_in_object3d(obj2, tex, 2); //id, file, graph
    texture_in_object3d(fig2, tex, 3); //id, file, graph

    //modifica el ancho, alto o largo de los objetos
    modify_object3d(fig2, 100, 1000, 1000, 1000);

    //crea luces en escena
    luz1 = light3d(100, rgb(200, 200, 255), 10000, 100, 100, -100); //intensidad, color, distancia, x, y, z
    luz2 = light3d(200, rgb(0, 255, 128), 1000, -100, 200, -100);
   
    jugador(0, 100, 200); //x, y, z
   
    scene3d.light = 0;
    scene3d.alpha = 0;
    scene3d.distance = 10;
   
    loop
        ang += 400;
       
        move_object3d(obj1, -100, 50, uz, 0, ang, 0); //id, x, y, z, angle_x, angle_y, angle_z
        move_light3d(luz2, 200, -100, 200, uz - 100); //id, intensidad, x, y, z
     
        if (key(_z)) delete_object3d(all_object3d); end
        if (key(_y)) object3d(rand(0, 4), rand(0, 1), rgb(rand(0,255), rand(0,255), rand(0,255)), rand(0, 100), 0, rand(-200, 200), rand(0, 250), rand(-200, 200)); end
       
        if (key(_esc)) exit("Amaka Soft 2015", 1); end
       
        frame;
    end
end

process jugador(x, y, z);
private
    reten = 0;
   
begin
    scene3d.camera = id;

    loop
        if (key(_left)) xadvance(angle + 90000, -10); end
        if (key(_right)) xadvance(angle + 90000, 10); end
        if (key(_up)) advance(10); end
        if (key(_down)) advance(-10); end
       
        //angle y angle_z funcionan igual
        angle += (mouse.x - 320) * 10; //¡AAAARGH, BUG LOCALIZADO con angle_z!
        angle_y -= (mouse.y - 200) * 10;

        if (angle_y > 20000) angle_y = 20000; end
        if (angle_y < -20000) angle_y = -20000; end
       
        if (mouse.left and reten == 0) disparo(x, y-20, z, angle); reten = 10; end

        reten--; if (reten < 0) reten = 0; end
       
        frame;
    end
end

process disparo(x, y, z, angle);   
begin
    graph = 2;
    size  = 20;
    ctype = c_scene3d;
   
    loop
        advance(25);
       
        flags++; if (flags > 3) flags = 0; end
        alpha--; if (alpha < 0) break; end
       
        frame;
    end
end

Un saludo. :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: panreyes en Marzo 18, 2015, 11:35:50 am
Holas AmakaSt :)


Primero de todo, agradecerte el curro que le estás dando. Nunca está de más nuevos engines DIV-like :)


Por ahora yo lo estoy utilizando para hacer ejemplos rápidos de códigos, y me viene bastante bien, aunque me gustaría pedirte un detalle:
¿Qué te parecería que se pudiera guardar los PRGs online? Es como el código que puse el otro día en Twitter. En vez de dar una URL de PasteBin y otra de DivGO, una URL de DivGO con un parámetro que identifique al PRG guardado en el servidor, o incluso un segundo parámetro para directamente ejecutar ese PRG enviado.


¿Qué te parece?


Un saludo
Título: Re:Div Games en Html5 y Canvas
Publicado por: Yawin en Marzo 18, 2015, 02:19:11 pm
Jo, pues yo no consigo que me vaya. No se qué puedo estar haciendo mal. Estoy ejecutando este código:
Código: [Seleccionar]
program demorl;
private
       i,j,k,l;
begin
    set_mode(640,480);
    set_fps(120,0);
   
    loop
        i++;
        l+=cos(i*1000)*4;
        if(k==0)
            if(j++>100)k=1; end
        else
            if(j--<50)k=0; end
        end

        cubo(l,j,j);
        frame;
    end
end

function cubo(stepe, _wi, _hi);
private
    i,j;
    vertices[5][4];
begin
    clear_screen();
    delete_draw(0);
    stepe*=1000;

    vertices[0][0]=320 + cos(stepe)*2*_wi;          vertices[0][1]=(240-_hi) + sin(stepe)*_wi;
    vertices[1][0]=320 + cos(stepe+1*70000) *2*_wi; vertices[1][1]=(240-_hi) + sin(stepe+1*70000)*_wi;
    vertices[2][0]=320 + cos(stepe+2*70000) *2*_wi; vertices[2][1]=(240-_hi) + sin(stepe+2*70000)*_wi;
    vertices[3][0]=320 + cos(stepe+3*70000)*2*_wi;  vertices[3][1]=(240-_hi) + sin(stepe+3*70000)*_wi;
    vertices[4][0]=320 + cos(stepe+4*70000)*2*_wi;  vertices[4][1]=(240-_hi) + sin(stepe+4*70000)*_wi;

    vertices[0][2]=320 + cos(stepe)*2*_wi;          vertices[0][3]=(240+_hi) + sin(stepe)*_wi;
    vertices[1][2]=320 + cos(stepe+1*70000) *2*_wi; vertices[1][3]=(240+_hi) + sin(stepe+1*70000)*_wi;
    vertices[2][2]=320 + cos(stepe+2*70000) *2*_wi; vertices[2][3]=(240+_hi) + sin(stepe+2*70000)*_wi;
    vertices[3][2]=320 + cos(stepe+3*70000)*2*_wi;  vertices[3][3]=(240+_hi) + sin(stepe+3*70000)*_wi;
    vertices[4][2]=320 + cos(stepe+4*70000)*2*_wi;  vertices[4][3]=(240+_hi) + sin(stepe+4*70000)*_wi;

    for(i=0;i<4;i++)
        draw(0,rgb(255,255,255),0,0,vertices[i][0],vertices[i][1],vertices[i+1][0],vertices[i+1][1]);
        draw(0,rgb(255,255,255),0,0,vertices[i][2],vertices[i][3],vertices[i+1][2],vertices[i+1][3]);
        draw(0,rgb(255,255,255),0,0,vertices[i][0],vertices[i][1],vertices[i][2],vertices[i][3]);
    end
    draw(0,rgb(255,255,255),0,0,vertices[0][0],vertices[0][1],vertices[i][0],vertices[i][1]);
    draw(0,rgb(255,255,255),0,0,vertices[0][2],vertices[0][3],vertices[i][2],vertices[i][3]);
    draw(0,rgb(255,255,255),0,0,vertices[i][0],vertices[i][1],vertices[i][2],vertices[i][3]);
end

Y, mientras que la versión en bennu se ve así https://www.youtube.com/watch?v=t1URE5YD4ag
En DIVgo me deja la ventana en negro.
Título: Re:Div Games en Html5 y Canvas
Publicado por: panreyes en Marzo 18, 2015, 02:35:14 pm
Si comentas el cubo peta.
Si comentas la línea con cos() deja de petar.


Por otro lado AmakaSt, warning en Chrome:

'CanvasRenderingContext2D.webkitImageSmoothingEnabled' is deprecated. Please use 'CanvasRenderingContext2D.imageSmoothingEnabled' instead.
divGOv064-min.js:8 DivGO 0.64
Título: Re:Div Games en Html5 y Canvas
Publicado por: Yawin en Marzo 18, 2015, 02:40:23 pm
Pues qué mal que no haga bien los cosenos. Los efectos gráficos lo usan como aire para respirar.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Marzo 18, 2015, 02:44:20 pm
Holas AmakaSt :)


Primero de todo, agradecerte el curro que le estás dando. Nunca está de más nuevos engines DIV-like :)


Por ahora yo lo estoy utilizando para hacer ejemplos rápidos de códigos, y me viene bastante bien, aunque me gustaría pedirte un detalle:
¿Qué te parecería que se pudiera guardar los PRGs online? Es como el código que puse el otro día en Twitter. En vez de dar una URL de PasteBin y otra de DivGO, una URL de DivGO con un parámetro que identifique al PRG guardado en el servidor, o incluso un segundo parámetro para directamente ejecutar ese PRG enviado.


¿Qué te parece?


Un saludo

Hola PiXeL,

Me alegra ver que DivGO se usa, aunque sea para insultar de forma sutil y elegante. xD

La verdad es que la idea es muy buena, poder guardar los PRG para volver a recuperarlos o ejecutarlos al insertar un identificador es algo que no lo había meditado aun, me lo apunto para incluir como novedad en próximas versiones. :)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Marzo 18, 2015, 03:06:00 pm
Jo, pues yo no consigo que me vaya. No se qué puedo estar haciendo mal. Estoy ejecutando este código:
Código: [Seleccionar]
program demorl;
private
       i,j,k,l;
begin
    set_mode(640,480);
    set_fps(120,0);
   
    loop
        i++;
        l+=cos(i*1000)*4;
        if(k==0)
            if(j++>100)k=1; end
        else
            if(j--<50)k=0; end
        end

        cubo(l,j,j);
        frame;
    end
end

function cubo(stepe, _wi, _hi);
private
    i,j;
    vertices[5][4];
begin
    clear_screen();
    delete_draw(0);
    stepe*=1000;

    vertices[0][0]=320 + cos(stepe)*2*_wi;          vertices[0][1]=(240-_hi) + sin(stepe)*_wi;
    vertices[1][0]=320 + cos(stepe+1*70000) *2*_wi; vertices[1][1]=(240-_hi) + sin(stepe+1*70000)*_wi;
    vertices[2][0]=320 + cos(stepe+2*70000) *2*_wi; vertices[2][1]=(240-_hi) + sin(stepe+2*70000)*_wi;
    vertices[3][0]=320 + cos(stepe+3*70000)*2*_wi;  vertices[3][1]=(240-_hi) + sin(stepe+3*70000)*_wi;
    vertices[4][0]=320 + cos(stepe+4*70000)*2*_wi;  vertices[4][1]=(240-_hi) + sin(stepe+4*70000)*_wi;

    vertices[0][2]=320 + cos(stepe)*2*_wi;          vertices[0][3]=(240+_hi) + sin(stepe)*_wi;
    vertices[1][2]=320 + cos(stepe+1*70000) *2*_wi; vertices[1][3]=(240+_hi) + sin(stepe+1*70000)*_wi;
    vertices[2][2]=320 + cos(stepe+2*70000) *2*_wi; vertices[2][3]=(240+_hi) + sin(stepe+2*70000)*_wi;
    vertices[3][2]=320 + cos(stepe+3*70000)*2*_wi;  vertices[3][3]=(240+_hi) + sin(stepe+3*70000)*_wi;
    vertices[4][2]=320 + cos(stepe+4*70000)*2*_wi;  vertices[4][3]=(240+_hi) + sin(stepe+4*70000)*_wi;

    for(i=0;i<4;i++)
        draw(0,rgb(255,255,255),0,0,vertices[i][0],vertices[i][1],vertices[i+1][0],vertices[i+1][1]);
        draw(0,rgb(255,255,255),0,0,vertices[i][2],vertices[i][3],vertices[i+1][2],vertices[i+1][3]);
        draw(0,rgb(255,255,255),0,0,vertices[i][0],vertices[i][1],vertices[i][2],vertices[i][3]);
    end
    draw(0,rgb(255,255,255),0,0,vertices[0][0],vertices[0][1],vertices[i][0],vertices[i][1]);
    draw(0,rgb(255,255,255),0,0,vertices[0][2],vertices[0][3],vertices[i][2],vertices[i][3]);
    draw(0,rgb(255,255,255),0,0,vertices[i][0],vertices[i][1],vertices[i][2],vertices[i][3]);
end

Y, mientras que la versión en bennu se ve así https://www.youtube.com/watch?v=t1URE5YD4ag (https://www.youtube.com/watch?v=t1URE5YD4ag)
En DIVgo me deja la ventana en negro.

Hola Yawin,

Esto es un error del compilador, mirare de solucionarlo para esta versión, por lo que veo la línea que pone la ventana negra es la 10: l += cos(i*1000)*4; //el compilador de forma mágica separa los signos += en esta línea

Si comentas el cubo peta.
Si comentas la línea con cos() deja de petar.


Por otro lado AmakaSt, warning en Chrome:

'CanvasRenderingContext2D.webkitImageSmoothingEnabled' is deprecated. Please use 'CanvasRenderingContext2D.imageSmoothingEnabled' instead.
divGOv064-min.js:8 DivGO 0.64

Esto es por temas de compatibilidad, las versiones más antiguas de Chrome no soportaban el estándar imageSmoothingEnabled y hacia uso de webkitImageSmoothingEnabled. Esto es un dilema, o 100% estándar o dejar cosillas que acabaran siendo deprecated.   :-\

Con WebGL ya he sacrificado retrocompatibilidad con los navegadores IE9 e IE10...

Gracias por los reportes. :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: panreyes en Marzo 18, 2015, 03:28:08 pm
Esto es por temas de compatibilidad, las versiones más antiguas de Chrome no soportaban el estándar imageSmoothingEnabled y hacia uso de webkitImageSmoothingEnabled. Esto es un dilema, o 100% estándar o dejar cosillas que acabaran siendo deprecated.   :-\

Con WebGL ya he sacrificado retrocompatibilidad con los navegadores IE9 e IE10...

Gracias por los reportes. :)


Tampoco te preocupes mucho por que figure como deprecated. Probablemente signifique que dentro de un par de años dejará de funcionar.


Y sobre IE9 e IE10, menos aún. Nacieron muertos xD
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Marzo 20, 2015, 08:16:47 pm
Versión 0.64 ya esta disponible para descargar. :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Marzo 23, 2015, 11:44:30 am
Pues qué mal que no haga bien los cosenos. Los efectos gráficos lo usan como aire para respirar.

Hola Yawin,

Estaba revisando tu código y ya no se pone la ventana en negro, también debes saber que DivGO lo estoy creando basándome en Div2, así que hay cosas en el código que no son compatibles con Bennu:
- En la línea donde declaras vertices[5][4]; cambiar por vertices[5, 4]; //En Div la cosa iba asi
- Draw no te pintara nada en pantalla, debería de funcionar si pones 1 (línea recta) en el primer parámetro y 15 (opacidad) en el tercer parámetro.
- Donde esta delete_draw(0) por delete_draw(all_drawing), en DivGO la variable all_drawing es distinta a 0.

Así te debería de funcionar el programa sin dar error y sin ralentizaciones por no borrar draw(). Ahora seria ver si los valores de vertices[][] que te da en Bennu son iguales que en DivGO y si lo estas aplicando en el parámetro correcto de la función draw(). :P

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Marzo 24, 2015, 08:07:04 pm
Ejemplo (avance) de pintado de archivos .map de Div con javascript:

http://www.divgo.net/proyectos/divgo-maps/index.php
http://www.divgo.net/proyectos/divgo-maps/index.php?map=MENU.MAP
http://www.divgo.net/proyectos/divgo-maps/index.php?map=BACKGRN3.MAP
http://www.divgo.net/proyectos/divgo-maps/index.php?map=081.map
http://www.divgo.net/proyectos/divgo-maps/index.php?map=Map10.map (este tarda un poco mas en visualizarse es bastante pesado)

Al fin he conseguido interpretar los maps (puntos, paletas e imagen), me tenia to loco!!  8)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Mayo 01, 2015, 03:29:59 pm
Ya disponible online la versión 0.66 y las novedades:

variables mouse:
  - right, middle, browser

bugs y mejoras:
  - [ADD] lectura y visualización de archivos .map de div (incluye puntos de control)
  - [ADD] añadido nuevo mensaje de error en el compilador y control de dicho error
  - [ADD] primera versión del editor grafico (funcionalidades básicas)
  - [ADD] mejoras internas del IDE
  - [FIX] los objetos 3d cargados con load_object3d() ahora se incluye en el empaquetado de forma automática
  - [ADD] en el empaquetado se incluyen las imágenes editadas con el editor grafico
  - [ADD] nueva opción para guardar y recuperar código de la nube/servidor de divgo.net

Mirando la lista de novedades parece traer pocas esta versión pero el editor grafico y la lectura de maps equivalen al triple de novedades, ha habido mucho trabajo en ello. :P

Holas AmakaSt :)


Primero de todo, agradecerte el curro que le estás dando. Nunca está de más nuevos engines DIV-like :)


Por ahora yo lo estoy utilizando para hacer ejemplos rápidos de códigos, y me viene bastante bien, aunque me gustaría pedirte un detalle:
¿Qué te parecería que se pudiera guardar los PRGs online? Es como el código que puse el otro día en Twitter. En vez de dar una URL de PasteBin y otra de DivGO, una URL de DivGO con un parámetro que identifique al PRG guardado en el servidor, o incluso un segundo parámetro para directamente ejecutar ese PRG enviado.


¿Qué te parece?


Un saludo

PiXeL en esta versión esto ya queda incluido. :)

Un saludo
Título: Re:Div Games en Html5 y Canvas
Publicado por: panreyes en Mayo 01, 2015, 06:14:55 pm
Guay, tomo nota :)


Igual intento hacer una prueba luego, a ver qué tal el invento xD
Título: Re:Div Games en Html5 y Canvas
Publicado por: panreyes en Mayo 01, 2015, 06:37:46 pm
Ahora es luego ya xD


He roto un poco DivGO otra vez con mis códigos complejillos xD


Por si quieres probarlo:
http://pastebin.com/9Q4y6nZF


Tiene estos errores:
fpg_boomkas; [/size]-- NOT FOUND[/color][/size]22 return load_sound(nombre,0); -- VARIABLE NOT DEFINED!145 break; -- NOT FOUND[/size]
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Mayo 01, 2015, 07:20:30 pm
Ahora es luego ya xD


He roto un poco DivGO otra vez con mis códigos complejillos xD


Por si quieres probarlo:
http://pastebin.com/9Q4y6nZF (http://pastebin.com/9Q4y6nZF)


Tiene estos errores:
fpg_boomkas; -- NOT FOUND22 return load_sound(nombre,0); -- VARIABLE NOT DEFINED!145 break; -- NOT FOUND

Hola PiXeL,

El error del fpg_boomkas es porque utilizas la variable e intentas carga un fpg, DivGO no carga fpgs, carga carpetas que simulan ser fpg con imágenes png o map con nombres del 000.png al 999.png, por lo que dará error, aunque este error está saliendo en la línea equivocada debería de marcar la linea 11.

Sobre el error en return load_sound(nombre, 0); es porque la variable le habías puesto el tipo String delante, en DivGO no es necesario declarar el tipo de variable, es automático:

Function music_once(nombre); //Function music_once(string nombre);
Begin
        x=load_sound(""+nombre+".ogg",0);
    sound(x,100,100);
End

Y luego hay un error que tampoco está bien marcada la línea, dice que esta en la línea de break; pero se queja de que no se encontró, así que puede ser que sea la carga de un archivo incompatible o que no este en la ruta indicada.

Tengo que ver porque sigue fallando el marcado de errores, pensaba que esto ya lo tenía solucionado.
También tengo que revisar que ha pasado con lo de que compruebe los espacios entre variables: Function music_once(string nombre); //Debería haberse quejado el compilador aquí. :(

Me lo mirare antes de sacar la versión descargable.

Un saludo. :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Mayo 03, 2015, 02:06:52 pm
Versión 0.66 ya disponible para descargar.

P.D: mouse.browser sirve para ocultar el mouse en la pantalla (canvas) del juego, el valor por defecto es true. Esto se me había olvidado explicarlo. :P
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Mayo 31, 2015, 09:45:12 pm
Nueva versión 0.68 ya disponible online, las novedades que incluye:

variables loading:
  - percent, percent_x, percent_y, percent_size, percent_color
  - progress, progress_x, progress_y, progress_size, progress_color

bugs y mejoras:
  - [ADD] ahora se puede restaurar las imágenes editadas desde el editor con la opción de borrar cambios
  - [ADD] pestañas de código, ahora puedes tener abierto 4 códigos sin necesidad de machacar los anteriores
  - [ADD] ahora el botón derecho del ratón desde el editor grafico pinta el segundo color seleccionado
  - [ADD] mejorado en el rendimiento de la lib de divgo
  - [ADD] ahora program también se incluye en la lista de procesos para acceder de forma rápida en el código
  - [FIX] las tablas no se interpretaban bien con write_int() si la posición era el nombre de una variable
  - [FIX] solucionado problema con el guardado de imágenes modificadas con el editor, ahora se guarda en la ruta especifica del proyecto
  - [FIX] salida de más de un bucle con break desde un mismo proceso, no guardaba la posición de salida con bucles for, from y while
  - [FIX] la sentencia return desde hace varias versiones atrás dejo de devolver valores
  - [FIX] problema con la posición de enlace de la lista de procesos y funciones cuando había comentarios /* */ que ignoraba dichas líneas comentadas
  - [FIX] solucionado varios bugs menores

Un saludo. :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Junio 20, 2015, 06:44:42 pm
Versión 0.70 de Div GO ya disponible online, las novedades:

funciones:
  - trim(), rtrim(), ltrim()

variables:
  - t_milliseconds, num_text, num_drawing, num_xdrawing, num_video, num_sound, num_object3d, num_light3d

bugs y mejoras:
  - [ADD] los puntos de control se mantienen en los gráficos a los que se les aplica efectos
  - [ADD] ahora también se aplican los puntos de control en los gráficos dentro del mode7 y scene3d
  - [ADD] sentencia continue
  - [ADD] el marcado de errores vuelve a funcionar y ahora se guarda con el código de la pestaña seleccionada
  - [ADD] ahora se mantiene guardado el fpg seleccionado en su respectiva pestaña
  - [FIX] arreglado varios problemas menores del ide
  - [FIX] corrección de salida al usar break combinado con varios if y distintos bucles en un único proceso
  - [FIX] no se podía guardar el prg de la pestaña seleccionada

Un saludo
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Junio 21, 2015, 07:25:58 pm
Ya disponible para descargar. :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Julio 24, 2015, 06:51:34 pm
Ya disponible online Div GO versión 0.72, las novedades:

funciones 2d:
   - collision_circle()
 funciones 3d:
   - set_terrain(), collision_objects3d(), object_in_scene3d()
 bugs y mejoras:
   - [FIX] ahora la variable local son funciona correctamente
   - [FIX] stop_scene3d(),stop_mode7(), start_mode7() ahora se cierran e inicializan correctamente y evita saturación
   - [ADD] terrenos heightmaps con scene3d y colisiones de objetos 3d
   - [FIX] corregido colisionado con efectos gráficos y rotaciones
   - [ADD] posibilidad de cambiar la posición de una imagen en el fpg
   - [ADD] opción de incluir nuevas imágenes al fpg, arrastrando la imagen desde una carpeta al navegador


En breve ire subiendo ejemplos de las nuevas funciones. :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Julio 26, 2015, 08:27:54 pm
Y aquí unos enlaces de ejemplo de uso de las nuevas funciones:
Ejemplo de set_terrain():  http://www.divgo.net/c-d86caa78 (http://www.divgo.net/c-d86caa78)
Ejemplo de collision_objects3d(): http://www.divgo.net/c-487be663 (http://www.divgo.net/c-487be663)

Un saludo. :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Julio 28, 2015, 11:28:37 pm
Versión 0.72 de Div GO ya disponible para descargar. :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Agosto 13, 2015, 10:12:03 am
Nueva versión 0.74 de DivGO subida online para testeos, aquí la lista de novedades:

bugs y mejoras:
  - [FIX] collision_box() y collision_circle() con uso de puntos de control
  - [FIX] solucionado error con collision() al reducir con size y usar punto de control
  - [ADD] collision_box() y collision_circle() mas optimos
  - [FIX] screen_smooth() ahora vuelve a funcionar
  - [FIX] corregido problema de coordenadas en la rotación de objetos3d con respecto a posición de la cámara
  - [ADD] optimización en la función collision()
  - [ADD] el bloque loading soporta funciones: set_mode(), set_title(), set_icon(), screen_color(), screen_smooth()
  - [DEL] eliminada variable screen_paint del bloque loading
  - [ADD] optimización de código, ahora el archivo js de divgo es más ligero.

Y aquí os dejo 2 nuevos ejemplos, que también están disponibles en la lista de funciones:
http://www.divgo.net/c-23b9db76
http://www.divgo.net/c-94a41a72

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Agosto 13, 2015, 07:30:24 pm
Versión 0.74 lista para descargar!  8)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Agosto 18, 2015, 08:05:49 pm
Ya disponible para descargar la versión 0.74 rev. 1, esta incluye correcciones.
También he cambiado la configuración en su versión ejecutable para que se le pueda añadir gráficos al fpg arrastrando los archivos. :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: l1nk3rn3l en Agosto 26, 2015, 12:30:52 am
excelente trabajo




pregunta este compilador que tan compatible con las funciones bennu es? puedo coger un juego de bennu y correrlo en divgo con
que limitaciones exactamente...  te agradezco es que queremos hacer algo interesante...

Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Agosto 26, 2015, 07:07:47 am
pregunta este compilador que tan compatible con las funciones bennu es? puedo coger un juego de bennu y correrlo en divgo con
que limitaciones exactamente...  te agradezco es que queremos hacer algo interesante...

No me he puesto a comprobar que diferencias exactas hay con las funciones de Bennu. Empecé DivGO con que fuera lo más parecido a Div2 en funciones y añadir lo que se me fuera ocurriendo o me fueran sugiriendo. :P
Seguro que en el código tendrás que hacer cambios para poder portar un juego de Bennu a DivGO y viceversa.

Por ejemplo, DivGO no soporta paletas por lo que funciones como map_get_pixel() devuelve un valor rgb() en vez del número del color en la paleta: http://www.divgo.net/c-8df122aa
Título: Re:Div Games en Html5 y Canvas
Publicado por: l1nk3rn3l en Agosto 26, 2015, 02:16:48 pm
aahh ok...       queriamos comentarte que deseamos hacer un editor con tu entorno
parecido al que hicimos en el pasado con el notepad++ y el divgo
http://www.mediafire.com/download/vq3oe3dzegcn220/setup.zip





pero ya regresamos y vamos a hechar mano del bennu version sdl2 entonces
aprovechamos para meterle mano al tuyo que esta excelente tmbn  y....


crear un ide que tenga  exportacion android_Arm(apk) y Exportacion windows( exe)  del juego
seria algo asi como el divgo-pack ...  :P    por mucho en 2 semanas te lo damos para revision...




para actualizarlo seria el mismo procedimiento que el de antes, remplazando el contenido de la carpeta
divgo con el nuevo....   

Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Agosto 26, 2015, 10:06:50 pm
Me parece bien! :)

Lo que yo voy actualizando cada dos por tres, para la semana que viene quiero tener lista la 0.76, así que mejor será esperar a que saque esta versión. :)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 04, 2015, 08:57:37 am
En breve habrá nueva versión, aquí dejo unas capturas de lo que he conseguido arrancar ya en esta próxima versión:

(https://scontent-mad1-1.xx.fbcdn.net/hphotos-xla1/v/t1.0-9/11990687_878227965587828_5732067970088059434_n.jpg?oh=8df0fa891fb66f4b5855bc554d7081f8&oe=566AF1CF) (https://scontent-mad1-1.xx.fbcdn.net/hphotos-xpa1/v/t1.0-9/s720x720/10454324_878227978921160_3794739319916178513_n.jpg?oh=04f079820839aa9e31e8d2bbf8d08d06&oe=56648BF4)

Un saludo. :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: FreeYourMind en Septiembre 04, 2015, 09:05:57 am
Muy bueno, por cierto habria alguna forma de correr tu engine pero localmente como si fuera un app o sistema similar que no dependa de navegador ?
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 04, 2015, 10:40:25 am
Normalmente saco 2 versiones: una para arrancar con un servidor local (xampp, wamp o similares) y otra ejecutable.
Para la versión ejecutable utilizo phpdesktop: https://code.google.com/p/phpdesktop/wiki/DownloadChrome (https://code.google.com/p/phpdesktop/wiki/DownloadChrome)

También hay otras aplicaciones para poder convertir en ejecutable:
http://nwjs.io/ (http://nwjs.io/)
http://gtk.php.net/ (http://gtk.php.net/)
http://appjs.com/ (http://appjs.com/)
http://phonegap.com/blog/2015/03/02/phonegap-app-desktop-0-1-2/ (http://phonegap.com/blog/2015/03/02/phonegap-app-desktop-0-1-2/)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: FreeYourMind en Septiembre 04, 2015, 10:44:50 am
gracias miraré esas apps suenan interesante, asi tendriamos una alternativa desktop, es que los navegadores no me convencen, me gusta verlo como app de toda la vida  ;D
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 04, 2015, 11:04:26 am
Y la versión desktop que incluyo en las descargas no te funciona?
Esa la suelo configurar para que funcionen todas las opciones necesarias de php. :P
Título: Re:Div Games en Html5 y Canvas
Publicado por: FreeYourMind en Septiembre 04, 2015, 12:08:51 pm
Pues perdona mi ignorancia pero aun no he probado tu aplicación ;) Lo miraré este finde por primera vez que ya va siendo hora. apenas habia seguido su evolución y ejecutado algo en el navegador.
Título: Re:Div Games en Html5 y Canvas
Publicado por: l1nk3rn3l en Septiembre 04, 2015, 01:13:51 pm
Código: [Seleccionar]
cordial saludo


ya esta listo todo el exportador de exe...(windows)
el exportador de android (apk)




tenemos problemas de sonido en android
posiblemente .. la solucion sea usar la api de sonido de cordova.js
http://docs.phonegap.com/en/edge/cordova_media_media.md.html

en android los juegos exportados funcionan OK pero el sonido no funciona......




podrias probar usando el reproductor de medios de cordova? en divgo nativamente incluyendo el cordova.js para reproducir sonidos
[url]http://docs.phonegap.com/en/edge/cordova_media_media.md.html[/url]


un ejemplo de la api de cordova ...





[code]



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
                          "[url=http://www.w3.org/TR/html4/strict.dtd]http://www.w3.org/TR/html4/strict.dtd[/url]">
    <html>
      <head>
        <title>Media Example</title>


        <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
        <script type="text/javascript" charset="utf-8">


        // Wait for device API libraries to load
        //
        document.addEventListener("deviceready", onDeviceReady, false);


        // device APIs are available
        //
        function onDeviceReady() {
            playAudio("[url=http://audio.ibeat.org/content/p1rj1s/p1rj1s_-_rockGuitar.mp3]http://audio.ibeat.org/content/p1rj1s/p1rj1s_-_rockGuitar.mp3[/url]");
        }


        // Audio player
        //
        var my_media = null;
        var mediaTimer = null;


        // Play audio
        //
        function playAudio(src) {
            // Create Media object from src
            my_media = new Media(src, onSuccess, onError);


            // Play audio
            my_media.play();


            // Update my_media position every second
            if (mediaTimer == null) {
                mediaTimer = setInterval(function() {
                    // get my_media position
                    my_media.getCurrentPosition(
                        // success callback
                        function(position) {
                            if (position > -1) {
                                setAudioPosition((position) + " sec");
                            }
                        },
                        // error callback
                        function(e) {
                            console.log("Error getting pos=" + e);
                            setAudioPosition("Error: " + e);
                        }
                    );
                }, 1000);
            }
        }


        // Pause audio
        //
        function pauseAudio() {
            if (my_media) {
                my_media.pause();
            }
        }


        // Stop audio
        //
        function stopAudio() {
            if (my_media) {
                my_media.stop();
            }
            clearInterval(mediaTimer);
            mediaTimer = null;
        }


        // onSuccess Callback
        //
        function onSuccess() {
            console.log("playAudio():Audio Success");
        }


        // onError Callback
        //
        function onError(error) {
            alert('code: '    + error.code    + '\n' +
                  'message: ' + error.message + '\n');
        }


        // Set audio position
        //
        function setAudioPosition(position) {
            document.getElementById('audio_position').innerHTML = position;
        }


        </script>
      </head>
      <body>
        <a href="#" class="btn large" onclick="playAudio('[url=http://audio.ibeat.org/content/p1rj1s/p1rj1s_-_rockGuitar.mp3');]http://audio.ibeat.org/content/p1rj1s/p1rj1s_-_rockGuitar.mp3');[/url]">Play Audio</a>
        <a href="#" class="btn large" onclick="pauseAudio();">Pause Playing Audio</a>
        <a href="#" class="btn large" onclick="stopAudio();">Stop Playing Audio</a>
        <p id="audio_position"></p>
      </body>
    </html>


[/size][/font]



asi cuando se exporten los proyectos a android funcionaria el sonido tambien...




tienes algun proyecto apk   usado en divgo que funcione el sonido para que lo compartas? ??   


o cual seria la mejor solucion para el sonido android   


ya todo funciona solo es que los juegos no tienen sonido en android para compartir el ide con todo funcionando....   gracias
Título: Re:Div Games en Html5 y Canvas
Publicado por: l1nk3rn3l en Septiembre 04, 2015, 04:02:26 pm
bueno aqui un proyecto usando cordova que hemos creado


http://www.mediafire.com/download/rrem78tq25vh7ef/audio_funcionando_en_android_usando_cordovajs.rar




que incluye :


index.html para probarlo en firefox en windows


y apk para probarlo en android funciona el audio perfectamente...


lo raro es que el boton pausar sonido arroja un error no sabemos que sera
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 04, 2015, 06:03:46 pm
He mirado el código javascript por encima y veo que se intenta pausar un audio que no existe.

Código: [Seleccionar]
function playStream() {
  try {
   //alert ("ffff");
  var myaudio = new Audio('http://audio.ibeat.org/content/p1rj1s/p1rj1s_-_rockGuitar.mp3');

    myaudio.id = 'playerMyAdio';
    myaudio.play();
  } catch (e) {
    alert('no audio support!');
  }
}

function stopStream() {
  try {
   myaudio.pause();
  } catch (e) {
    alert('no audio support!');
  }
}

Al hacer var myaudio dentro de la función playStream() esta es privada de la función, prueba así a ver (luego me lo miro mas a fondo):

Código: [Seleccionar]
var myaudio;

function playStream() {
  try {
   //alert ("ffff");
  myaudio = new Audio('http://audio.ibeat.org/content/p1rj1s/p1rj1s_-_rockGuitar.mp3');

    myaudio.id = 'playerMyAdio';
    myaudio.play();
  } catch (e) {
    alert('no audio support!');
  }
}


function stopStream() {
  try {
   myaudio.pause();
  } catch (e) {
    alert('no audio support!');
  }
}

Un saludo
Título: Re:Div Games en Html5 y Canvas
Publicado por: l1nk3rn3l en Septiembre 04, 2015, 06:14:49 pm
se me olvidaba que javascript crea variables locales en las funciones era eso porque no funciona el boton pause....


regresando al tema yo creo que usando cordova en divgo se podra usar el sonido en ios y android sin problemas ...
es una sugerencia ..
http://docs.phonegap.com/en/edge/cordova_media_media.md.html (http://docs.phonegap.com/en/edge/cordova_media_media.md.html)


solo nos falta eso  para terminar el editor de divgo que prometimos  (con todo 100%) ..
asi que porfavor usa cordova como reproductor de sonidos/musica/video





nueva version del reproductor usando cordova js
http://www.mediafire.com/download/nhgd2h3ooa9y4dh/reproductor_medios_cordova.rar (http://www.mediafire.com/download/nhgd2h3ooa9y4dh/reproductor_medios_cordova.rar)
Título: Re:Div Games en Html5 y Canvas
Publicado por: Futu-block en Septiembre 04, 2015, 09:13:50 pm
agradeceria alguna pista para hacercorrer un juego en un telefono con ubuntu, gracias
Título: Re:Div Games en Html5 y Canvas
Publicado por: l1nk3rn3l en Septiembre 04, 2015, 09:45:18 pm
requiere que descargues el kit de desarrollo de ubuntu para crear aplicaciones para la tienda ubuntu
https://developer.ubuntu.com/en/start/




o la otra es que copies tu proyecto html5 a la tarjeta de memoria del telefono y lo corras desde el admon de archivos del telefono
supuestamente es un archivo html deberia funcionar haciendo click sobre el index.html desde el telefono creo yoo
Título: Re:Div Games en Html5 y Canvas
Publicado por: l1nk3rn3l en Septiembre 04, 2015, 11:30:40 pm
aqui una version actualizada para reproducir sonidos y videos en windows y android sin cambiar codigo


http://www.mediafire.com/download/td5365clk0lnj63/media_player_usando_cordovaaa.rar
Título: Re:Div Games en Html5 y Canvas
Publicado por: Futu-block en Septiembre 05, 2015, 11:55:42 am
bien gracias, le echaré un vistazo, aunque ya lo tengo instalado y sin saber ni zorra idea de sdk de ubuntu, la idea seria abrir un .dcb con un bgdi usando unas librerias dentro de la misma carpeta, una cosa tan facil de hacer en la terminal del pc y que no se puede en la terminal del telefono, asi que toca empollar ;)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 05, 2015, 12:30:17 pm
Ya disponible online la versión 0.76, esta es para realizar testeos antes de sacar las descargas, aquí las novedades:
 
funciones 3d:
   - clear_texture(); color_object3d(); video_in_object3d();

variables:
   - xgraph, stroke_size, stroke_round

bugs y mejoras:
   - [FIX] corregido problema con signal al eliminar varios procesos de distintos tipos con all_process
   - [FIX] corregida la posición de los puntos de control de los archivos map
   - [ADD] palabra reservada dup para duplicar valores incluidos entre paréntesis
   - [CHANGE] cambios en el compilador para que no de error declaración de variables nuevas con variables definidas de las structs
   - [FIX] map_block_copy, map_xput, map_put, map_put_pixel y screen_copy, no manejaba el punto de control de la imagen
   - [FIX] realizado varias correcciones en el compilador

Un saludo.  :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 06, 2015, 11:26:15 am
Realizada pequeña actualización de la v0.76, he incluido la función draw_stamp(); para poder pegar al fondo los draw.

Con draw_stamp(all_drawing) pegara al fondo todos los draw que haya en el momento, así se puede ir liberando draw sin que estos desaparezcan de pantalla.

Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 06, 2015, 12:56:29 pm
Div GO versión 0.76 ya disponible para descargar, tanto versión normal como versión desktop para windows. :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: everbill en Septiembre 06, 2015, 01:39:34 pm
excelente trabajo. Me encanta el trabajo queestas haciendo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 06, 2015, 10:09:25 pm
Gracias everbill. :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: l1nk3rn3l en Septiembre 07, 2015, 01:38:00 am
para usar otro reproductor de sonidos .. en que parte del codigo debo cambiar
el loadsound y el play???
parece que el codigo de divgo.js esta ofuscadoooo

http://www.mediafire.com/download/td5365clk0lnj63/media_player_usando_cordovaaa.rar (http://www.mediafire.com/download/td5365clk0lnj63/media_player_usando_cordovaaa.rar)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 07, 2015, 07:14:16 am
para usar otro reproductor de sonidos .. en que parte del codigo debo cambiar
el loadsound y el play???
parece que el codigo de divgo.js esta ofuscadoooo

http://www.mediafire.com/download/td5365clk0lnj63/media_player_usando_cordovaaa.rar (http://www.mediafire.com/download/td5365clk0lnj63/media_player_usando_cordovaaa.rar)

Se puede añadir al final de divgo.js una nueva función load_sound() y sound() por lo que automáticamente las de divgo acabarían siendo ignoradas.

Código: [Seleccionar]
... zncxiuhoiauh; //código minificado
//esto sería el final del código de divgo.js

var load_sound = function(archivo, repetir){
            if (DivGO.sonido_cargado[archivo] === undefined){
                  DivGO.sonido_cargado[archivo] = new Audio(archivo) || document.createElement('audio');
                  DivGO.sonido_cargado[archivo].src = archivo;
                  DivGO.sonido_cargado[archivo].loop = repetir;
       
                  return DivGO.sonido_cargado[archivo];
            }else{
                  DivGO.sonido_cargado[archivo].loop = repetir;
                   
                  return DivGO.sonido_cargado[archivo];
            }
      },

      sound = function(canal, volumen, frecuencia){
            if (canal.currentTime) canal.currentTime = 0;
       
            if (volumen > 512) volumen = 512;
            if (volumen < 0)   volumen = 0;
       
            if (frecuencia > 512) frecuencia = 512;
            if (frecuencia < 0)      frecuencia = 0;
       
            canal.volume = volumen/512;
            canal.playbackRate = (frecuencia*2)/512;
               
            if (typeof canal === 'object') canal.play();
       
            DivGO.numero_sound.push(new DivGO.CREATEsound(canal));
       
            num_sound++;
       
            return DivGO.numero_sound[DivGO.numero_sound.length-1].id;
      };


El código esta minificado para que la carga de javascript sea menos pesada, desde aquí puedes dejarlo algo más legible: http://jsbeautifier.org/

Por otro lado, estuve probando la lib de cordova y no conseguí que se oyera desde mi móvil... no sé si puede deberse por la versión de android. :P

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: FreeYourMind en Septiembre 07, 2015, 07:53:20 am
entonces no es open source ? porque descompilar con esas tools no suelen decompilarlo al 100% y que sean compilable al 100%
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 07, 2015, 08:59:35 am
entonces no es open source ? porque descompilar con esas tools no suelen decompilarlo al 100% y que sean compilable al 100%
El código js siempre suele estar abierto, se puede ofuscar o minificar, al minificar lo que se hace es quitar espacios, tabulaciones, comentarios y reducir algunos nombres de variables locales para reducir el peso del archivo js.
Beautifier js lo que hace es devolver los espacios y las tabulaciones, haciendo que vuelva a ser un poco mas legible, esto no es una descompilación. Lo que no devuelve son los comentarios (tampoco es que hayan muchos comentarios en mi código) ni los nombres largos de las variables locales, y seguirá siendo 100% compatible.

En los paquetes de descarga se incluye todo el código aunque una parte la de javascript este minificada, el 80% restante, todo lo que es php, está abierto sin minificar ni ofuscar (empaquetador, compilador, constructor de código).
Título: Re:Div Games en Html5 y Canvas
Publicado por: FreeYourMind en Septiembre 07, 2015, 09:06:33 am
Ok, gracias por la aclaración, por otro lado no pude ponerme a probarlo el finde, a ver si a lo largo de la semana  ;D
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 07, 2015, 11:27:42 am
Añadido ejemplos de las nuevas funciones:

video_in_object3d() : http://www.divgo.net/c-2f3ff101
color_object3d() : http://www.divgo.net/c-f6904765
draw_stamp() :  http://www.divgo.net/c-41047308

Un saludo. :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: l1nk3rn3l en Septiembre 07, 2015, 01:20:55 pm
cordial saludo..


gracias por la explicacion


probaste el apk que viene incluido en el telefono??? requiere android 4.0 en adelante...   el telefono debe tener conexion a internet para probar el ejemplo....
es que por el momento estoy probando cordova con archivos alojados en la nube


ya que localmente es otra ruta dentro de android .. (por facilitar las cosas y probar ya que android para reproducir
sonidos necesita permisos .. ese trabajo lo hace cordova.js )


por favor confirmame si probaste el apk de cordova con el telefono conectado al wifi o a internet
agradezco su tiempo...



por favor alguien que tambien tenga android pruebe los apk que vienen de ejemplo a ver si funcionan
en sus dispositivos android (conectados a internet por supuesto) requiere android 4.0 en adelante


http://www.mediafire.com/download/td5365clk0lnj63/media_player_usando_cordovaaa.rar (http://www.mediafire.com/download/td5365clk0lnj63/media_player_usando_cordovaaa.rar)


estamos en fase de pruebas antes de liberar la definitiva (ide con exportacion android y windows)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 07, 2015, 02:05:56 pm
Esta vez sí que me ha funcionado bien el audio!  8)

Yo tengo un LG G3 con Android 5.0 Lollipop (por si necesitas saber la versión).
Título: Re:Div Games en Html5 y Canvas
Publicado por: FreeYourMind en Septiembre 07, 2015, 04:58:46 pm
yo tambien tengo ese movil  ;D  pero version 32 gigas, 3 gigas ram
Título: Re:Div Games en Html5 y Canvas
Publicado por: Futu-block en Septiembre 09, 2015, 07:23:13 pm
he estado trasteando un poco y una pregunta que me surge es...
¿donde se guarda mi juego?
osea, no tengo ninguna cuenta creada de usuario ni nada, no se donde esta mi juego si esta guardado o que, y no se si podria abrirlo, donde se guarda...

aparte, si está terminado el juego, ¿como puedo hacer que tu lo juegues?
osea, debo de tener una url para poder jugarlo en la tablet, por ejemplo...
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 09, 2015, 11:26:45 pm
he estado trasteando un poco y una pregunta que me surge es...
¿donde se guarda mi juego?
osea, no tengo ninguna cuenta creada de usuario ni nada, no se donde esta mi juego si esta guardado o que, y no se si podria abrirlo, donde se guarda...

aparte, si está terminado el juego, ¿como puedo hacer que tu lo juegues?
osea, debo de tener una url para poder jugarlo en la tablet, por ejemplo...

Hola Futublock,

Automáticamente se guarda en la cache del navegador, en la versión ejecutable lo guarda en una carpeta que se llama webcache que se crea al ejecutar por primera vez DivGO. En la cache (webcache) se guardan todos los cambios que hagas, tanto de código como de imágenes y configuraciones. No hace falta cuenta, no se guarda en la "nube". :)

Cuando tengas avances importantes en tu juego te aconsejo que guardes de vez en cuando un prg pulsando al botón de guardar prg, con esto lo guardas en la ruta que indiques de tu ordenador. También está la opción para guardar en la "nube", en el servidor de divgo.net, esto vale para recuperar de forma privada desde cualquier ordenador insertando el código de recuperación (acuérdate de apuntarlo) o publica compartiendo el enlace.

Y una vez hayas acabado el desarrollo del juego tienes la opción de empaquetar, te dará tu juego con todos los gráficos, sonidos y fuentes que hayas cargado, preparado para subir a un servidor o pagina de juegos online. Y si no tienes un servidor también te lo puedo subir a www.divgo.net para que este en el apartado de juegos desarrollados. En un futuro quiero hacer una sección de registro de cuenta de desarrollador para el que quiera pueda subir sus proyectos empaquetados a divgo.net y poder administrarlos/actualizarlos, pero eso es para más adelante. :P

También tienes la opción de empaquetar tu proyecto y usar herramientas como Intel XDK para poder hacer juegos para móvil, es una herramienta bastante fácil de usar, es importar el juego empaquetado y hacerle algunas configuraciones para la app movil. :)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: Futu-block en Septiembre 10, 2015, 02:57:20 pm
en un principio, lo unico que me interesa es una url con mi juego donde se pueda jugar en cualquier navegador (o el mas usado) peeeero primero hay que tener un juego, asi que trastearé

gracias y karma++
Título: Re:Div Games en Html5 y Canvas
Publicado por: l1nk3rn3l en Septiembre 11, 2015, 03:27:37 am
en un principio compilador.php sabia que archivo compilar leyendo  appRoute.tmp


dentro habia la ruta del prg que habia de compilar ...


desde el editor IDE cargo compilador con alguna variable en particular para saber cual se debe compilar?


algo asi seria actualmente  ?
localhost:8080/compilador.php?file=ejemplo.prg




es que desde el ide le doy localhost/compilador.php   y me carga el index.php




internamente se usa javascript  para leer el archivo compilado


DivGO_IDE.opcionPulsada(this.name)

pero digamos desde un editor externo no puedes volver a usar   appRoute.tmp   para indicarle a compilador.php
cual fuente se desea compilar?
Route.tmp  para decirle que archivo compilar adicionalmente?

cias



Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 11, 2015, 10:05:25 am
en un principio compilador.php sabia que archivo compilar leyendo  appRoute.tmp


dentro habia la ruta del prg que habia de compilar ...


desde el editor IDE cargo compilador con alguna variable en particular para saber cual se debe compilar?


algo asi seria actualmente  ?
localhost:8080/compilador.php?file=ejemplo.prg




es que desde el ide le doy localhost/compilador.php   y me carga el index.php




internamente se usa javascript  para leer el archivo compilado


DivGO_IDE.opcionPulsada(this.name)

pero digamos desde un editor externo no puedes volver a usar   appRoute.tmp   para indicarle a compilador.php
cual fuente se desea compilar?
Route.tmp  para decirle que archivo compilar adicionalmente?

cias




He tenido que mirarme el código porque no recordaba como estaba hecho esto.

Esto no se ha tocado desde que lo hice, esta como siempre, no hace falta indicarle al compilador el archivo necesario, si creas un archivo appRoute.tmp en la misma ruta donde se encuentra compilador.php y lo ejecutas: localhost:8080/compilador.php

Existiendo appRoute.tmp cogerá el archivo prg desde la ruta que tenga escrita dentro y que exista el prg. Una vez lo compila el archivo appRoute.tmp se elimina automáticamente.

Dentro del appRoute.tmp tiene que ir escrita una ruta, como por ejemplo: "ejemplos/ejemplo_advance.prg"

Cualquier duda me comentas. :)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: l1nk3rn3l en Septiembre 11, 2015, 11:50:22 am

funciona como dices parece que es otra cosa...

si es asi pero parece que el servidor web local no funciona como antes.. mirare que esta pasando
Título: Re:Div Games en Html5 y Canvas
Publicado por: Futu-block en Septiembre 13, 2015, 08:08:30 am
me estoy peleando con los graficos, le doy a añadir grafico y me aparece en la web el grafico que quiero, pero no se que hacer despues, no pone boton de guardar ni nada...
si le doy a la X resulta que el grafico queda en el fpg con el nº 11, luego en codigo lo selecciono y no aparece, no se por que
No se si eso es un ''fallo'' o es algo que no hago bien
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 13, 2015, 03:55:47 pm
Hola Futublock,

Cuando subes una imagen y cierras con X se guardan los cambios que hayas realizado, por lo que la imagen que has subido queda reflejada en la lista del visor FPG. Pero veo que falla, no da error pero tampoco se dibujan las imágenes subidas al FPG, esto ha tenido que fallar con algún cambio que he hecho en la actual versión.  :-[

Mirare de corregirlo para la próxima.

Un saludo y gracias por el reporte.

Título: Re:Div Games en Html5 y Canvas
Publicado por: Futu-block en Septiembre 13, 2015, 05:06:32 pm
weeeeeeeeee soy un ''bug-finder'' lol...
+ karma porque si, lol
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 14, 2015, 08:10:58 pm
Ya lo tengo solucionado, este era un bug de los gordos. A causa de este bug habían varios errores que no tenia controlado o no los había testeado.
Por ejemplo, si intentas subir un grafico a un fpg distinto al de la carpeta gráficos, por ejemplo el de las texturas u otro, no se añade ningún grafico. SOLUCIONADO
Y una vez había solucionado lo de las texturas al intentar aplicarlas a los objetos 3d, scene3d o mode7, estas no se aplicaban y quedaban en blanco. SOLUCIONADO

Así que para la próxima versión eso ya esta corregido. :)

Un saludo.

Título: Re:Div Games en Html5 y Canvas
Publicado por: Futu-block en Septiembre 14, 2015, 09:00:13 pm
bien, porque me estaba enganchando ya al divgo
karma++
Título: Re:Div Games en Html5 y Canvas
Publicado por: l1nk3rn3l en Septiembre 16, 2015, 04:13:02 am




algo le pasa a este foro algunas cosas
no aparecen

http://tinyurl.com/q7xcdxn
[/size]
Título: Re:Div Games en Html5 y Canvas
Publicado por: l1nk3rn3l en Septiembre 16, 2015, 04:19:28 am
me toco en otro post anunciar el editor divgo con exportacion android y windows

http://tinyurl.com/q7xcdxn (http://tinyurl.com/q7xcdxn)
Citar


[/code]http://tinyurl.com/q7xcdxn
[/size][/font]
Código: [Seleccionar]



[font=verdana][size=2px][url=http://tinyurl.com/q7xcdxn]http://tinyurl.com/q7xcdxn[/url][/size][/font][/size][/font]
[/font]




http://tinyurl.com/q7xcdxn
Título: Re:Div Games en Html5 y Canvas
Publicado por: Futu-block en Septiembre 16, 2015, 07:30:29 am
sorprendido me hallo
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 16, 2015, 07:31:08 am
Muy interesante! :)

Lo he estado probando y he visto que hace algo raro cuando exporto a EXE, una vez hace el proceso de exportación me abre la carpeta de Mis Documentos y no esta el juego exportado. En cambio si que lo crea dentro de la carpeta temporal: temp/exe/


También pasa al exportar a APK.
Título: Re:Div Games en Html5 y Canvas
Publicado por: l1nk3rn3l en Septiembre 16, 2015, 01:12:53 pm
si es algo temporal... provisional del ide...


pero mas o menos seria eso para los que quieren ver sus creaciones divgo  en android  y windows con un solo click




Título: Re:Div Games en Html5 y Canvas
Publicado por: panreyes en Septiembre 16, 2015, 03:10:51 pm
Una preguntilla l1nk. Todo esto que estáis desarrollando, ¿lo tenéis en algún repositorio de código abierto?

Por saber :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: l1nk3rn3l en Septiembre 16, 2015, 06:15:31 pm
nueva version del editor divgo mas estable  ...  (por el momento el sonido en android no funciona)




http://bit.ly/1KqpdvI
Título: Re:Div Games en Html5 y Canvas
Publicado por: l1nk3rn3l en Septiembre 17, 2015, 12:00:29 am
Una preguntilla l1nk. Todo esto que estáis desarrollando, ¿lo tenéis en algún repositorio de código abierto?

Por saber :)




aqui el  editor que estamos trabajando para divgo  con opciones android y windows... 
http://bit.ly/1KhU7mm





bennugd 2 y pixstudio esta en desarrollo en breve subiremos los avances...
https://sourceforge.net/projects/coldev/files/bennugd2_Pixtudio/ (https://sourceforge.net/projects/coldev/files/bennugd2_Pixtudio/)


Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 18, 2015, 11:05:01 pm
Versión 0.78 ya disponible online para realizar testeos, las novedades:
 
funciones 2d:
   - xdraw_stamp(); move_scroll();

variables:
   - rgb_to_invert, rgb_to_grayscale, rgb_to_bw

bugs y mejoras:
   - [CHANGE] cambiado el orden de colocación de variables locales y privadas en la construcción de un proceso
   - [FIX] el programa daba error al intentar hacer cualquier tipo de colisión con mouse
   - [FIX] solucionado problemas en la actualización del scroll cuando había varias regiones con scroll inicializado
   - [FIX] arreglado problema desde el compilador con variable timer[0]=x; si no usaba corchetes timer=x;
   - [FIX] solucionado problema con la carga y visualización de imágenes subidas desde el visor fpg del entorno
   - [FIX] al subir imágenes desde el visor fpg a un fpg distinto del 0 no se guardaba
   - [FIX] las texturas subidas desde el visor fpg, no se aplicaba en los objetos 3d, dejando estos en blanco
   - [CHANGE] set_mode() cambia la forma de interpretar el reescalado de pantalla, ahora con poner set_mode(m320x240,2); reescalara a 640x480
   - [CHANGE] stop_scroll() ahora elimina los procesos que tenga ctype con valor c_scroll y no exista ninguna región con scroll
   - [ADD] incluido el juego de div 2 Castle of Dr. Malvado de Daniel Navarro adaptado a div go

Un saludo.  (http://foro.bennugd.org/Smileys/default/smiley.gif)
Título: Re:Div Games en Html5 y Canvas
Publicado por: Erkosone en Septiembre 19, 2015, 12:12:20 pm
Hola amaka, le he dado click a crear empaquetado en el juego del doctor malvado y me descargo de tu web un zip, al descomprimirlo y ejecutar el index me salta el explorardor "google crome" para abrir el juego y se queda al 15% de ahi no pasa.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 19, 2015, 01:03:30 pm
Hola amaka, le he dado click a crear empaquetado en el juego del doctor malvado y me descargo de tu web un zip, al descomprimirlo y ejecutar el index me salta el explorardor "google crome" para abrir el juego y se queda al 15% de ahi no pasa.

Me lo mirare a ver que puede estar pasando, gracias por el reporte. :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 19, 2015, 07:04:42 pm
Vale, esto no es un fallo de DivGO, esto es cosa de Chrome que no permite la carga de archivos en javascript cuando usas el protocolo 'file:///' (por temas de seguridad), con Firefox no hay este problema. Tienes que ponerlo en un servidor local o subirlo a un servidor remoto, con un protocolo 'http://' o 'https://' funciona bien.

Para hacerlo funcionar pulsado únicamente sobre el index.html usa Firefox que no te dará problemas.

Creo que esto ya lo había comentado alguna vez... :P

Título: Re:Div Games en Html5 y Canvas
Publicado por: Futu-block en Septiembre 19, 2015, 07:38:01 pm
Versión 0.78 ya disponible online para realizar testeos, las novedades:
   - [FIX] solucionado problema con la carga y visualización de imágenes subidas desde el visor fpg del entorno
Un saludo.  (http://foro.bennugd.org/Smileys/default/smiley.gif)


No del tó, para borrar una imagen cargada la selecciono y aparece en grande, luego le doy al cubo de basnura que pone ''borrar cambios'' para a continuacion darle a la x y no desaparece lo que es la herramienta de editado de imagen

Yo personalmente veo absurda esa herramienta, ya que preparo y edito los graficos por mi cuenta bajo gimp o inkscape y cuando esté listo del tó es cuando la subo, peeero habrá razones de que esté ahí

De todas formas gracias por que estais haciendo un buen trabajo
Título: Re:Div Games en Html5 y Canvas
Publicado por: Erkosone en Septiembre 20, 2015, 12:22:31 am
Ok Amaka, lo ejecutaré entonces desde el propio sitio web y no hay problema ;)
Título: Re:Div Games en Html5 y Canvas
Publicado por: l1nk3rn3l en Septiembre 20, 2015, 03:31:10 am
falta la 078 en descargas
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 20, 2015, 09:08:40 am
Ya está disponible la descarga de la 0.78.

falta la 078 en descargas

Antes de poner la descarga lo suelo probar con varios ejemplos, para ver que todo sigue funcionando sin problemas aparte de lo nuevo que pueda traer. :)


Versión 0.78 ya disponible online para realizar testeos, las novedades:
   - [FIX] solucionado problema con la carga y visualización de imágenes subidas desde el visor fpg del entorno
Un saludo.  (http://foro.bennugd.org/Smileys/default/smiley.gif)


No del tó, para borrar una imagen cargada la selecciono y aparece en grande, luego le doy al cubo de basnura que pone ''borrar cambios'' para a continuacion darle a la x y no desaparece lo que es la herramienta de editado de imagen

Yo personalmente veo absurda esa herramienta, ya que preparo y edito los graficos por mi cuenta bajo gimp o inkscape y cuando esté listo del tó es cuando la subo, peeero habrá razones de que esté ahí

De todas formas gracias por que estais haciendo un buen trabajo

La herramienta la intento mejorar poco a poco, no llegara nunca a ser como Gimp o inkscape o Photoshop, pero para informarte de los colores en un mapa de durezas, hacerle un pequeño retoque al grafico o en un futuro poner puntos de control, para eso si podria ser útil. :)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: Futu-block en Septiembre 20, 2015, 09:49:57 am
si esta bien que tenga un editor grafico ''de emergencia''

bien, ahora tengo otro reto (el que tengo se vá a quedar parao) hacer un juego con graficos de cero en divgo, jijiij

será tactil en plan movil y con un cazamariposas; mu rapidito de facil programacion
Título: Re:Div Games en Html5 y Canvas
Publicado por: l1nk3rn3l en Septiembre 20, 2015, 02:50:51 pm
pruebo localmente el dr malvado lo compilo y ejecuto y se queda en 93% y no carga el juego
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 20, 2015, 03:31:42 pm
pruebo localmente el dr malvado lo compilo y ejecuto y se queda en 93% y no carga el juego

Qué raro. Si sacas la consola del navegador que error te da?

Para sacar la consola del navegador hay que pulsar (Ctrl + Mayus. + i) y seleccionar la pestaña Consola.
Título: Re:Div Games en Html5 y Canvas
Publicado por: Futu-block en Septiembre 20, 2015, 08:25:31 pm
vale, hecho, parece que rula bien
http://www.divgo.net/c-34f8fcfd (http://www.divgo.net/c-34f8fcfd)

lo he probado en el movil y las imagenes que sen retocadas con el editor propio, hace que no sean las originales

de toas formas estoy mu contento con el resultao, ahora toca ir por el juego en condiciones, una maquinita game and watch
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 20, 2015, 09:39:00 pm
vale, hecho, parece que rula bien
http://www.divgo.net/c-34f8fcfd (http://www.divgo.net/c-34f8fcfd)

lo he probado en el movil y las imagenes que sen retocadas con el editor propio, hace que no sean las originales

de toas formas estoy mu contento con el resultao, ahora toca ir por el juego en condiciones, una maquinita game and watch

Con la opción de Guardar y obtener ID, solo guardas el código, esto sirve para hacer ejemplos con los recursos de la propia web y poder compartirlo o guardar un código que hayas hecho para luego recuperarlo desde otro ordenador sin necesidad de compartir. No se guardan las imágenes retocadas desde ahí. Yo por ejemplo veo corazones y tréboles corriendo, y la estrella aparece por donde voy pulsado. :)

Para guardar las imágenes, que hayas retocado o guardado a mano en un fpg, es empaquetando el proyecto.

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: Futu-block en Septiembre 21, 2015, 07:30:46 am
bien, entonces ¿como comparto un juego? por ejemplo este que ya está entre comillas terminado, con la intencion de disntribuirlo
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 21, 2015, 08:37:36 am
bien, entonces ¿como comparto un juego? por ejemplo este que ya está entre comillas terminado, con la intencion de disntribuirlo

Si no tienes un servidor propio, al ser un proyecto creado con Div GO te lo puedo subir en el apartado de Juegos Desarrollados: http://www.divgo.net/secciones/es/juegos.php

En un futuro quiero crear una opción donde pueda la gente registrarse como usuario (y una vez este registrado pueda indicar que es desarrollador) y pueda subir sus proyectos automáticamente, pero esto todavía cae lejos. :P

En tu juego mira que tenga un titulo propio en vez de "Div GO : Ejemplo Scroll y Mode 7". :)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: Futu-block en Septiembre 21, 2015, 01:00:01 pm
ok, cuando lo tenga terminado te lo mando por un enlace de descarga y ya tu haces lo que veas conveniente...

¿El porque?sencillamente, hago mis juegos altruistamente sin ansimo de lucro, asi que no me importa que esté alojado en otra pagina, ademas paso de montarme la mia propia, al menos todavia ;)
Título: Re:Div Games en Html5 y Canvas
Publicado por: Erkosone en Septiembre 22, 2015, 08:21:09 pm
Amaka si te animas a añadir la Box2D tengo algo que te va a venir muy bien jeje.. acabo de terminar mi algoritmo de detección de contornos de gráficos, osea, una función que le pasas como parametro una imagen y te devuelve un array de vectores que forman el contorno del gráfico, esto sirve para crear poligonos automaticamente con cualquier librería de físicas.


Si te animas a añadir la bos2d a tu DivGo te paso la función jeje, es un pasote, hace lo mismo que hacía la que hizo PRG para chipmunk en bennu hace años, te ahorra un trabajo bestial a la hora de diseñar ;)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 23, 2015, 09:21:50 am
Amaka si te animas a añadir la Box2D tengo algo que te va a venir muy bien jeje.. acabo de terminar mi algoritmo de detección de contornos de gráficos, osea, una función que le pasas como parametro una imagen y te devuelve un array de vectores que forman el contorno del gráfico, esto sirve para crear poligonos automaticamente con cualquier librería de físicas.


Si te animas a añadir la bos2d a tu DivGo te paso la función jeje, es un pasote, hace lo mismo que hacía la que hizo PRG para chipmunk en bennu hace años, te ahorra un trabajo bestial a la hora de diseñar ;)

Ok, cuando me ponga con ello ya te pediré que me des unas clases y me pases tu función. :) Sobre la performance, leí que chipmunk tiraba mejor que box2d, qué opinas? Es que no tengo ni idea, no me he puesto con ello y ya que tu lo controlas… :)

Ahora mismo estoy arreglando bugs y cambiando cosas que funcionan distinto en DivGO con respecto a Div, hacer funcionar Dr. Malvado me hace ver que cosas no tiran igual como el caso de los fade(), no se muestra ni uno en el juego. :P

un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: Futu-block en Septiembre 23, 2015, 03:35:16 pm
Eso, hazte un tuto...
O mejor, un videotuto, je je
Título: Re:Div Games en Html5 y Canvas
Publicado por: Erkosone en Septiembre 23, 2015, 05:58:46 pm
Ok sin problema, llegado el momento lo miramos sin problema.
Si, chipmunk está hecha en C y es mas rápida originalmente que Box2D, aunque Box2D trae de serie opciones de cuerpos blandos y chipmunk no.
La verdad es que chipmunk es una pasada, a mi esa librería me encanta la forma en que se hacen las cosas, y se adapta muy bien a un lenguaje Div, aunque Box2D tampoco está nada mal no, aunque al ser nativa orientada a objetos se hace algo menos ardua de trabajar en algunos lenguajes.


La función en concreto de la que hablo que he hecho es una adaptación del algoritmo "Square tracing" con un comparador de trayectorias, voy avanzando por el contorno de una imagen y cuando detecto un cambio de trayectoria mayor a un umbral establecido entiendo que tengo que crear un nuevo vector en ese punto.. y así hasta llegar a dar la vuelta completa al gráfico.


PRG hizo uno que era mejor todavía, en una misma imagen hacia esto mismo y además era capaz de detectar mas de un objeto o figura por imagen, esto es extremadamente util para crear los escenarios, yo estoy estudiando el tema de como hacerlo y mas o menos lo tengo claro, pero ahun no me he puesto a ello, seguramente en breve lo tenga listo tambien y publique un tutorial sobre como hacer estas cosillas que siempre vienen bien tener a mano para muchas cosas ;)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Octubre 15, 2015, 10:11:31 pm
Versión 0.80 ya disponible online para testeos. Y aquí nuevamente la lista de novedades:

función:
   - unique();

funciones 2d:
   - write_html(); graphic_explorer(); graphic_builder();

funciones 3d:
   - get_vectors(); change_vectors();

struct [graphic_explorer]:
   - mi_var.data[pixel_rgba], mi_var.width, mi_var.height;

bugs y mejoras:
   - [FIX] corregido el funcionamiento de fade_off() y fade_on(), como lo hacía div original
   - [FIX] fade_in() y fade_out() cuando se combinaba con fade_on() y fade_off()
   - [FIX] write_int colgaba el juego al pasar una variable sin offset o al poner una función en el offset
   - [FIX] error en scrolls cuando no se tenía creado un numero de scrolls inferior o se saltaba algún número
   - [FIX] al empaquetar un proyecto con imágenes nuevas añadidas y maps modificados desde el ide
   - [FIX] al listar los fpgs cargados en el código, si se repetía la carga, aparecía varias veces en la lista
   - [ADD] scrollbar en el editor gráfico cuando la imagen es de mayor tamaño que la ventana del navegador
   - [ADD] soportado en el mode7 y scene3d los efectos a los graph
   - [ADD] incluidas 4 nuevas formas 3d en la función object3d(): icosaedro, tetraedro, dodecaedro y circulo plano
   - [ADD] recuperadas las funciones de manipulación gráfica

Durante los próximos días iré poniendo ejemplos de las funciones nuevas en la lista de funciones de la documentación. :)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Octubre 16, 2015, 07:52:17 am
Ejemplos de 2 nuevas funciones de la versión 0.80:

unique: http://www.divgo.net/c-5f389649 (http://www.divgo.net/c-5f389649)
write_html: http://www.divgo.net/c-551fb4ad (http://www.divgo.net/c-551fb4ad)
change_vectors: http://www.divgo.net/c-c00a3b23

Otro ejemplo de write_html con estilos:
Código: [Seleccionar]
program ejemplo_write_html;

begin
    set_mode(640, 300);
   
    text_size = 80;
    write_html(0, 4, "Probando etiquetas <b>HTML</b> en Div GO<br>" +
                     "by <i><span style='background:#880; padding:3px; border-radius:4px;'>Amaka Soft</span></i>");
   
    loop
   
        frame;
    end
end
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Octubre 18, 2015, 09:45:17 pm
Versión 0.80 ya disponible para descargar. :)

He tardado un poco porque he actualizado la lib 3d Three.js a la última versión y he tenido que realizar algunos cambios en Div GO para que todo continuara funcionando.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Octubre 19, 2015, 08:43:48 pm
Aquí otro nuevo ejemplo añadido, uso de las funciones graphic_explorer() y graphic_builder(): http://www.divgo.net/c-c5c16287

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Noviembre 03, 2015, 10:02:00 pm
En breve estará disponible la versión 0.82. Aquí pongo unas capturas de esta nueva versión. :)

(https://scontent-mad1-1.xx.fbcdn.net/hphotos-xlp1/t31.0-8/906024_902598123150812_2199575727707382415_o.jpg) (https://scontent-mad1-1.xx.fbcdn.net/hphotos-xpf1/t31.0-8/12194876_902598139817477_3071460925653673541_o.jpg) (https://scontent-mad1-1.xx.fbcdn.net/hphotos-xlf1/t31.0-8/12186544_902598133150811_3710739079523410008_o.jpg) (https://scontent-mad1-1.xx.fbcdn.net/hphotos-xtf1/t31.0-8/12185057_902598126484145_4751713567104116372_o.jpg) (https://scontent-mad1-1.xx.fbcdn.net/hphotos-xaf1/t31.0-8/905586_902598136484144_1667789568542240285_o.jpg)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Noviembre 04, 2015, 10:02:02 pm
Versión 0.82 ya disponible online para testear. Y las novedades:

funciones:
   - get_sound_length(); get_sound_playtime(); get_video_length(); get_video_playtime();

bugs y mejoras:
   - [FIX] out_region() con desplazamiento de scroll, mantenía la posición fija
   - [FIX] arreglado problema con las tonalidades en la función fade()
   - [FIX] corregido problema en la carga de archivos, no se controlaba la existencia de archivos cargados previamente
   - [FIX] en la versión anterior olvidé descomentar una línea que afecto al reescalado de imágenes con set_mode()
   - [FIX] solucionado problema con las clonaciones, ahora la clonación de procesos funciona
   - [CHANGE] cambio en el funcionamiento de get_id(), ahora funciona de manera similar a div2
   - [FIX] en el funcionamiento de los procesos cuando se usan distintos ctype y la local priority
   - [FIX] load_image() para que soporte de forma correcta la carga de archivos map
   - [ADD] opción de borrado de datos (cookies, cache, localstorage) por imágenes editadas, códigos guardados y configuraciones del entorno
   - [ADD] incluido el juego de div 2 Pacoman de Daniel Navarro adaptado a div go

Un saludo. :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: Transdiv en Noviembre 06, 2015, 09:23:58 am
Amaka, la función de empaquetado no funciona, no?, o estare haciendo algo mal.

Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Noviembre 06, 2015, 10:16:05 am
Amaka, la función de empaquetado no funciona, no?, o estare haciendo algo mal.

Si, acabo de probarlo y si que falla el empaquetado en la 0.82. :P

Por esta razón no saco la versión descargable a la vez que la que subo en divgo.net, me gusta dar un tiempo preventivo para que podamos todos realizar testeos.

Gracias por el reporte Transdiv. :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Noviembre 06, 2015, 12:49:23 pm
Ahora debería de funcionar.  8)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Noviembre 07, 2015, 11:50:02 am
Ya esta disponible para descargar la versión 0.82.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Noviembre 17, 2015, 03:13:11 pm
Aquí pongo un enlace con las pruebas que he realizado de lectura y dibujado del formato FNT, posiblemente caiga en la 0.84: http://www.divgo.net/proyectos/divgo-fnts/
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Diciembre 03, 2015, 07:44:23 pm
Nueva versión 0.84 subida online para realizara testeos. Esta versión a sufrido importantes cambios internos por lo que pueden aparecer algunos bugs... Y ahí van las novedades:

funciones:
   - set_shadows(); clear_shadows(); shadow_in_object3d(); out_region_dist(); set_volume();

variables:
   - b_left, b_top, b_pixel_ratio

bugs y mejoras:
   - [MEGA ADD] compatibilidad con los formatos fnt y fpg de div 2 (8 bits de color)
   - [ADD] el visor de fuentes ahora también soporta el formato fnt
   - [ADD] el visor de fpg ahora también visualiza (no edita) archivos fpg compatibles de div 2
   - [FIX] solucionado problema en el compilador cuando se devolvía un valor a varias variables a la vez, ej: a=b=rand(0,2);
   - [FIX] editor de imágenes no adaptaba el recuadro de la imagen al visualizar una imagen grande y luego una más pequeña
   - [ADD] mejoras en el rendimiento del entorno, en visualizadores de recursos y en la lista de procesos y funciones
   - [ADD] incluido los fnt originales en los juegos de div 2 Pacoman y Castle of Dr. Malvado
   - [ADD] incluido el juego de div 2 Steroid de Daniel Navarro adaptado a div go


En breve ire colgando ejemplos de las nuevas funciones. 8)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Diciembre 04, 2015, 09:32:55 pm
Ejemplo de proyección de sombras: http://www.divgo.net/c-a9c12da8 (http://www.divgo.net/c-a9c12da8)
Ejemplo out_region_dist(): http://www.divgo.net/c-70e76ea5 (http://www.divgo.net/c-70e76ea5)
Ejemplo variables b_left, b_top y b_pixel_ratio con get_browser(): http://www.divgo.net/c-c2b65add (http://www.divgo.net/c-c2b65add)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Diciembre 05, 2015, 07:21:55 pm
Versión 0.84 ya disponible para descargar. :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: Erkosone en Diciembre 09, 2015, 06:58:56 am
Hola Amaka, ya que ahora puedes cargar archivos FPG de DIV.. por que no das un pasito mas allá y lo haces compatible con el formato FPG de BennuGD a 32 bits? creo que este formato es de código abierto y hay buenas herramientas disponibles.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Diciembre 09, 2015, 10:35:57 am
Hola Amaka, ya que ahora puedes cargar archivos FPG de DIV.. por que no das un pasito mas allá y lo haces compatible con el formato FPG de BennuGD a 32 bits? creo que este formato es de código abierto y hay buenas herramientas disponibles.

Si, ese será el próximo objetivo, hacerlo compatible con los fpg, map y fnt de 32bits. Pero no ha sido fácil... casi me da un derrame cerebral al intentar interpretar los fnt. :P
Título: Re:Div Games en Html5 y Canvas
Publicado por: Erkosone en Diciembre 09, 2015, 01:59:05 pm
Ya me imagino XD.
Creo que eran una foto con un puntito abajo que separaba los chars no? o algo así, pero claro de decir esto a hacer que funcione jajajajajaja... hay un buen trecho ;)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Diciembre 09, 2015, 02:31:11 pm
También pensaba que era como un map con un punto para separar cada carácter. Así es como se mostraba en el editor de fuentes de Div 2, pero es distinto, tiene más parecido a un fpg (sin los puntos de control y con un valor de alineación vertical) que a un map, ordenado de 0 a 255 según el código de caracter ascii.  :o
Título: Re:Div Games en Html5 y Canvas
Publicado por: Erkosone en Diciembre 09, 2015, 04:58:38 pm
Pues lo de los FPG esta muy bien tio, asi puedes dejar los recursos mas valiosos un poco mas resguardados.
Esto le da buenos puntos al lenguaje  ;D
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Diciembre 13, 2015, 08:53:50 pm
Pues lo de los FPG esta muy bien tio, asi puedes dejar los recursos mas valiosos un poco mas resguardados.
Esto le da buenos puntos al lenguaje  ;D

Pues en vista de la situación generada, tendrá solo soporte a FPG de Div2 y BennuGD (únicamente), eso sí, no serán editables, como pasa actualmente con los de Div2. En Div GO cuando se edita un archivo MAP pasa automáticamente a convertirse en un PNG una vez se empaqueta el proyecto.

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: Erkosone en Diciembre 14, 2015, 07:32:44 am
Guay, el formato de bennuGD y en mi caso con el Fpg Edit 2009 de CodeMaster que modificó Dcelso para que trabajara con 32 bits de bennu me son mas que suficientes para todo lo que necesito.


No se si conoces ese editor de FPG, a mi me parece muy bueno.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Diciembre 14, 2015, 03:10:40 pm
Estoy usando el FPG Editor 4.0 y el Smart FPG, creo que con estos ya tengo para ir probando. En teoría ya tengo también el FPG 32 (de Bennu), me falta pulir cosillas y añadir los puntos de control.

Lo próximo los FNT 32. :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Diciembre 15, 2015, 11:08:48 am
Pues ya tengo los FPG y los MAP de 32bits (versión BennuGD) integrado en DivGO, ahora ya solo me falta los FNT, pero antes tengo una duda del formato que he visto con un FPG de 32bits creado con el FPG Editor. Este se cierra con un registro final... Esto es siempre así en un FPG32? Es para saber si debo tenerlo siempre en cuenta o no... :P
Título: Re:Div Games en Html5 y Canvas
Publicado por: panreyes en Diciembre 15, 2015, 11:56:53 am
Ni idea, pero por curiosidad, ¿qué tiene ese registro?

Igual es un invento del propio FPG Editor para guardar alguna información suya propia.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Diciembre 15, 2015, 12:12:25 pm
Ni idea, pero por curiosidad, ¿qué tiene ese registro?

Igual es un invento del propio FPG Editor para guardar alguna información suya propia.

Si, en este caso es información del propio editor más que nada, esto es lo que obtengo:
233, 3, 0, 0, 68, 0, 0, 0, 114, 56, 49, 120, 54, 52, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 70, 80, 71, 32, 69, 100, 105, 116, 111, 114, 0, 0, 1, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0

Que equivale a:
(114, 56, 49, 120, 54, 52) = r81x64
(70, 80, 71, 32, 69, 100, 105, 116, 111, 114) = FPG Editor

Probare también con otros editores a ver si también me devuelve la misma cantidad de espacios o si esto lo crea solo el FPG Editor.
Título: Re:Div Games en Html5 y Canvas
Publicado por: FreeYourMind en Diciembre 15, 2015, 12:27:50 pm
será un espacio nombre reservado, posiblemente para comentarios y el escribe el nombre del editor que lo ha editado, tengo que mirar en mi adaptación a ver que hago yo porque los de 32 bits tambien ya los tengo rulando hace tiempo
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Diciembre 15, 2015, 02:39:49 pm
será un espacio nombre reservado, posiblemente para comentarios y el escribe el nombre del editor que lo ha editado, tengo que mirar en mi adaptación a ver que hago yo porque los de 32 bits tambien ya los tengo rulando hace tiempo

Puede ser, era para tener en cuenta para que no se genere un grafico vacio en el fpg en la lista de gráficos. :P

Título: Re:Div Games en Html5 y Canvas
Publicado por: darío en Diciembre 15, 2015, 07:17:16 pm
Estoy bastante seguro que en los FPG de32bpp de Bennu no hay ningún registro final así que tiene que ser un invento del FPG Editor.

Cuando hice el Smart Fpg Editor hice pruebas en las que comparaba los archivos generado con mi programa (https://bitbucket.org/dacucar/smart-fpg-editor/src/099025ef0eb77f65b08842dffcf086b972bf25d9/src/bennulib/cls/cDefaultFpgEncoder.cls?at=master&fileviewer=file-view-default) y los hackeaba ;) comparaba en un editor hexadecimal.
Ten en cuenta que los FNT son distintos en Fenix y en DIV. En DIV son muy parecidos al formato de de los FPGs. Mi programa puede abrir los FNT de div como FPG, por lo que a lo mejor un poco de código (https://bitbucket.org/dacucar/smart-fpg-editor/src/099025ef0eb77f65b08842dffcf086b972bf25d9/src/bennulib/cls/cDivFontFpgDecoder.cls?at=master&fileviewer=file-view-default) puede serte útil si piensas dar soporte a los mismos.

Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Diciembre 15, 2015, 11:17:54 pm
Hola darío,

Gracias por la información, he intentado probar tu programa Smart FPG, pero me da error y no puedo ejecutarlo: Run-time error '429' (Active X...).

He visto que los FNT que no son de Div tienen más información, ya tengo más o menos los FNT "32", digo más o menos porque me falla el canal alpha que no acaba de ser de 32bits, he usado el Fntmake para probar de crear fuentes de 32bits, por el foro no he encontrado muchos editores de fuentes.

Un saludo.

Título: Re:Div Games en Html5 y Canvas
Publicado por: darío en Diciembre 16, 2015, 06:55:57 am
Hola AmakaSt,

Apuesto a que mi editor no te funciona por que estás usando la versión "binaria" en cualquier cosa que no sea Windows XP o a que lo estás ejecutando desde el Bennupack.

Si usas el instalador no tendrás problema. Lo he probado en Windows 7 y 8 y funciona sin problemas y el motivo es los componentes COM, que al ser una tecnología "legacy" no funcionan igual en XP que en los "nuevos" Windows, hoy probaré a instalarlo en Windows 10 a ver si sigue funcionando :D. El instalador es la forma más limpia también debido a que desinstalándolo te aseguras que se eliminan esas referencias COM. Y si te preocupa lo que pueda hacer el isntalador "sin tu conocimiento", bueno, está el script del instalador en bitbucket y verás que lo único que hace es copiar archivos y registrar las dlls COM oportunas... La versión binaria la hice porque al parecer en su día había gente a probar mi editor si estaba con un instalador (cuando en realidad es la forma más limpia de que todo se elimine cuando ya no necesitas la aplicación...)

Sobre el FNT de Bennu, mi consejo es que te descarges el código fuente de Bennu, hagas un find in files y encuentres la estructura del formato FNT o la rutina donde se carga :). Smart Fpg Editor no abre esos ficheros en cualquier caso.

Mvh,
Darío
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Diciembre 22, 2015, 10:25:33 pm
Versión 0.86 ya disponible online, esta incluye compatibilidad con los FPG, FNT y MAP de BennuGD a 32bits de color. Aquí la lista de novedades completa:

variables:
   - rgb_to_16c, rgb_to_128c, rgb_to_256c, rgb_to_gboy

bugs y mejoras:
   - [MEGA ADD] compatibilidad con los formatos map, fnt y fpg de bennugd (32 bits de color)
   - [ADD] el visor de fuentes ahora también soporta el formato fnt de 32bits
   - [ADD] el visor de fpg ahora también visualiza (no edita) archivos fpg compatibles de bennugd
   - [ADD] ahora al cambiar de pestaña se guarda la posición de línea donde te habías quedado en cada pestaña
   - [DEL] la opción de mostrar listado de compilación, dejo de ser útil desde hace muchas versiones
   - [FIX] corregido problema con la proyección de sombras
   - [FIX] solucionado problema al quitar, añadir o seleccionar pestaña
   - [FIX] corrección de varios bugs menores del compilador y del ide

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: Erkosone en Diciembre 23, 2015, 06:23:03 am
Lo de poder leer el formato de bennuGD es genial, esto ahorra un montón de trabajo tio.
Gracias por incluirlo  ;D :D :)


Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Diciembre 23, 2015, 07:53:28 am
Lo de poder leer el formato de bennuGD es genial, esto ahorra un montón de trabajo tio.
Gracias por incluirlo  ;D :D :)



De nada. :)

Entre hoy y mañana subiré las versiones descargables para que ya podáis trabajar en local.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Diciembre 23, 2015, 11:35:19 pm
Div GO versión 0.86 ya disponible para descargar.  8)
Título: Re:Div Games en Html5 y Canvas
Publicado por: Erkosone en Diciembre 26, 2015, 07:23:37 pm
Versión 0.86 ya disponible online, esta incluye compatibilidad con los FPG, FNT y MAP de BennuGD a 32bits de color. Aquí la lista de novedades completa:

variables:
   - rgb_to_16c, rgb_to_128c, rgb_to_256c, rgb_to_gboy

bugs y mejoras:
   - [MEGA ADD] compatibilidad con los formatos map, fnt y fpg de bennugd (32 bits de color)
   - [ADD] el visor de fuentes ahora también soporta el formato fnt de 32bits
   - [ADD] el visor de fpg ahora también visualiza (no edita) archivos fpg compatibles de bennugd
   - [ADD] ahora al cambiar de pestaña se guarda la posición de línea donde te habías quedado en cada pestaña
   - [DEL] la opción de mostrar listado de compilación, dejo de ser útil desde hace muchas versiones
   - [FIX] corregido problema con la proyección de sombras
   - [FIX] solucionado problema al quitar, añadir o seleccionar pestaña
   - [FIX] corrección de varios bugs menores del compilador y del ide

Un saludo.


Hola AmakaSt, yo también quiero empezar a trabajar con el formato de archivo FPG de BennuGD de 32 bits, supongo que si nadie ha objetado nada entiendo que no hay problema en usarlo verdad? en el caso de que no exista problema realmente, me gustaría mucho ponerme a desarrollar la librería de funciones para processing necesaria para poder crear/editar/leer estos archivos como tu has hecho en DivGO.


Podrías darme algún consejo/indicación para empezar a trabajar en esto?
Actualmente estoy metido en un proyecto grande y tengo todos los archivos de imagen al descubierto y todos sueltos en una carpeta, y los puntos de control a parte en un archivo de texto con el mismo nombre que cada archivo .png de imagen.


Tienes algun documento "para torpes" sobre como trabajar con esto? te lo pregunto por que creo que eres la persona que mas reciente tiene todo esto.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Diciembre 27, 2015, 05:13:01 pm
Hola Erkosone,

Lo mejor sería empezar con un MAP, que es solo una imagen con sus colores y sus puntos de control, que con un FPG... pero pides un FPG... :P

Así empecé yo, con este código:

Código: [Seleccionar]
        var a        = new XMLHttpRequest(),
            datos     = [],
            info    = '';
   
        a.open('GET', 'miarchivo.fpg', true);
        a.responseType = 'arraybuffer';
       
        a.onload = function(){
            if (this.readyState == 4 && this.status == 200) {
                datos = new Uint8Array(this.response);
               
                for (var i = 0, l = datos.length; i < l; i++){
                    info += datos[i] + ', ';
                }
               
                document.body.innerHTML = info;
            }
        }
       
        a.send();

Con esto podrás leer y guardar la información que hay en un archivo en un array donde cada elemento del array tendrá un valor del 0 al 255. En este código que te paso lo escribe en el body del html para poder inspeccionarlo.

El resultado que debería darte sería algo así desde el principio: 102, 51, 50, 26, 13, 10, 0, 0, 1, 0, 0, 0, 64, 220, 5, 0, 66, 97, 110, 110, 101, 114, 95, 78, 101, 117, 114, 111, 99, 105, 101, 110, 99, 105, 97, 45, 101, 109, 97, 103, 105, 115, 116, 101, 114, 45, 49, 54, 66, 97, 110, 110, 101, 114, 95, 78, 101, 117, 114, 111, 160, 0, 0, 0, 88, 2, 0, 0, 0, 0, 0, 0, 255, 255, 255,... (y muchísimo mas dependiendo la cantidad de imágenes dentro del archivo)

En el resultado que he escrito arriba, los primeros 8 elementos: '102,51,50,26,13,10,0,0', es una cabecera o identificador del archivo.
Luego le sigue el código del grafico: '1, 0'... continuaría con una descripción y a partir de la posición 60 del array estaría el ancho y alto del grafico con: '160, 0, 0, 0, 88, 2, 0, 0'; el grafico tendría de ancho 160px [160, 0, 0, 0] y de alto 600px [88, 2, 0, 0]. El cálculo del alto en este caso es el valor del primer elemento sumado a 256 por el valor del segundo: 88 + (256 * 2).
Lo siguiente seria los puntos de control que en este no hay: '0, 0, 0, 0' y luego seguiría la información rgba de la imagen.

Luego es repetir esto para la siguiente imagen...

No sé si ha quedado claro, con el código que te he puesto arriba iba comparando la información con un editor FPG para ver las coincidencias... :P

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: Erkosone en Diciembre 27, 2015, 05:59:52 pm
Bueno pues casi que tienes razon, mejor empiezo por un .map a pelo que si no van a salirme muchas dudas, algun consejo para los .map?


Supongo que es bastante similar pero tienes a mano la estructura del archivo .map?
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Diciembre 28, 2015, 11:52:27 am
Si es bastante similar, el código que te he puesto te vale para ver la información.

Los primeros 8 elementos del MAP (posiciones de 0 a 7), como en el FPG, es una cabecera o identificador del archivo.
Los siguientes 4 son para el ancho y el alto. Posición 8 y 9 para el ancho y las posiciones 10 y 11 para el alto.

En la posición 48 está el número total de puntos de control, que se va recorriendo sumando 4 posiciones (para el ancho y el alto) por cada punto de control.

Y luego ya solo queda los datos rgba de la imagen.
Título: Re:Div Games en Html5 y Canvas
Publicado por: Erkosone en Diciembre 28, 2015, 08:30:36 pm
Gracias por la info tio, estos dias quiero aprobechar y empezar con esto, haber si para este año que entra tengo las tan usadas herramientas de bennuGD funcionando con mis proyectos en java.
Gracias Amaka ;)
Título: Re:Div Games en Html5 y Canvas
Publicado por: Erkosone en Diciembre 29, 2015, 06:09:10 am
Empezando con el tema..
Título: Re:Div Games en Html5 y Canvas
Publicado por: Erkosone en Enero 14, 2016, 06:03:14 am
Buenas Amaka, por casualidad no tendrás información sobre como leer un fpg a 16bits verdad? he intentado dejando toda la estructura de lectura iwal que en 32 bits pero leyendo 3 bytes por pixel.. ya veo que de inicio la información del principioo no me cuadra,  tienes alguna nota apuntada por ahí que me puedas pasar tio?
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Enero 14, 2016, 09:17:48 am
Buenas Amaka, por casualidad no tendrás información sobre como leer un fpg a 16bits verdad? he intentado dejando toda la estructura de lectura iwal que en 32 bits pero leyendo 3 bytes por pixel.. ya veo que de inicio la información del principioo no me cuadra,  tienes alguna nota apuntada por ahí que me puedas pasar tio?

Hola Erkosone,

No llegue a probar el fpg de 16bits, empecé con los maps en su momento... pero no llegue a acabarlo. El map 16 es similar en cuanto a espacios de cabecera, ancho y alto, y en los puntos de control. Cambia en el tema de los pixels de color, no son 3 bytes por pixel, componerlo como un rgb(255,255,255) no funciona (esto tiene sentido si fuera de 24), son solo 2 bytes (eso fue lo último que llegue a descubrir para que cuadrara el dibujo en sus dimensiones), a partir de ahí lo deje de lado, no lo vi interesante dedicarle más tiempo teniendo los fpg de 32bits. :P

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: Erkosone en Enero 15, 2016, 05:27:48 am
Ok tio, gracias por la info, la verdad es que 16bits lo quería añadir por que tengo muchos proyectos a 16bits y era solo por cargar esos archivos, pero pensandolo bien, realmente no tiene mucho sentido en estos dias que corren andar trasteando con 16 bits.
Vale, pues lo dejo tal cual por ahora, voy a añadir un popup que indique fpg no valido si la cabecera no es un f32 y listo por el momento.
Gracias!
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Enero 21, 2016, 03:18:32 pm
Hola Erkosone,

He conseguido pintar los maps de 16bits de Fenix de forma correcta, en vez de 3 bytes para el rgb usa solo 2, lo que he hecho es lo mismo que se hace para sacar el ancho y el alto:

Código: [Seleccionar]
color = (byte[i+1] > 0) ? byte[i] + 256 * byte[i+1] : byte[i];
r = ((color & 0xffff) >> 11) * 8;
g = ((color & 0x07ff) >> 6) * 8;
b = (color & 0x00001f) * 8;

Un saludo. :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Febrero 08, 2016, 10:35:53 pm
Versión 0.88 ya disponible online. Aquí la lista con las novedades:

struct touch:
   - is_active, x, y, timer;

funciones:
   - path_find(), set_visible_mouse()

bugs y mejoras:
   - [ADD] compatibilidad con los formatos map, fnt y fpg de fenix (16 bits de color)
   - [ADD] limpieza y optimización de código
   - [ADD] write, write_int y write_in_map, ahora su ancho no está limitado al tamaño del canvas, es dinámico al tamaño del texto
   - [DEL] variable browser del struct mouse, ralentizaba al tener que comprobar constantemente el estado visible del ratón en el canvas
   - [ADD] soporte multitouch con la nueva struct touch
   - [CHANGE] la variable mouse ya no devuelve los valores táctiles, estaba limitada a un solo dedo y no podía combinarse a la vez táctil y ratón
   - [FIX] pequeña optimización en el dibujado y restauración de los efectos gráficos
   - [FIX] los efectos no se aplicaba a los gráficos que no estuvieran en el file 0 (carpeta 'graficos'), ahora se aplica a todos incluido a de archivos fpg
   - [FIX] solucionado problema cuando se forzaba la salida del programa al acabar con el último proceso activo
   - [FIX] corregida la construcción de código, cuando se combinaba varios bucles de distintos tipos y dentro de condiciones, bloqueaba el programa
   - [FIX] el compilador no comprobaba bien las variables de un struct definido por el usuario cuando habian varias en la misma línea

Un saludo. :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: Drumpi en Febrero 10, 2016, 01:20:43 am
 Pregunta tonta ¿Por qué para dividir las componentes de color usas desplazamientos de bits y no para las multiplicaciones? Es más ¿Por qué no hacer menos desplazamientos a la derecha y usar una máscara AND para poner los tres bits menos significativos directamente a cero? ¿O con ese lenguaje da igual?
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Febrero 10, 2016, 09:13:59 am
Pregunta tonta ¿Por qué para dividir las componentes de color usas desplazamientos de bits y no para las multiplicaciones? Es más ¿Por qué no hacer menos desplazamientos a la derecha y usar una máscara AND para poner los tres bits menos significativos directamente a cero? ¿O con ese lenguaje da igual?

Lo del desplazamientos de bits al dividir y no al multiplicar, no es por nada especial, realmente no lo había pensado, me da igual usar una u otra opción si el rendimiento final no se ve afectado, por ejemplo:

color = (65536 * 256); //16777216
color = (65536 << 8 ); //16777216; en javascript el rendimiento y el resultado es igual en ambos casos

https://jsperf.com/multiplication-int-vs-bit-shifting-left

Lo de AND para poner el bit menos significativo a cero en javascript no creo cambiara mucho tampoco por lo que daría igual. Y esto solo afectaría en la carga de archivos, luego cuando se pinta, durante el juego, no se hacen estos cálculos, ni va a buscar en el fpg o en la carpeta las imágenes, estas quedan guardadas en memoria  para que sea accesible de forma rápida.

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Febrero 10, 2016, 10:49:40 pm
Y aquí un ejemplo de funcionamiento del multitouch (para probar desde dispositivos táctiles): http://www.divgo.net/c-1b8cabb2

Un saludo. :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Febrero 11, 2016, 11:19:28 pm
Ya esta disponible para descargar Div GO versión 0.88.
Título: Re:Div Games en Html5 y Canvas
Publicado por: oskarg en Febrero 12, 2016, 08:04:40 am
Hola,buenas,cuando compilo y doy a run se ejecuta correctamente,pero si doy  a run in proyector directamente me sale una ventana blanca y no se ejecuta nada.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Febrero 12, 2016, 10:57:01 am
Hola,buenas,cuando compilo y doy a run se ejecuta correctamente,pero si doy  a run in proyector directamente me sale una ventana blanca y no se ejecuta nada.

Buenas,

He vuelto a subir los descargables de la versión 0.88, me había dejado sin enlazar el archivo DivGOv088-min.js en el proyector. :P

Gracias por el reporte oskarg.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Febrero 28, 2016, 10:59:27 pm
En breve habrá nueva versión, aquí dejo la lista de funciones que ya tengo preparada para esta próxima versión:

load_song(), song(), stop_song(), is_playing_song(), get_song_line(), get_song_pos(), set_song_pos(), unload_song()

Un saludo. :)

Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Febrero 29, 2016, 11:28:44 pm
Versión 0.90 ya disponible online, las novedades:

funciones:
   - load_song(), song(), stop_song(), is_playing_song(), get_song_line(), get_song_pos(), set_song_pos(), unload_song()

bugs y mejoras:
   - [ADD] nueva lib webaudio-modplayer para añadir compatibilidad con los tracker: mod, xm y s3m
   - [FIX] corregida la salida de un bucle dentro del bloque clone
   - [FIX] alineación de texto con write_in_map() desde la variable mouse.graph
   - [FIX] solucionado problema de alineación en los textos con estilo stroke (trazado)
   - [FIX] cuando un proceso en mode7 o en scene3d no tenia graph y luego se le añadía un valor a graph el programa se bloqueaba
   - [FIX] ahora vuelve a mostrarse los archivos de audio enlazados por código en el control de audio del ide


Y aquí dejo un ejemplo de uso de las nuevas funciones: http://www.divgo.net/c-7a9ec6da

Un saludo. :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Marzo 05, 2016, 12:31:31 pm
Div GO versión 0.90 ya esta disponible para descarga: http://www.amakasoft.com/herramientas/div-go.html

Un saludo.  :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: oskarg en Marzo 05, 2016, 11:13:20 pm
Gracias por seguir avanzando en este proyecto.
Una curiosidad:
Cuando ejecutas el ejemplo de procesos,donde sale un scroll,si dejas un rato la pantalla inactiva,es decir que navegas por internet o estas con otra aplicacion  y regresas de nuevo a la ventana donde se ejecuta el ejemplo,el scroll sin mas desaparece,aunque puedas hacer disparos.
Y una duda,en phaser cuando haces un scroll,puedes distorsionarlo ,ampliarlo etc.Es complicado implementar tales efectos?¿?.lo pregunto por saciar la duda.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Marzo 06, 2016, 11:41:04 am
Hola oskarg,

Cuanto tiempo y en que navegador te pasa esto? Yo he probado unos 15 o 20 minutos con Firefox, abriendo y navegando en otras pestañas y al volver se sigue viendo el scroll. También puede que si estas navegando mucho rato en otras pestañas, el navegador libera de la cache lo de las primeras pestañas abiertas. Esto seguiré probándolo a ver si consigo localizar la causa.

En DivGO añadí efectos de distorsión, color, mascara y zoom que se puede aplicar a una región y si tiene scroll, afecta también al scroll, aquí te dejo un ejemplo con distorsión: http://www.divgo.net/c-a90ae038

Un saludo. :)

Título: Re:Div Games en Html5 y Canvas
Publicado por: oskarg en Marzo 06, 2016, 12:14:57 pm
hola ,buenas...
te explico,he dejado 10 minutos el programa en una ventana ,la he abierto y funcionaba ok ,me he esperado otros 10 minutos y el scroll principal el que  tiene alpha 50 no se muestra,supongo que sera por lo que expresas,mas es normal que actue asi?¿?lo he ejecutado en modo proyector.
Gracias por el ejemplo no lo habia visto.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Marzo 06, 2016, 08:29:31 pm
Nada, he probado dejando la ventana del navegador mas de una hora (en chrome y firefox) y me funciona bien. He estado navegando por otras paginas y usando steam, y al volver a la ventana me sigue saliendo los dos scrolls. A lo mejor no es cosa del navegador, puede que sea del sistema operativo.

Cuando te vuelva a pasar mira de sacar la consola del navegador, pulsando en el botón derecho del ratón en la pagina y seleccionando Inspeccionar elemento (en firefox) o Inspeccionar (en chrome), luego seleccionas la pestaña de la consola y desde ahí si ha habido algún error te pondrá que error ha sido. Así me lo podrás reportar con más detalles. :)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: oskarg en Marzo 06, 2016, 10:06:17 pm
hola,tengo windows xp  y otra vez ha pasado, desaparece por completo el scroll ?¿? :( pasa con divgo desktop.lo ejecutor en proyector y control+mayusculas+j no funciona la consola ,pero si En divgo online y de momento en este no falla.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Marzo 07, 2016, 10:19:55 am
Hola oskarg,

Esto puede ser algún bug de phpdesktop (chrome 39), yo no he conseguido visualizarlo, a lo mejor va asociado con windows xp. En todo caso cuando saquen una nueva versión estable de phpdesktop, ahora hay una release candidate con chrome 47, lo incluiré con DivGO. :P

Un saludo
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Abril 05, 2016, 10:33:30 pm
Nueva versión 0.92 ya disponible online, las novedades:

funciones:
   - start_capture_cam(), stop_capture_cam();

bugs y mejoras:
   - [ADD] 4 nuevas formas para draw(): triangulo lineal, triangulo relleno, polígono lineal y polígono relleno
   - [FIX] set_song_pos() ahora se coloca en la línea 0 al cambiar de posición
   - [FIX] corrección en el compilador cuando se cargaba un archivo en una variable array o de un struct
   - [FIX] en las colisiones cuando no se ha cargado bien la ruta del fichero
   - [FIX] corregido problema de las últimas versiones que afectaba al pintar procesos en distintos scrolls
   - [FIX] solucionado problema con los puntos de control en map_put(), map_xput(), map_put_pixel() y map_block_copy()
   - [ADD] soportado efectos gráficos en map_put(), map_xput() y map_block_copy()
   - [FIX] solucionado problema con el dibujado del map_put_pixel()
   - [FIX] ahora las variables locales funcionan con el program inicial, antes solo eran validas en los procesos
   - [ADD] al cargar una ruta nueva con load_fpg() sin compilar te avisa que primero debes compilar para poder visualizar su contenido y te permite crear un fpg nuevo de 0
   - [ADD] cambio de tamaño del área editable de la imagen desde el editor
   - [ADD] ide responsive para dispositivos móviles

En breve añadire ejemplos de las novedades. :)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Abril 06, 2016, 08:23:38 am
Ejemplo draw:
http://www.divgo.net/c-d9f8a248

Ejemplo graphic_explorer (editor gráfico):
http://www.divgo.net/c-b293675f

Ejemplo captura con cámara y micro, no va si no hay webcam o micro (funciona bien en firefox y edge, chrome exige ruta https para poder capturar):
http://www.divgo.net/c-0057142c

Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Abril 10, 2016, 09:21:01 am
Versión 0.92 ya disponible para descargar!  8)
Título: Re:Div Games en Html5 y Canvas
Publicado por: oskarg en Mayo 12, 2016, 08:26:54 pm
hola,buenas,alguna novedad cercana para este proyecto?¿?
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Mayo 13, 2016, 10:29:42 am
hola,buenas,alguna novedad cercana para este proyecto?¿?

Hola oskarg,

Entre hoy y mañana saco nueva versión. :)

He perdido mucho tiempo (sin éxito por ahora) mirando la manera para que el propio entorno de Div GO pudiera empaquetar proyectos para Android, sin tener que pasar por otros programas. Yo suelo utilizar Intel XDK que va genial para esto. Que se le va a hacer… ya lo seguiré intentando. :P

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Mayo 14, 2016, 01:02:58 pm
Versión 0.93 ya disponible online, las novedades:

funciones:
   - get_song_channels(), get_channel();

bugs y mejoras:
   - [CHANGE] start_mode7() al iniciarse sin ningún ctype = c_m7 declarado, no se dibujaba el mode7 en pantalla
   - [ADD] cnumber ahora también funciona en mode7 y scene3d
   - [FIX] el orden de un array de dos dimensiones, estaba al revés: mi_array[a, b], primero iba la b y luego la a
   - [FIX] los modos view_full_... de la función set_mode(); no se visualizaba en el proceso de carga del bloque loading
   - [FIX] corrección en la precarga y muestra de recursos desde los visores de fuentes y fpg
   - [FIX] al dibujar textos y primitivas hace degradado de color constantemente aun siendo un color plano por lo que ralentizaba el funcionamiento del programa, llegando en ocasiones a bloquear el navegador
   - [CHANGE] los degradados ahora trabajan distinto, en las primitivas al usar move_draw() se aplica siempre un color plano por lo que antes de frame hay que añadir gradient_draw()
   - [ADD] en el editor gráfico ahora con un zoom alto muestra una cuadricula de los pixeles de la imagen

Ejemplo de las nuevas funciones: http://www.divgo.net/c-61e08f56

Un saludo. :)

Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Mayo 16, 2016, 12:27:27 pm
Ya esta disponible  la versión 0.93 para descargar!  8)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Mayo 17, 2016, 03:47:23 pm
Pequeño ejemplo de mapa de tiles con colisiones y scroll: http://www.divgo.net/c-64376490

Título: Re:Div Games en Html5 y Canvas
Publicado por: Drumpi en Mayo 18, 2016, 12:26:07 am
Jajaja, que gracioso el ejemplo de tileado. Mola :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: l1nk3rn3l en Mayo 18, 2016, 02:50:25 am
Amaka como siempre excelente trabajo..  el motor html5 muy rápido..

el doctor malvado corre rápido...


Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Mayo 18, 2016, 09:23:08 am
Gracias l1nk3rn3l y Drumpi. :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Mayo 29, 2016, 09:10:18 pm
Versión 0.94 ya disponible online, las novedades:

funciones:
   - get_image_tiles(), floor(), ceil();

variables:
   - shift_status, scan_caps_lock, scan_num_lock, scan_scroll_lock;

bugs y mejoras:
   - [ADD] ahora el compilador avisa y da error si no se cierra una tabla o estructura
   - [ADD] configuración de tamaño de letra en el codigo


En breve iré añadiendo ejemplos de las nuevas funciones.

Un saludo. :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Mayo 30, 2016, 08:30:45 am
Aquí un ejemplo de la función get_image_tiles(): http://www.divgo.net/c-bd2fcf35
Título: Re:Div Games en Html5 y Canvas
Publicado por: SplinterGU en Mayo 31, 2016, 03:13:36 am
Aquí un ejemplo de la función get_image_tiles(): http://www.divgo.net/c-bd2fcf35

curiosa funcion... un cutter...

interesante el efecto... muy bueno!
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Mayo 31, 2016, 07:26:05 am
Aquí un ejemplo de la función get_image_tiles(): http://www.divgo.net/c-bd2fcf35 (http://www.divgo.net/c-bd2fcf35)

curiosa funcion... un cutter...

interesante el efecto... muy bueno!

Si, en otros lenguajes también se hace de forma similar para tener todos los sprites en un solo mapa, por ejemplo el personaje con todos sus movimientos y trocearlo a unas medidas, todos los trozos quedan guardados en memoria y asociados en un array, como en el ejemplo. :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: SplinterGU en Mayo 31, 2016, 12:32:11 pm
Aquí un ejemplo de la función get_image_tiles(): http://www.divgo.net/c-bd2fcf35 (http://www.divgo.net/c-bd2fcf35)

curiosa funcion... un cutter...

interesante el efecto... muy bueno!

Si, en otros lenguajes también se hace de forma similar para tener todos los sprites en un solo mapa, por ejemplo el personaje con todos sus movimientos y trocearlo a unas medidas, todos los trozos quedan guardados en memoria y asociados en un array, como en el ejemplo. :)

en bennugd yo implemente esto hace mucho para los fonts, y tambien creo que expuse la funcion para graficos... en bennugd2 hay algo que va un tanto mas alla y mucho mas optimo en cuanto a recursos, incluso en cuanto a GPU...

me gusto mucho ver el efecto... felicitaciones por el trabajo que estas llevando!
Título: Re:Div Games en Html5 y Canvas
Publicado por: Drumpi en Mayo 31, 2016, 01:15:48 pm
De hecho, DIV2 ya incluía una herramienta que soportaba sprites de diferentes tamaños. Era la herramienta para importar/exportar mapas a FPG. Requería que los sprites estuvieran dibujados sobre el color de fondo (aka color 0) y rodeados de un cuadrado de diferente color.

Mola la herramienta :) Aunque ¿qué ventajas tendría frente a usar la herramienta map_block_copy, aparte de la velocidad?
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Mayo 31, 2016, 03:17:06 pm
Gracias SprinterGU. :)

De hecho, DIV2 ya incluía una herramienta que soportaba sprites de diferentes tamaños. Era la herramienta para importar/exportar mapas a FPG. Requería que los sprites estuvieran dibujados sobre el color de fondo (aka color 0) y rodeados de un cuadrado de diferente color.

Mola la herramienta :) Aunque ¿qué ventajas tendría frente a usar la herramienta map_block_copy, aparte de la velocidad?

Realmente… Si te digo la verdad… no recordaba map_block_copy... :P este requería de un grafico en donde pegar los trozos y todos partían de este mismo grafico, con un mismo punto de control y no se asocia a una variable si no al grafico y si quieres cambiar en el proceso el grafico con otro bloque debes volver a llamar a map_block_copy y cambiar la posición x e y... Con get_image_tiles se crean 160 gráficos cortados independientes (en memoria), se le puede poner sus puntos de control, aplicar efectos y van asociados a un array que puedes usar en cualquier momento.

Un saludo. :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Mayo 31, 2016, 04:57:24 pm
No he explicado bien la función get_image_tiles, acabo de releer lo que he escrito, es lo que tiene escribir con el móvil... No genera 160 gráficos de manera estándar, el número de gráficos varía según el tamaño de la imagen y del corte. En el ejemplo la imagen de Dr. Malvado es de 320×200 y el corte es de 20×20 por lo que genera 160 imágenes troceadas.

Un saludo. :P
Título: Re:Div Games en Html5 y Canvas
Publicado por: Drumpi en Junio 02, 2016, 01:52:35 am
No, si te he entendido.
Lo que yo me refiero es que con código Bennu puedes crear x*y mapas con new_map, y luego usar map_block_copy para rellenarlos con las diferentes partes del gráfico, igual que la herramienta... salvo que estás usando funciones de la familia PUT, que son lentas, y la velocidad se resiente en el momento de crearlos (y que creo que tienes que clonar el mapa original, por aquello de que origen y destino debían tener el mismo valor de file).

Pero vamos, que muchos novatos te lo van a agradecer eternamente ;)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Junio 02, 2016, 07:37:26 pm
Div GO versión 0.94 ya esta disponible para descargar. :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Julio 06, 2016, 10:32:48 pm
Div GO versión 0.96 ya disponible online, las novedades:

funciones:
   - change_notifications(), notification();

variables:
   - b_battery_charge, b_battery_level, b_battery_time;

bugs y mejoras:
   - [ADD] sistema de notificaciones
   - [ADD] aviso de error al reasignar un valor a una constante
   - [ADD] opción para programar con el editor al tamaño completo de la pagina
   - [ADD] opciones de empaquetado: minificar código html, añadir botón de fullscreen
   - [ADD] nuevo parámetro opcional en las funciones region_wave() y wave_in_map(), para separar por un número determinado de pixeles el efecto
   - [CHANGE] cambio interno en el dibujado de scrolls para mejorar ligeramente la performance
   - [CHANGE] ahora load_fpg() devuelve un valor entero según los fpg que han sido cargados en memoria como hacía div 2
   - [CHANGE] la variable local file hace uso de valores enteros, en div go (file=0) es la ruta 'graficos' por lo que el primer load_fpg() corresponderá al (file=1)
   - [CHANGE] cambio interno en el nombre de las funciones de div go para que no se pise con variables y funciones de futuras librerías
   - [FIX] reducción en el tamaño del array de instrucciones, donde se guarda cada fragmento de código
   - [FIX] solucionado un antiguo error en la construcción de código localizado al realizar los últimos cambios


Ejemplos de las nuevas funciones, en breve.

Un saludo. (http://foro.bennugd.org/Smileys/default/smiley.gif)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Julio 07, 2016, 08:04:33 pm
Y aquí dejo ejemplos de las últimas novedades.

Ejemplo de la función notification: http://www.divgo.net/c-b8f67d42 (http://www.divgo.net/c-b8f67d42)
Ejemplo de control de batería con la función get_browser: http://www.divgo.net/c-bdb4d18f (http://www.divgo.net/c-bdb4d18f)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Julio 08, 2016, 08:35:24 pm
Ya disponible para descargar la versión 0.96.  8)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Julio 23, 2016, 10:27:05 am
Al fin, recién salida del horno... la versión 1.00 de Div GO ya está disponible online, y las novedades:


funciones:
   - link(), move_link(), delete_link(), vibration();
   - enable_notifications(), enable_geolocation();
   - clear_map(), clear_map_put(), clear_map_xput();
   - refresh_scroll();

variables:
   - all_links, b_geo_latitude, b_geo_longitude;

bugs y mejoras:
   - [ADD] opción de crear nuevo gráfico, desde añadir gráfico del visor fpg
   - [CHANGE] cambios internos en funciones gráficas como map_put_pixel(), map_xput(), map_block_copy()... ahora debería funcionar como en div2
   - [FIX] correcciones en el editor gráfico: en la inserción de nuevos gráficos y en el borrado de gráficos editados
   - [FIX] solucionado varios problemas leves relacionados con los cambios internos de la última versión



En breve iré subiendo ejemplos de las nuevas funciones. :)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Julio 23, 2016, 10:53:13 am
Ejemplo de la función vibration: http://www.divgo.net/c-496a152a (http://www.divgo.net/c-496a152a) (solo para móviles o que tenga sistema de vibración y este activa)
Ejemplo de la función clear_map_put: http://www.divgo.net/c-2dff40ae
Ejemplo de la función clear_map_xput: http://www.divgo.net/c-f11c03b6
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Julio 26, 2016, 07:47:25 am
La versión 1.00 ya se encuentra disponible para descargar.

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: Futu-block en Julio 26, 2016, 11:43:27 am
funca el vibrata a la perfección karma++ porque te tengo que hacer la pelota
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Julio 26, 2016, 12:30:59 pm
jajajaja no es necesario que me hagas la pelota, hombre. :)

En Android la vibración funciona genial, en iOS con Safari no tiene soporte actualmente, pero usando Cordova como APP hibrida debería funcionar también.

Título: Re:Div Games en Html5 y Canvas
Publicado por: l1nk3rn3l en Julio 26, 2016, 02:56:36 pm
Muy rapido como siempre excelente trabajo
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Julio 26, 2016, 07:52:09 pm
Ejemplo de enlaces: http://www.divgo.net/c-2761263a (http://www.divgo.net/c-2761263a)
Ejemplo de nuevas variables para get_browser: http://www.divgo.net/c-95301242 (con geolocalización)
Título: Re:Div Games en Html5 y Canvas
Publicado por: SplinterGU en Julio 26, 2016, 10:08:16 pm
Al fin, recién salida del horno... la versión 1.00 de Div GO ya está disponible online, y las novedades:


funciones:
   - link(), move_link(), delete_link(), vibration();
   - enable_notifications(), enable_geolocation();
   - clear_map(), clear_map_put(), clear_map_xput();
   - refresh_scroll();

variables:
   - all_links, b_geo_latitude, b_geo_longitude;

bugs y mejoras:
   - [ADD] opción de crear nuevo gráfico, desde añadir gráfico del visor fpg
   - [CHANGE] cambios internos en funciones gráficas como map_put_pixel(), map_xput(), map_block_copy()... ahora debería funcionar como en div2
   - [FIX] correcciones en el editor gráfico: en la inserción de nuevos gráficos y en el borrado de gráficos editados
   - [FIX] solucionado varios problemas leves relacionados con los cambios internos de la última versión



En breve iré subiendo ejemplos de las nuevas funciones. :)

Un saludo.

mmm, a la funcion de link, porque mejor no le pasas solo el id del proceso y que la funcion se encargue sola de seguir al proceso mientras este viva, y tome del grafico y de x e y los datos que necesita?
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Julio 26, 2016, 11:37:11 pm
Al fin, recién salida del horno... la versión 1.00 de Div GO ya está disponible online, y las novedades:


funciones:
   - link(), move_link(), delete_link(), vibration();
   - enable_notifications(), enable_geolocation();
   - clear_map(), clear_map_put(), clear_map_xput();
   - refresh_scroll();

variables:
   - all_links, b_geo_latitude, b_geo_longitude;

bugs y mejoras:
   - [ADD] opción de crear nuevo gráfico, desde añadir gráfico del visor fpg
   - [CHANGE] cambios internos en funciones gráficas como map_put_pixel(), map_xput(), map_block_copy()... ahora debería funcionar como en div2
   - [FIX] correcciones en el editor gráfico: en la inserción de nuevos gráficos y en el borrado de gráficos editados
   - [FIX] solucionado varios problemas leves relacionados con los cambios internos de la última versión



En breve iré subiendo ejemplos de las nuevas funciones. :)

Un saludo.

mmm, a la funcion de link, porque mejor no le pasas solo el id del proceso y que la funcion se encargue sola de seguir al proceso mientras este viva, y tome del grafico y de x e y los datos que necesita?

Eso no sé si sería muy útil en este caso... En el ejemplo solo uso un único link siguiendo el grafico del proceso pero se pueden crear distintos en un mismo proceso. Si creo 20 enlaces no tiene que depender de 20 procesos... como por ejemplo write o draw, con un solo proceso puedes crear varios enlaces con distintas posiciones x e y, ancho y alto, móviles o fijas. :)

Otro detalle es que la función link es externa al canvas del juego, se posiciona encima creando una capa para permitir tener distintos eventos click limitado a las dimensiones de la pantalla del juego, como si formara parte del mismo.

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: SplinterGU en Julio 27, 2016, 01:09:51 am
nada, era una sugerencia, se ve incomoda la funcion de seguir a un grafico... tener que actualizar las posiciones y demas... al menos quizas agregar una sobrecarga con la funcion con el id del proceso...
pero nada, es una sugerencia.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Julio 27, 2016, 09:07:51 am
Y te lo agradezco SplinterGU, las sugerencias siempre van bien. :)
A los enlaces todavía le faltan cosas, me he olvidado ponerle que se pueda cambiar el color del borde y ocultarlo, tu sugerencia podría mirar de aplicarla con alguna función en próximas versiones.
 
Un saludo y gracias.
Título: Re:Div Games en Html5 y Canvas
Publicado por: oskarg en Agosto 01, 2016, 10:42:56 pm
Hola amaka,
estoy intentando hacer una aplicacion grafica y buscando con que lenguaje programarlo....
Probando y probando cosas que hay por la red he encontrado este programa que basicamente hace un exe de una aplicacion creada para  internet,node-webkit ,seguro que lo sabras..la cuestion es que al ejecutar la aplicacion por este medio los frames se disparan y adios a las ralentizaciones que sufro ,paso por ejemplo de los 60 procesos a 250 "jugables" del ejemplo procesos de divgo.Es mucha la diferencia.¿Por que no incluir por defecto  poder  empaquetar y ejecutar  con esta aplicacion el juego?...se puede exportar a linux ...windows...etc.
Por cierto,espero que siga avanzando divgo.Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Agosto 02, 2016, 11:22:16 am
Hola amaka,
estoy intentando hacer una aplicacion grafica y buscando con que lenguaje programarlo....
Probando y probando cosas que hay por la red he encontrado este programa que basicamente hace un exe de una aplicacion creada para  internet,node-webkit ,seguro que lo sabras..la cuestion es que al ejecutar la aplicacion por este medio los frames se disparan y adios a las ralentizaciones que sufro ,paso por ejemplo de los 60 procesos a 250 "jugables" del ejemplo procesos de divgo.Es mucha la diferencia.¿Por que no incluir por defecto  poder  empaquetar y ejecutar  con esta aplicacion el juego?...se puede exportar a linux ...windows...etc.
Por cierto,espero que siga avanzando divgo.Un saludo.

Hola oskarg,

Si que conocía node-webkit y hace un tiempo pensé en incluirlo para que se pudiera elegir al empaquetar el proyecto, por defecto siempre será web no tiene sentido que fuera otra teniendo BennuGD, Gemix, PixStudio o DivDX, pero esto haría que Div GO (IDE) pesara mucho mas y no todos lo acaban usando, lo mismo que incluir cordova para móviles. Por lo que lo deje pasar, mejor que cada uno haga lo que quiera una vez este empaquetado, subirlo directamente a un servidor, hacer una app móvil o una de escritorio. El HTML de la versión empaquetada se puede modificar para incluir Analytics, Adsense, scripts externos, cambiar cosas del HTML...

También me lo estuve mirando para hacer versión desktop para cada sistema de Div GO pero no soporta PHP, solo HTML, CSS y JS. Lo que no sabía era que mejorara tanto la performance, siendo webkit debería irte igual de rápido con chrome u opera.  ???

Seguirá avanzando, ahora esta de relax... pero seguirá. :)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Agosto 13, 2016, 12:53:28 pm
Versión 1.02 ya disponible online, solo trae algunos cambios y correcciones de bugs:


  - [ADD] las funciones move_link() y link() ahora incluyen dos nuevos parámetros para quitar borde y cambiarle el color
   - [FIX] switch case fallaba dentro del loop
   - [FIX] arreglado problema en la interpretación de código cuando se encadenaban distintos bucles con condiciones en su interior
   - [FIX] corrección en el compilador al borrar comentarios, desde la última versión se dejaba alguna excepción
   - [CHANGE] eliminado el efecto sombra del código, hacia que fuera más lento y en algunos navegadores no se mostraba los textos a la primera, y cambiado los tonos para mejor contraste
   - [FIX] solucionado problema al refrescar los gráficos del visor fpg al cambiar de pestañas
   - [FIX] el botón de guardar prg daba error en la última versión



Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Agosto 16, 2016, 10:04:01 am
Versión 1.02 ya disponible para descargar.  :)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 14, 2016, 10:29:21 am
Versión 1.04 ya disponible online, y las novedades:


funciones:
   - input(), move_input(), delete_input();

variables:
   - all_inputs, num_input, num_link;

bugs y mejoras:
   - [ADD] campos para introducir texto a una variable, hace que en dispositivos móviles se muestre el teclado digital
   - [FIX] solucionado algunos problemas leves en la construcción de código
   - [FIX] al crear un proceso o función con el nombre de los argumentos iguales a las variables globales declaradas las convertía en local
   - [CHANGE] en las struct joy y pad para compatibilidad con firefox
   - [FIX] guarda la posición en la que te encontrabas en el código al compilar y ejecutar
   - [FIX] ahora el guardar datos soporta structs tanto en local_storage, como en variables de sesión y envío de datos externo
   - [CHANGE] la función load_external_data() ahora tiene un parámetro para pasar la variable por offset en vez de devolver un valor



Ejemplo de input: http://www.divgo.net/c-4c831644

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Septiembre 15, 2016, 09:30:25 am
Div GO versión 1.04 ya disponible para descargar. 

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Octubre 08, 2016, 12:01:57 pm
Versión 1.06 ya disponible para descargar, y las novedades:


bugs y mejoras:
   - [FIX] corregido varios problemas del compilador
   - [FIX] en la función input al devolver por offset el valor de una variable de un struct
   - [FIX] solucionado problema con mouse.graph no mostraba ningún gráfico
   - [FIX] problema en el bloque loading que daba error al utilizarlo
   - [FIX] en el conversor de código al acumular muchas condiciones fuera y dentro de distintos bucles en un mismo proceso
   - [FIX] la función set_terrain() dejó de funcionar en varias versiones
   - [UPDATE] threejs a la versión r81



Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: DCelso en Octubre 08, 2016, 02:22:47 pm
Felicidades,
está quedando muy completo.
Mola.
Sigue así.

(competencia directa a Splinter :D)


Por cierto, ¿va en tablets android?


Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Octubre 08, 2016, 03:01:04 pm
Felicidades,
está quedando muy completo.
Mola.
Sigue así.

(competencia directa a Splinter :D )


Por cierto, ¿va en tablets android?

Gracias DCelso. :)

Si que funciona en Android (tanto en tablets como en móviles) y también en dispositivos con iOS.

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Diciembre 05, 2016, 11:16:55 pm
Hola,

Aquí dejo unas capturas de lo nuevo que incluirá la versión 1.08 y que estará disponible en breve.

(https://scontent-mad1-1.xx.fbcdn.net/t31.0-8/15384354_1169127169831238_304111528014001808_o.jpg)
El analizador del programa, ahora se podrá analizar los procesos y alterar el comportamiento de los mismos mientras se está ejecutando.

(https://scontent-mad1-1.xx.fbcdn.net/t31.0-8/15325170_1169127316497890_3057489356404634966_o.jpg)
Textos en 3D a partir de TTF y OTF, usando la lib ThreeJS.

(https://scontent-mad1-1.xx.fbcdn.net/t31.0-8/15288507_1169127253164563_7133451955742326118_o.jpg)
Nueva función: region_chroma(); //funciona tanto para imágenes como para videos

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: darío en Diciembre 07, 2016, 07:06:17 pm
Está quedando muy bien. Enhorabuena.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Diciembre 16, 2016, 09:58:22 pm
Gracias darío! :)

Y ahora sí, ya está disponible la nueva versión 1.08 (solo online para realizar testeos e incluir ejemplos, la descarga en breve) y las novedades:


funciones:
   - region_copy(), region_chroma(), write_object3d();

bugs y mejoras:
   - [ADD] analizador de programa, ahora puedes ver y manipular las variables locales de un proceso mientras se está ejecutando
   - [FIX] los sonidos y videos no se detenían al parar el programa desde el exterior o al cambiar de pestaña
   - [ADD] ahora se genera un pequeño buffer de audio para que se puedan reproducir varios sonidos iguales simultáneamente
   - [FIX] corregidas las structs joy y pad, ahora detecta más de un botón pulsado a la vez
   - [FIX] input() y link() a pantalla completa no se adaptaba bien y desaparecía
   - [FIX] correcciones en la versión responsive para una mejor visualización del entorno desde dispositivos móviles
   - [UPDATE] threejs a la versión r83



Ejemplo de write_object3d(): http://www.divgo.net/c-f2b05e19

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Diciembre 19, 2016, 10:52:35 am
Más ejemplos de las nuevas funciones:

Ejemplo de region_chroma(): http://www.divgo.net/c-2e531d01 (http://l.facebook.com/l.php?u=http%3A%2F%2Fwww.divgo.net%2Fc-2e531d01&h=fAQGRYv0c)
Ejemplo de region_copy(): http://www.divgo.net/c-fd5c2559 (http://l.facebook.com/l.php?u=http%3A%2F%2Fwww.divgo.net%2Fc-fd5c2559&h=NAQFv1gmf)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Diciembre 20, 2016, 01:33:24 pm
Div GO versión 1.08 ya esta disponible para descargar:
http://www.amakasoft.com/herramientas/div-go.html

Un saludo. :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: oskarg en Diciembre 29, 2016, 12:50:40 pm
Hola,amaka,
El proyecto que estas haciendo esta genial,aunque  obsevo que son cuatro gatos que se bajan dicha aplicacion...
Dicho esto,deberias llamar la atencion de dicho engine por los ojos,me explico...
Entras en la pagina de phaser y ves cuatrocientos ejemplos al momento y al momento te haces una idea del potencial y de lo que puedes y no puedes hacer...
Si no recuerdo mal  del nombre,podrias mirarte el playbasic,es un engine algo antiguo,soporta solo 256 colores,eso si, lo digo porque los ejemplos que trae son muy llamativos y trasladarlos al divgo es un abrir y cerrar de ojos.
El punto que limaria es la velocidad a la hora de hacer juegos serios,pues simplemente se requiere de ganas,pues como esta tal cual,hacer cualquier  juego de calidad es factible y me pregunto si en el futuro tienes pensado añadirle algun tipo de aceleracion por hardware.
Nada mas,sigue asi ,pues entre divgo,div3 y bennugd ,hacer juegos 2d es la mar de divertido  y de eso se trata creo ,pasarlo bien,mientras programas.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Enero 11, 2017, 01:36:14 pm
Hola,amaka,
El proyecto que estas haciendo esta genial,aunque  obsevo que son cuatro gatos que se bajan dicha aplicacion...
Dicho esto,deberias llamar la atencion de dicho engine por los ojos,me explico...
Entras en la pagina de phaser y ves cuatrocientos ejemplos al momento y al momento te haces una idea del potencial y de lo que puedes y no puedes hacer...
Si no recuerdo mal  del nombre,podrias mirarte el playbasic,es un engine algo antiguo,soporta solo 256 colores,eso si, lo digo porque los ejemplos que trae son muy llamativos y trasladarlos al divgo es un abrir y cerrar de ojos.
El punto que limaria es la velocidad a la hora de hacer juegos serios,pues simplemente se requiere de ganas,pues como esta tal cual,hacer cualquier  juego de calidad es factible y me pregunto si en el futuro tienes pensado añadirle algun tipo de aceleracion por hardware.
Nada mas,sigue asi ,pues entre divgo,div3 y bennugd ,hacer juegos 2d es la mar de divertido  y de eso se trata creo ,pasarlo bien,mientras programas.

Hola oskarg,

Sí es verdad que la descarga muy poca gente, hace tiempo que llevo observando que no hay mucho interés por Div GO, tampoco creo que vaya a cambiar mucho haciendo una web de entrada más llamativa. El que quiere hacer un juego hoy día se va a Unity u a otro que no requiera programar mucho, con una gran comunidad, que tenga más manuales y videotutoriales hechos por la comunidad, etc.
Hace poco me estuve mirando Unity y me parecía que de programar había poco, algunos scripts y encima los puedes descargar desde su store de forma gratuita o de pago, dependiendo el script que te haga falta.

Lo de la aceleración por hardware es mediante WebGL, pero el Canvas2D en los navegadores más modernos creo que también usa aceleración por lo que no cambiaria mucho la cosa, aquí tienes una demo muy interesante con 3 benchmark que puedes cambiar a dibujado con WebGL o con Canvas2D: http://tamats.com/projects/canvas2DtoWebGL/demo/ (a mi me va más rápido Canvas2D)

Un saludo. :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: Drumpi en Enero 12, 2017, 09:00:04 pm
Lo que pasa con Unity es que es un motor muy potente, tanto que hay quien puede hacer juegos sin programar :D Hay quien lo hace gastándose dinero en los assets que necesita y prácticamente sólo tiene que juntar piezas.
Pero lo dicho, es un motor muy potente, y por tanto, requiere de cierta potencia en la máquina que lo ejecuta :D

Yo quiero empezar a usarlo haciéndole un favor a Futu con "ya sabes qué proyecto", y mi primer miedo era no poder usarlo en local. El segundo es el obvio cambio en el lenguaje, que siempre implica un periodo de aprendizaje, pero he visto que no es tan grave como pensaba (que ya andaba haciendo cábalas sobre aprender HTML5 y demás ^^U).
Ya cuando empiece veremos qué tan difícil es, porque de momento he echado de menos alguna explicación extra en algunas de las funciones nuevas, pero creo que por el contexto, el uso y alguna búsqueda por internet podré solucionarlo.

Sólo una pregunta: ¿en general se parece más a DIV, Fenix o BennuGD? Futu andaba haciéndolo en Bennu con intención de portar directamente a DivGo, y no sé si eso es posible o hasta qué punto :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: oskarg en Enero 16, 2017, 10:10:52 pm
Bueno,un par de cosas.....
Es cierto que hay infinidad de engines por la red y comprendo que la competencia es feroz,dicho esto ,personalmente me gusta divgo porque es facil de programar y me cuesta hacerme a la idea de tener que  aprender otro lenguaje que no sea tipo c o pascal xd aunque al final me vere obligado para no quedarme estancado .No sabia que Unity tuviera esa caracteristica de importar scripts y no se si es complicado o no de utilizarlo y aunque Div go ,esta en otra dimension,nunca la dejes de lado ,pues resulta util.
la verdad es que los motores que vienen ahora,son como los muñecos "potato" xd,de quita y pon,bastante visual,donde solo debes poner los fondos,los sprites,cambiar sus variables y darle al play xd.
Título: Re:Div Games en Html5 y Canvas
Publicado por: Drumpi en Enero 17, 2017, 12:50:46 am
Unity es muy fácil de usar, pero difícil de dominar. Lo dicho, juntas un par de assets, le metes el motor de físicas y arreando. Pero luego puedes hacerte tus scripts, puedes usar tus modelos 3D, puedes crear una máquina de estados de animaciones (tan compleja como quieras, incluso para distintas partes del cuerpo), simular la iluminación, crear terrenos modificables en tiempo real... o desechar completamente el motor de físicas y programarte las tuyas :D
La programación en Unity es muy sencilla, porque se parece tremendamente a Java, que es una simplificación de C++ y su POO, e incluyen las subrutinas que son los procesos de DIV (más o menos).

Pero es eso, cuanta más variedad tengamos mejor. No sé DivGo, pero el juego más pequeño que he visto de Unity pesaba 30MB, y en ese espacio meto dos veces el juego más grande que he programado en Bennu :P
Ahora he empezado un curso de PHP, y creo que si lo junto con DivGo puedo hacer cosas bastante chulas en mi nueva página web... cuando me ponga a crearla ^^U
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Enero 17, 2017, 12:44:24 pm
Lo que pasa con Unity es que es un motor muy potente, tanto que hay quien puede hacer juegos sin programar :D Hay quien lo hace gastándose dinero en los assets que necesita y prácticamente sólo tiene que juntar piezas.
Pero lo dicho, es un motor muy potente, y por tanto, requiere de cierta potencia en la máquina que lo ejecuta :D

Yo quiero empezar a usarlo haciéndole un favor a Futu con "ya sabes qué proyecto", y mi primer miedo era no poder usarlo en local. El segundo es el obvio cambio en el lenguaje, que siempre implica un periodo de aprendizaje, pero he visto que no es tan grave como pensaba (que ya andaba haciendo cábalas sobre aprender HTML5 y demás ^^U).
Ya cuando empiece veremos qué tan difícil es, porque de momento he echado de menos alguna explicación extra en algunas de las funciones nuevas, pero creo que por el contexto, el uso y alguna búsqueda por internet podré solucionarlo.

Sólo una pregunta: ¿en general se parece más a DIV, Fenix o BennuGD? Futu andaba haciéndolo en Bennu con intención de portar directamente a DivGo, y no sé si eso es posible o hasta qué punto :)

Hola,

Esta claro que Unity es potente y es compatible con casi cualquier plataforma: movil, ordenador y consolas. No recuerdo si para consolas ya requería previo pago.

La programación de Unity es en C# y Javascript, tiene cientos de opciones que acaban volviéndote loco, me recuerda a cuando empecé con Flash.

DivGO se parece más a Div 2, empecé basándome en este e incluyendo cosas nuevas, y también tiene algunas funciones y variables similares de Fenix, BennuGD y Gemix. Por ejemplo, en DivGO no se necesita declarar el tipo de variable como pasa con Javascript, todas pueden ser INT, STRING o FLOAT...

Juntar PHP con DivGO es posible y necesario para crear cuentas de usuario para entrar a una partida y guardar sus progresos en una BBDD, uniendo ambos eso es posible.

Bueno,un par de cosas.....
Es cierto que hay infinidad de engines por la red y comprendo que la competencia es feroz,dicho esto ,personalmente me gusta divgo porque es facil de programar y me cuesta hacerme a la idea de tener que  aprender otro lenguaje que no sea tipo c o pascal xd aunque al final me vere obligado para no quedarme estancado .No sabia que Unity tuviera esa caracteristica de importar scripts y no se si es complicado o no de utilizarlo y aunque Div go ,esta en otra dimension,nunca la dejes de lado ,pues resulta util.
la verdad es que los motores que vienen ahora,son como los muñecos "potato" xd,de quita y pon,bastante visual,donde solo debes poner los fondos,los sprites,cambiar sus variables y darle al play xd.

Poco a poco intento añadir novedades y hacer correcciones, ya para la próxima tengo un par de funciones nuevas y algunas correcciones, estoy mirando también a ver si puedo incluir en está gravedad y físicas para el 3D. :)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: Drumpi en Enero 18, 2017, 02:35:12 am
Puedo confirmarte que para todas las plataformas de consola hay que pagar, y no son precios al alcance de cualquiera, hay que ir en serio si quieres recuperar la inversión.
Bueno, para Nintendo es gratis, sólo tienes que pagar el equipo de desarrollo, que creo que para WiiU andaba sobre los 3000$... y aun así me parece que era la licencia más barata :S (lo mismo me patinan las cifras, pero creo que por ahí andaba la cosa ^^U).
Título: Re:Div Games en Html5 y Canvas
Publicado por: oskarg en Marzo 26, 2017, 07:14:48 am
hola amaka,que tal??algun añadido nuevo a la vista??¿?
Me gustaria saber si hay alguna forma sencilla de añadir nuevas funciones a divgo que trae html5 y si podrias hacer un mini tuto para que lo comprendiera un mortal como yo,gracias y espero ver novedades en este proyecto,pues me resulta util.
otra cuestion ......en un futuro se incluira fisicas?¿?
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Marzo 28, 2017, 11:50:52 am
Hola oskarg,

La versión 1.10 la he parado de manera indefinida desde hace un par meses, por un bloqueo mental con las físicas en 3D y por querer realizar otros proyectos. Llevo días pensando en volver con ello, es más te puedo decir lo que incluirá la próxima versión, lo que ya dispondría si lo sacara hoy o mañana:


funciones:
   - * set_gravity(), move_gravity_objects3d();
   - delete_region(), is_defined_region();

variables:
   - mouse.is_active, loading_data, b_screen_width, b_screen_height;

bugs y mejoras:
   - [FIX] al añadir un grafico desde el editor, si no se le hacia ningún cambio este no se guardaba
   - [FIX] al copiar regiones con region_copy() no copiaba los efectos que se incluian en ellas
   - [FIX] corrección en el compilador que afectaba al declarar las tablas de dos dimensiones sin definir valores
   - [FIX] corregida algunas funciones que daban error si no existe el graph
   - [FIX] solucionado error de gráfico en texture_in_map(), path_find(), path_free() y path_line()
   - [ADD] funciones para controlar div go desde javascript: DivGO.start(), DivGO.pause(), DivGO.stop()



Las funciones que incluye * delante no funcionan bien, hay un churro con muchos chivatos que daba error y me harte, y quise darme un descanso de Div GO por una temporadita.

Las físicas tanto para 2D como para 3D las voy intentado añadir, llevo ya varios intentos, pero no consigo que quede bien en conjunto con los procesos.

¿Que funciones de Html5 tienes en mente?, a lo mejor no las he tenido en cuenta y podrían ser útiles para incluir en la próxima versión.

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: oskarg en Marzo 28, 2017, 09:04:16 pm
Hola amaka,se agradece que aún sigas con el proyecto,pues yo personalmente lo encuentro genial,si algun día logras incluir físicas como phaser la verdad que sería un gran avance .
Una cosa....
el ejemplo input cuando pulso enter no hace nada..
el ejemplo xdraw no me hace nada.......
el ejemplo paint_in_map no me hace nada...
el efecto region y el efecto screencopy estan geniales
duda..
una vez escrito las letras con un color determinado ,hay alguna manera de poder ir cambiando el color de estas?
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Marzo 29, 2017, 11:25:21 am
Hola amaka,se agradece que aún sigas con el proyecto,pues yo personalmente lo encuentro genial,si algun día logras incluir físicas como phaser la verdad que sería un gran avance .
Una cosa....
el ejemplo input cuando pulso enter no hace nada..
el ejemplo xdraw no me hace nada.......
el ejemplo paint_in_map no me hace nada...
el efecto region y el efecto screencopy estan geniales
duda..
una vez escrito las letras con un color determinado ,hay alguna manera de poder ir cambiando el color de estas?

El ejemplo del input debes pulsar enter cuando el foco esta en el canvas, lo mejor hubiera sido añadir un botón para forzar a darle al canvas con el ratón.
El ejemplo de xdraw da error porque el ejemplo está mal hecho, no controla el numero de objetos creados en el segundo bucle. Sí lo hice yo, pero en las primeras versiones de DivGO y desde entonces han habido muchos cambios. Este mismo ejemplo funciona en la version 1.10 que tengo en local, porque en esta versión move_xdraw() controla si existe el objeto.
Y el ejemplo paint_in_map() no funciona por un bug que ya corregí en la versión 1.10, cambios que uno hace para optimizar y como el único que testea es el mismo que el que lo programa... es lo que hay.  :P

Los colores de las letras se pueden cambiar tantas veces como hagas text_color, aquí te dejo un ejemplo: http://www.divgo.net/c-249da8bf

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: FreeYourMind en Abril 12, 2017, 11:29:51 am
Despues de meses y de haberlo dicho decenas de veces, por fin! por fin he dedicado 5 min a probar tu compilador en windows, y tambien el nuevo DIV3.

Te pongo los Problemas detectados en la pruebas, aclaro que lo he probado en mi pepinaco que esta a tope de ram y procesamiento:

1 - Al cargar/compilar varios juegos/ejemplos, se va volviendo cada vez mas lenta la ejecucion.

2 - El Castle of Dr. Malvado, la mayoria de veces no termina de cargar, se queda a veces al 92 o 97%.
La primera vez se cargo bien y el primer plano de scroll no salia (donde el muñeco camina), pero este lo detectaba.

3 - El pacman ha quedao pantalla negra no enseña nada.


Por cierto como esta hecho la app, muestra exactamente la misma ventana que se ejecuta en tu pagina web, me pierdo bastante en las tecnologias que usas la verdad
Título: Re:Div Games en Html5 y Canvas
Publicado por: Drumpi en Abril 12, 2017, 05:22:32 pm
A mi, el Castle me lo carga bien. otra cosa es que sea un paquete y no avance demasiado antes de que me maten, pero ir me va.

Una vez que hayas compilado el código, se te dan varias opciones, como indica la ventana de compilación en la parte de abajo:
- Ejecutar hace que se vea en la ventana de edición de divgo.
- Ejecutar en proyector hace que se ejecute como lo verá el resto del mundo.
- Crear empaquetado te crea un zip con el contenido de lo que tienes que subir a tu servidor. Sólo tienes que usar un servidor FTP (local o web), buscar la carpeta donde lo quieres alojar, y descomprimir, tal cual, el contenido del zip. Luego, desde cualquiera de tus páginas, añade un enlace al index.html, y listo, ya se puede jugar desde internet.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Abril 19, 2017, 10:14:02 am
Despues de meses y de haberlo dicho decenas de veces, por fin! por fin he dedicado 5 min a probar tu compilador en windows, y tambien el nuevo DIV3.

Te pongo los Problemas detectados en la pruebas, aclaro que lo he probado en mi pepinaco que esta a tope de ram y procesamiento:

1 - Al cargar/compilar varios juegos/ejemplos, se va volviendo cada vez mas lenta la ejecucion.

2 - El Castle of Dr. Malvado, la mayoria de veces no termina de cargar, se queda a veces al 92 o 97%.
La primera vez se cargo bien y el primer plano de scroll no salia (donde el muñeco camina), pero este lo detectaba.

3 - El pacman ha quedao pantalla negra no enseña nada.


Por cierto como esta hecho la app, muestra exactamente la misma ventana que se ejecuta en tu pagina web, me pierdo bastante en las tecnologias que usas la verdad

Hola FreeYourMind,

Que versión estas usando y que navegador? Así puedo revisar en que puede estar fallándote.

La versión ejecutable utiliza PHPdesktop: https://github.com/cztomczak/phpdesktop
Por lo que es exactamente igual a la versión web pero ejecutada con Chrome e incluye todo lo necesario para interpretar el PHP.

Un saludo. :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: FreeYourMind en Abril 19, 2017, 10:18:39 am
no lo he usado en navegador, como dije, lo he usado con la app de escritorio, mi pc es offline donde hago las pruebas
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Abril 19, 2017, 10:38:57 am
no lo he usado en navegador, como dije, lo he usado con la app de escritorio, mi pc es offline donde hago las pruebas

Vale, acabo de verlo, sí que falla en la versión desktop, lo raro es que no es siempre. A mí la primera vez me ha cargado bien Dr. Malvado y Pacoman no ha continuado con la carga, y al segundo intento Pacoman ha funcionado y Malvado no ha cargado el primer nivel pero ha ejecutado.  :o

He visto el debug.log que suelta PHPdesktop, el fallo esta en esto y no siempre:
[0419/122437:INFO:grvertexbatch.cpp(32)] Vertices could not be allocated for instanced rendering.
[0419/122437:INFO:grtinstancebatch.h(102)] Could not allocate vertices

Para la próxima versión de DivGO actualizare también PHPdesktop a la última versión que salió recientemente a ver si no tiene estos errores.

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: FreeYourMind en Abril 19, 2017, 11:27:34 am
Gracias a ti, estas haciendo un trabajo magnifico
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Abril 26, 2017, 12:37:44 pm
Tras una temporadita de relax, ya está disponible online la nueva versión 1.10 (solo online para realizar testeos), las novedades:  8)


funciones:
   - delete_region(), is_defined_region(), set_description(), set_author();

variables:
   - mouse.is_active, loading_data, b_screen_width, b_screen_height;

bugs y mejoras:
   - [FIX] al añadir un grafico desde el editor, si no se le hacía ningún cambio este no se guardaba
   - [FIX] al copiar regiones con region_copy() no copiaba los efectos que se incluían en ellas
   - [FIX] corrección en el compilador que afectaba al declarar las tablas de dos dimensiones sin definir valores
   - [FIX] corregida algunas funciones que daban error si no existe el graph
   - [FIX] solucionado error de grafico en texture_in_map(), path_find(), path_free() y path_line()
   - [ADD] funciones para controlar div go desde otros scripts: DivGO.start(), DivGO.pause(), DivGO.continue(), DivGO.stop()
   - [ADD] ejemplos en ingles y catalán, separado por subcarpetas (falta traducción al catalán)
   - [UPDATE] threejs a la versión r85 y codemirror a la versión 5.25.2



Ejemplo de las funciones delete_region() e is_defined_region(): http://www.divgo.net/c-964569ae

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: oskarg en Abril 28, 2017, 11:06:56 am
Hola AMAKA,una cuestion...
Como se crea fpg nuevos?¿?he intentado copiar el fichero fpg.dat en otra carpeta.lo modifico en txt y entonces agrego los graficos 001.png...y en el visualizador los visualiza,pero a la hora de ejecutar el programa,por mas que ponga bien la ruta,siempre me carga los fpg que tiene por defecto div y me veo obligado a utilizar otros fpg ya creados y modificar sus graficos.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Abril 28, 2017, 12:16:36 pm
Hola AMAKA,una cuestion...
Como se crea fpg nuevos?¿?he intentado copiar el fichero fpg.dat en otra carpeta.lo modifico en txt y entonces agrego los graficos 001.png...y en el visualizador los visualiza,pero a la hora de ejecutar el programa,por mas que ponga bien la ruta,siempre me carga los fpg que tiene por defecto div y me veo obligado a utilizar otros fpg ya creados y modificar sus graficos.

Hola oskarg,

En teoría lo que haces está bien y debería de funcionar, no es necesario crear el fpg.dat (si lo creas tampoco debería dar problemas), esto te lo crea y actualiza el compilador, cada vez que vayas a compilar comprobará los cambios y actualizará la lista de gráficos del fpg.dat. Con solo crear la carpeta e incluir los gráficos del 001.png al 999.png tendría que ser suficiente... eso y hacer el load_fpg() correspondiente desde tu código.
Si creas una carpeta fuera de la carpeta gráficos, por ejemplo: recursos/fpgs/niveles/nivel1/<aquí los gráficos del nivel> En el código debes poner: load_fpg("recursos/fpgs/niveles/nivel1");

Otra cosa distinta es que te pida la carpeta gráficos, esta siempre va asociada a file = 0 y a los gráficos del bloque loading, por lo que mantenla para añadir algún gráfico: del favicon, mouse, loading... algún logo... También puedes dejarla vacía, pero la carpeta debe de estar.

¿Estas utilizando la versión normal o la Desktop?

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: oskarg en Abril 28, 2017, 12:38:09 pm
desktop y si hago con tu metodo tampoco y me dice que no existe el fpg.dat y eso que lo compilo,pero me carga el fpg original
...es decir creo carpeta pelotas....
y digo xd..
load_fpg("graficos/pelotas");          pero me expresa que no existe el fpg.dat y hay ya archivos en su interior. y zass me carga el grafico por defecto del fpg que trae divgo..ya me diras,pues me voy a trabajar .....

Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Abril 29, 2017, 11:45:13 am
desktop y si hago con tu metodo tampoco y me dice que no existe el fpg.dat y eso que lo compilo,pero me carga el fpg original
...es decir creo carpeta pelotas....
y digo xd..
load_fpg("graficos/pelotas");          pero me expresa que no existe el fpg.dat y hay ya archivos en su interior. y zass me carga el grafico por defecto del fpg que trae divgo..ya me diras,pues me voy a trabajar .....


Qué raro, he estado realizando varias pruebas, una exactamente con la ruta que indicas (adjunto imágenes) y no consigo reproducir el error. He probado en dejarlo sin fpg.dat y el compilador no me da error, me genera el archivo.

Pásame tu código y fpg por privado para ver donde puede estar el problema, si hay un problema y todavía existe podre solucionarlo para la versión 1.10. :)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: oskarg en Abril 29, 2017, 08:50:13 pm
Hola,Te respondo ahora antes de ir a dormir,ya he contrado el error,era mio,no definia el id del fichero en el proceso y claro me cargaba el que trae por defecto...mañana no puedo ,mas el lunes  paso un programa de div3 a divgo y te comento si veo que no funciona.Un saludo y gracias.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Mayo 02, 2017, 08:22:30 pm
Div GO versión 1.10 ya esta disponible para descargar:
http://www.amakasoft.com/herramientas/div-go.html (http://www.amakasoft.com/herramientas/div-go.html)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: oskarg en Mayo 02, 2017, 08:56:15 pm
Amaka un par de cosas...
1.en los procesos puedes definir Begin varias veces y no encuentra el error.
2.Si defines mal el write no lo detecta,pero produce que los graficos no se carguen,de ahi el error que tenia.
3.Estaria bien poder definir como rellenas un grafico,en el editor,es decir,valores de r,g,b.
4.Cuando trabajo en pantalla completa,al compilarlo vuelve su estado original,con la pantalla de "puntos",seria idoneo poderlo evitar.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Mayo 03, 2017, 09:33:41 am
Amaka un par de cosas...
1.en los procesos puedes definir Begin varias veces y no encuentra el error.
2.Si defines mal el write no lo detecta,pero produce que los graficos no se carguen,de ahi el error que tenia.
3.Estaria bien poder definir como rellenas un grafico,en el editor,es decir,valores de r,g,b.
4.Cuando trabajo en pantalla completa,al compilarlo vuelve su estado original,con la pantalla de "puntos",seria idoneo poderlo evitar.

Hola oskarg,

El punto 1 fue corregido en la versión 1.10, cuando digo versión para testear me suelo referir a la última versión que va a salir. ;)
El punto 3 es algo que quiero hacer en cada versión, pero acabo dejando siempre de lado, pensé que nadie usaba el editor que hice para Div GO.
Y sobre lo que comentas en los puntos 2 y 4 no lo acabo de entender del todo, si puedes ser mas especifico o añadir alguna captura, y en el caso de write un código de ejemplo estaría genial.

Un saludo. :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: oskarg en Mayo 03, 2017, 11:42:49 am
te comento y lo digo por memoria,pues borre el programa que me daba errores hasta que corregi todos ...
1.no puedes poner & en vez de offset como sucedia en div para write_int o si por error lo utilizas en write,a mas que no te detecta el error y claro,hasta que di con el detalle paso bastante tiempo probando cosas,pues no lo entendia xd.

2.Cuando comentaba un proceso..por ejemplo //inicio() a la hora de compilarlo,si dicho proceso tenia un error me lo indicaba,no deberia ser de ese modo,pues se supone que con las comillas anula que me entre en tal proceso.

3.Cuando ejecutas divgo,se ve la pantallita negra con sus puntos,me resultaria mas practico que no saliera cuando indico escribir codigo en pantalla completa,pues una vez lanzado  en el proyector el programa ,al volver sale la pantalla negra con puntos y por consiguiente tengo que volver a seleccionar otra vez trabajar en pantalla completa.

4.El tamaño y color de letras esta genial muy sencillo de utilizar.
5.El reescalado todo un acierto,en modo no suavizado  me va de perlas hacer programas a baja resolucion y luego cambiar el tamaño sin que se aprecie ralentizacion.

Espero que continues con el proyecto,pues el programa merece la pena.



 
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Mayo 03, 2017, 03:58:08 pm
te comento y lo digo por memoria,pues borre el programa que me daba errores hasta que corregi todos ...
1.no puedes poner & en vez de offset como sucedia en div para write_int o si por error lo utilizas en write,a mas que no te detecta el error y claro,hasta que di con el detalle paso bastante tiempo probando cosas,pues no lo entendia xd.

2.Cuando comentaba un proceso..por ejemplo //inicio() a la hora de compilarlo,si dicho proceso tenia un error me lo indicaba,no deberia ser de ese modo,pues se supone que con las comillas anula que me entre en tal proceso.

3.Cuando ejecutas divgo,se ve la pantallita negra con sus puntos,me resultaria mas practico que no saliera cuando indico escribir codigo en pantalla completa,pues una vez lanzado  en el proyector el programa ,al volver sale la pantalla negra con puntos y por consiguiente tengo que volver a seleccionar otra vez trabajar en pantalla completa.

4.El tamaño y color de letras esta genial muy sencillo de utilizar.
5.El reescalado todo un acierto,en modo no suavizado  me va de perlas hacer programas a baja resolucion y luego cambiar el tamaño sin que se aprecie ralentizacion.

Espero que continues con el proyecto,pues el programa merece la pena.
 

Div GO soporta offset y &, tanto en write_int() como en write(), lo que pasa que con write() te muestra la variable como objeto y no el valor actualizándose por pantalla como hace write_int().
Código: [Seleccionar]
//ambos deberían de funcionar
write_int(0, 0, 0, 0, offset puntos);
write_int(0, 0, 20, 0, &puntos);

El compilador de Div GO analiza todo el código que no sea parte de un comentario, se use o no el proceso, para que no lo analice prueba en comentar el proceso con /* */

Ahora entiendo lo que dices de la pantalla completa, me lo apunto para próximas versiones. Mirare que guarde el estado de pantalla completa si lo has dejado así la ultima vez y si el código es erróneo y vuelves que siga a tamaño completo, pero a la hora de ejecutar el juego compilado se tendrá que poner a tamaño normal para que se muestre el resultado.

Me alegra que lo demás te guste. :)
Título: Re:Div Games en Html5 y Canvas
Publicado por: panreyes en Mayo 04, 2017, 12:35:07 pm
Holas! He ido a hacer una prueba, y me ha aparecido este error:

(http://forum.bennugd.org/index.php?action=dlattach;topic=3207.0;attach=3940)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Mayo 04, 2017, 02:04:09 pm
Hola panreyes,

No es necesario declarar el tipo de variable, ahí te está dando error porque detecta dos variables que no están separadas por , o ;
Código: [Seleccionar]
Global
    texto = ""; //se inicializa la variable como string, pero se puede cambiar un entero a tipo string en cualquier momento del código

Y como pasaba con Div no se debe cerrar las GLOBAL, CONST y PRIVATE con END

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Mayo 08, 2017, 02:46:44 pm
Recordáis un juego de Zelda que acompañaba a los ejemplos de Div 2?
Con este juego he corregido un bug en la carga de FPGs de DivGO. :)

Título: Re:Div Games en Html5 y Canvas
Publicado por: Futu-block en Mayo 09, 2017, 03:12:04 pm
jo, que me jode no poder ver la s imagenes, lol
(http://forum.bennugd.org/index.php?action=dlattach;topic=3207.0;attach=3942)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Mayo 12, 2017, 11:04:49 am
He actualizado los descargables de la versión 1.10, el empaquetador vinculaba a la versión 1.08 de Div GO.

A ver si ahora se ve bien las imágenes, incluyo la de otro que también acompañaba Div 2.
(https://scontent.fmad3-2.fna.fbcdn.net/v/t31.0-8/18401890_1327529200657700_3060050762710795804_o.jpg?oh=479638a5bec107887c8c9bf0fd437286&oe=59771CFD)
(https://scontent.fmad3-2.fna.fbcdn.net/v/t31.0-8/18422129_1327529207324366_7523810347631418108_o.jpg?oh=9f14cd3ae7083719332c6b23ce9d04e9&oe=59C2F50E)

Título: Re:Div Games en Html5 y Canvas
Publicado por: Futu-block en Mayo 15, 2017, 10:52:43 am
no te preocupes no me importa ponerlas

(http://forum.bennugd.org/index.php?action=dlattach;topic=3207.0;attach=3947)
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Mayo 16, 2017, 12:19:53 pm
3.Estaria bien poder definir como rellenas un grafico,en el editor,es decir,valores de r,g,b.
4.Cuando trabajo en pantalla completa,al compilarlo vuelve su estado original,con la pantalla de "puntos",seria idoneo poderlo evitar.

Los puntos 3 y 4, ya los tengo listos para la versión 1.12. Ahora en el editor puedes definir los valores RGB y la codificación a tamaño completo se queda guardada y solo vuelve al tamaño normal si pulsas en el botón. :)

Dejo una captura del editor  donde se puede ver los campos R G B.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Junio 05, 2017, 07:17:07 pm
Hola,

Aquí vuelvo a dejar 2 capturas más:

Arrancando Panic! con Div GO.
(https://scontent.fmad3-1.fna.fbcdn.net/v/t31.0-8/18839797_1349158458494774_4534731425834143808_o.jpg?oh=ac433a32b2b1cda0b2f21554100f06c9&oe=599C6F78)

Y nuevas opciones del IDE: buscar y remplazar, cuando se trabaja con el código a tamaño completo.
(https://scontent.fmad3-1.fna.fbcdn.net/v/t31.0-8/18891471_1349158531828100_3428571886733993935_o.jpg?oh=1de73320828cc7e6079e4f800756c65e&oe=59E34E40)

Estos son los avances de la próxima versión, por el momento. :)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Junio 10, 2017, 11:33:01 am
Ya está disponible online la versión 1.12 de Div GO, las novedades: 


bugs y mejoras:
   - [FIX] los archivos fpg (8,16,32) no leía bien los gráficos con código superior a 255
   - [FIX] solucionado un problema con la lectura y escritura de gráficos que ya estaban cargados en memoria
   - [FIX] corregida las coordenadas de las funciones get_dist() y constraint(), para adaptarse al mode7 y al scene3d
   - [FIX] corrección y optimización en el compilador a la hora de buscar errores en el código
   - [ADD] desde el editor gráfico ya se puede definir el color RGB que se quiere seleccionar para dibujar
   - [ADD] ahora se mantiene guardado el tamaño del campo de texto del editor de código
   - [ADD] al poner el editor de código a tamaño completo se ha incluido las opciones de buscar y reemplazar
   - [ADD] nuevo tema: Classic Div 2



Ejemplo de uso de constraint en mode7: https://www.divgo.net/c-4a84707c

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Junio 11, 2017, 04:10:46 pm
Div GO versión 1.12 ya disponible para descargar: http://www.amakasoft.com/herramientas/div-go.html (http://www.amakasoft.com/herramientas/div-go.html)
Título: Re:Div Games en Html5 y Canvas
Publicado por: oskarg en Junio 11, 2017, 08:15:07 pm
Que es eso de nuevo tema.classic div?¿?
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Junio 12, 2017, 09:37:44 am
Que es eso de nuevo tema.classic div?¿?

Los temas cambian el diseño del IDE: colores, tipografías, iconos, colocación de las cosas... El tema Classic Div2 es un homenaje al programa en el que está basado Div GO, y he incluido iconos, tipografías y colores como era en Div 2.
Esto se puede elegir en la parte inferior de la pagina, donde pone selección de tema, junto con la selección de idiomas.

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Noviembre 14, 2017, 11:06:21 pm
Ya disponible online la versión 1.14.0 de Div GO, las novedades: 


funciones:
   - say(), change_fpg_color();

constantes:
   - _case_sensitive, _simple_conditions, _initial_fpg;

bugs y mejoras:
   - [FIX] corregido problema del compilador que no detectaba un error de funciones sin valor entre dos comas
   - [ADD] incluido las primeras opciones de compilación por código con compiler_options
   - [ADD] carga de recursos independientes al bloque loading con el uso de @ delante de la función, ej: @load_xxx()
   - [ADD] ahora se añade 'use strict' en el código javascript del juego
   - [CHANGE] cambio en las funciones write para que escriba las id en vez del [object object] de javascript
   - [CHANGE] cambio interno en el refresco de procesos dentro de un scrolls para devolver correctamente la posición de scroll
   - [CHANGE] las variables internas dejan de ser todas var, ahora se incluyen let y const como en la especificación del es6



Ejemplo de uso de change_fpg_color(): https://www.divgo.net/c-ecb253f0
Y otro ejemplo de change_fpg_color(): https://www.divgo.net/c-e9f0ff3d

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: oskarg en Noviembre 16, 2017, 09:25:12 pm
Guau!!pensaba que ya no se actualizaba este gran engine.Espero que sean mas continuos los progresos/actualizaciones,pues para hacer cosas en 2d con html5 es lo mas sencillo que hay por la red.
Una duda se puede cambiar el grosor de la linea ,de las primitivas graficas?¿?
 
Título: Re:Div Games en Html5 y Canvas
Publicado por: SplinterGU en Noviembre 17, 2017, 04:45:30 am
buen trabajo!
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Noviembre 17, 2017, 09:07:37 am
Gracias SplinterGU! :)

Guau!!pensaba que ya no se actualizaba este gran engine.Espero que sean mas continuos los progresos/actualizaciones,pues para hacer cosas en 2d con html5 es lo mas sencillo que hay por la red.
Una duda se puede cambiar el grosor de la linea ,de las primitivas graficas?¿?
 

Tampoco hace tanto de la anterior actualización, fue de mediados de Junio. El problema que hay actualmente, a parte de mi falta de tiempo, es la escasez de ideas o falta de feedback para seguir actualizando. A veces se me ocurren cosas que se pueden aplicar o no se puede porque consume demasiado y acaba siendo una malisima idea, o porque es una locura (pasar Div GO entero a webgl) o por otras limitaciones.

Sobre el grosor de la línea de las primitivas se puede cambiar usando stroke_size, aquí un ejemplo: https://www.divgo.net/c-5eed3e39

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Noviembre 19, 2017, 05:51:45 pm
Ya disponible para descargar la versión 1.14.1 de Div GO, tiene una correción que se puede consultar en la sección de novedades: http://www.amakasoft.com/herramientas/div-go.html (http://www.amakasoft.com/herramientas/div-go.html)
Título: Re:Div Games en Html5 y Canvas
Publicado por: oskarg en Noviembre 20, 2017, 09:20:56 am
Hola se produce este error en mi window xp...
No se encuentra el punto de entrada del procedimiento QueryUnbiasedInterruptTime en la biblioteca de vinculos dinamicos kernel32.dll

Otra cuestion...como se puede añadir mas features al divgo...
Por ejemplo yo quiero añadir la curva bezier..lo tendría que añadir una vez compilador el programa y trastear entonces el resultado lo que da en divgo en html5?¿? hay otra forma mas sencilla de hacerlo?¿?
Título: Re:Div Games en Html5 y Canvas
Publicado por: Futu-block en Noviembre 20, 2017, 12:20:00 pm
click derecho, copiar ruta de enlace y pegar entre las etiquetas img:
(http://forum.bennugd.org/index.php?action=dlattach;topic=3207.0;attach=4022)
Título: Re:Div Games en Html5 y Canvas
Publicado por: oskarg en Noviembre 20, 2017, 03:06:42 pm
Disculpa,mas no entiendo lo que me expresas futu....click derecho.....podrias indicarme que pasos he de seguir para evitar tal error de una forma mas precisa?¿?xd
Título: Re:Div Games en Html5 y Canvas
Publicado por: Futu-block en Noviembre 20, 2017, 03:33:06 pm
perdon, es para mostrar las imagenes en este foro, siento si te hecho volver loco :(
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Noviembre 20, 2017, 08:08:03 pm
Hola se produce este error en mi window xp...
No se encuentra el punto de entrada del procedimiento QueryUnbiasedInterruptTime en la biblioteca de vinculos dinamicos kernel32.dll

Otra cuestion...como se puede añadir mas features al divgo...
Por ejemplo yo quiero añadir la curva bezier..lo tendría que añadir una vez compilador el programa y trastear entonces el resultado lo que da en divgo en html5?¿? hay otra forma mas sencilla de hacerlo?¿?

Hola oskarg,

Por desgracia la última versión de PHPDesktop, la que se incluye desde hace un par de versiones, dejo de tener soporte para Windows XP. Lo mismo que sucede con Chrome 57 que es lo que incluye PHPDesktop.
Prueba en incluir Div GO 1.14.1 en la carpeta www de la versión desktop 1.08 o anterior a ver si te funciona.
Div GO lo voy actualizando con miras al futuro, no al pasado, cada nueva versión acabará por ser incompatible con versiones antiguas de navegadores y sistemas operativos, lo mismo que los navegadores que se van actualizando y dejan de tener soporte a S.O. antiguos.

Puedes añadir las features que quieras en tu proyecto, una vez empaquetado, puedes incluir cualquier js externo para incluir funcionalidades a tu juego o pagina, en mi caso para Gamma Z incluí scripts para usar las APIs de Facebook. El problema es para pintar dentro del propio canvas del juego, eso va a ser mas difícil, más que nada porque Div GO tiene sus propios frames, fps, controles de refresco de procesos, scrolls y tal...

Dime que necesitas, un planteamiento de como lo incluirías en Div GO (las funciones o variables necesarias y un ejemplo de código), y me lo puedo mirar para incluirlo en la próxima versión. :)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: oskarg en Noviembre 20, 2017, 09:47:55 pm
1.Futu.....desde hace siglos no sabia como se hacia para que se visualizara las imagenes en este foro,hasta hoy xd.
2.Lo de avanzar a las nuevas versiones y dejando incompatibilidad ,comprendo y me parece bien que avance ,es cuestion  de que yo comience a renovar  el equipo.
3. bezier.https://pomax.github.io/bezierjs.....Cuando tenga equipo nuevo,ya te sugerire,pues las encuentro utiles.De momento utilizo divgo oline,no me corre prisa.

Título: Re:Div Games en Html5 y Canvas
Publicado por: oskarg en Noviembre 22, 2017, 12:24:09 pm
Hola,ya encontrado la forma que funcione en xp....Simplemente utilizando  Xamp.....genial...asi puedo trastear con el.xd
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Noviembre 22, 2017, 08:55:16 pm
Hola,ya encontrado la forma que funcione en xp....Simplemente utilizando  Xamp.....genial...asi puedo trastear con el.xd

En los zip descargables suelo incluir un 'readme-ES.txt' con estas instrucciones:

Código: [Seleccionar]
¿Cómo instalo Div GO en mi equipo local?

Lo primero que necesitaras es instalar en tu ordenador WAMP (http://www.wampserver.com/),
XAMPP (http://www.apachefriends.org/es/xampp.html) o similares que incluye Apache y PHP
necesarios para hacer funcionar Div GO en local.

Una vez instalado e iniciado, tienes que añadir el contenido de Div GO en el directorio
que te ha generado: wamp/www/<carpeta de mi proyecto> o xampp/htdocs/<carpeta de mi proyecto>
(en la carpeta del proyecto hay que añadir DivGO).
Y ahora es comprobar si todo ha ido bien escribiendo desde el navegador localhost, te mostrara
la página de inicio de WAMP o XAMPP.

Para acceder a tu proyecto la ruta será: localhost/<carpeta de mi proyecto>

Y es realmente fácil de instalar y usar.

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Diciembre 16, 2017, 07:37:48 pm
Hola,

Hace unos días que estoy mirando de pasar Div GO a WebGL con el engine PixiJS y aquí dejo la primera comparativa de Div GO corriendo con PixiJS (WebGL) y con el original (Canvas2d).

Original (Canvas2d): https://www.divgo.net/proyectos/benchmark/normal/ (https://www.divgo.net/proyectos/benchmark/normal/)
PixiJS (WebGL): https://www.divgo.net/proyectos/benchmark/webgl/ (https://www.divgo.net/proyectos/benchmark/webgl/)

El ejemplo va generando procesos hasta que caen los fps, aquí os pongo el código del ejemplo: https://www.divgo.net/c-e6420ee6 (https://www.divgo.net/c-e6420ee6)

Y mis resultados utilizando Firefox:
Original (Canvas2d): 3845 procesos
PixiJS (WebGL): 6897 procesos

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: panreyes en Diciembre 17, 2017, 02:09:10 am
Interesante test :)

Me he permitido portar dicho código a PixTudio, BennuGD y Fénix, para ver las diferencias de rendimiento entre los diferentes DivLikes.

Mis resultados: (CPU i7-4790 @ 3.60ghz, GPU Nvidia GTX 960 4GB)
DivGO
(http://forum.bennugd.org/index.php?action=dlattach;topic=3207.0;attach=4039)

PixTudio
(http://forum.bennugd.org/index.php?action=dlattach;topic=3207.0;attach=4035)

BennuGD
(http://forum.bennugd.org/index.php?action=dlattach;topic=3207.0;attach=4037)

Fénix
(http://forum.bennugd.org/index.php?action=dlattach;topic=3207.0;attach=4033)

Este es el proyecto por si queréis importarlo al PixTudio Project Manager. Para poder ejecutar el proyecto en BennuGD y Fénix hace falta la última actualización.
https://www.dropbox.com/s/pga8iei1byxhbw9/benchmark-divgo-1.0.pixproject?dl=0
Título: Re:Div Games en Html5 y Canvas
Publicado por: SplinterGU en Diciembre 17, 2017, 03:05:31 am
por que no incluyes los fuentes que faltan? para los que no tenemos el "PixTudio Project Manager".

por otro lado, la version fenix, esta en 16bits, cierto? seria bueno probar todo en la misma cantidad de colores.
Título: Re:Div Games en Html5 y Canvas
Publicado por: SplinterGU en Diciembre 17, 2017, 03:37:09 am
panreyes, me podrias pasar unos binarios linux de pixtudio? por privado si lo preferis... gracias!
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Diciembre 17, 2017, 10:05:26 am
Genial panreyes! Mola ver los distintos resultados en capturas, veo que DivGO te da unos buenos números, no se puede comparar con PixTudio, pero no estan nada mal. :)

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: panreyes en Diciembre 17, 2017, 06:58:55 pm
SplinterGU, los paquetes de PixTudio Project Manager son archivos comprimidos .7z renombrados a .pixproject. Lo digo porque ahí tienes el prg y los gráficos.

Y efectivamente BennuGD está en 32bits, luego lo pruebo en 16 para hacer la comparación justa con Fénix.

Aquí tienes los binarios que tengo yo de PixTudio para Linux, pero no me preguntes hace cuánto fueron compilados o qué dependencias tienen porque no lo recuerdo ahora mismo.
https://www.dropbox.com/s/2s9isadpeb3z0am/pixtudio-linux32.zip?dl=0

AmakaSt, sí PixTudio da unos grandes resultados gracias a la ejecución nativa. De todas formas, DivGO tampoco se quedaría corto ejecutando la mayoría de juegos que podríamos hacer por aquí :) (y con la facilidad de ser ejecutados desde el navegador!).

Te querría preguntar también: si implementases este mismo test directamente en JavaScript, ¿supondría mucha diferencia de rendimiento?
Título: Re:Div Games en Html5 y Canvas
Publicado por: SplinterGU en Diciembre 17, 2017, 10:54:32 pm
gracias!
Título: Re:Div Games en Html5 y Canvas
Publicado por: SplinterGU en Diciembre 17, 2017, 11:13:12 pm
 aca van mis resultados...

caramba, es increible la diferencia que hace una buena placa de video... (aunque tu cpu es mejor tambien)

i7-3630QM

BennuGD

(http://forum.bennugd.org/index.php?action=dlattach;topic=3207.0;attach=4041)

PixTudio (Linux)

(http://forum.bennugd.org/index.php?action=dlattach;topic=3207.0;attach=4043)

BennuGD 2

(http://forum.bennugd.org/index.php?action=dlattach;topic=3207.0;attach=4045)
Título: Re:Div Games en Html5 y Canvas
Publicado por: SplinterGU en Diciembre 17, 2017, 11:17:13 pm
mmm... no entiendo por que no aparecen en pixtudio ni en bennugd el ultimo texto... sin embargo deja de crear procesos y demas...
Título: Re:Div Games en Html5 y Canvas
Publicado por: panreyes en Diciembre 18, 2017, 12:00:35 am
mmm... no entiendo por que no aparecen en pixtudio ni en bennugd el ultimo texto... sin embargo deja de crear procesos y demas...
El texto tarda 20 segundos en salir. Creo que eso fue un cambio mío que no hacía falta xD

De todas formas, aquí mi resultado con BennuGD 16bits
(http://forum.bennugd.org/index.php?action=dlattach;topic=3207.0;attach=4047)
Título: Re:Div Games en Html5 y Canvas
Publicado por: SplinterGU en Diciembre 18, 2017, 12:38:57 am
gracias...
Título: Re:Div Games en Html5 y Canvas
Publicado por: oskarg en Enero 26, 2018, 02:38:15 pm
hola amaka,
alguna novedad proxima?¿?cercana.....
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Enero 28, 2018, 07:05:57 pm
Hola oskarg,

Cercana no, todavía me queda bastante para tener la versión WebGL de DivGO. Se tiene que tocar/cambiar casi todo, por ahora funcionan algunas cosas, como el dibujado de procesos (sin regiones, ni colisiones, ni puntos de control), los textos (write, write_int) y las primitivas gráficas. :)

Hay mucho trabajo que hacer aún y muy poco tiempo libre para dedicarle.

Un saludo.
Título: Re:Div Games en Html5 y Canvas
Publicado por: AmakaSt en Enero 28, 2018, 08:06:01 pm
Te querría preguntar también: si implementases este mismo test directamente en JavaScript, ¿supondría mucha diferencia de rendimiento?

Hola panreyes,

Me había saltado esta parte de la conversación, perdona. Aquí te paso un enlace: http://pixijs.io/examples/#/basics/basic.js

Cópiale este código que sería parecido al del benchmark:
Código: [Seleccionar]
var app = new PIXI.Application(800, 600, {backgroundColor : 0x1099bb});
document.body.appendChild(app.view);

var process = [];
for (var i = 0; i < 16000; i++){
    var grafico = (Math.random() * (9 - 1) + 1) | 0;
         
    process[i] = PIXI.Sprite.fromImage('https://www.divgo.net/graficos/00'+ grafico +'.png')
    process[i].anchor.set(0.5);
    process[i].x = Math.floor(Math.random() * (820 + 20 + 1) - 20);
    process[i].y = Math.floor(Math.random() * (620 + 20 + 1) - 20);
    process[i].alpha = (Math.random() * (100 - 50 + 1) + 50) * 0.01;
    process[i].rotation += Math.floor(Math.random() * 360);
 
    var size = (Math.random() * (120 - 70 + 1) + 70) * 0.01;
    process[i].scale.set(size, size);
 
    app.stage.addChild(process[i]);
}

var basicText = new PIXI.Text('Probando Texto');
basicText.anchor.set(0.5);
basicText.x = 400;
basicText.y = 30;
app.stage.addChild(basicText);

var fpsText = new PIXI.Text(60);
fpsText.anchor.set(0.5);
fpsText.x = 760;
fpsText.y = 30;
app.stage.addChild(fpsText);

app.ticker.add(function(delta) {
    fpsText.text = app.ticker.FPS | 0;
 
    for (var i = 0; i < 16000; i++){
        process[i].rotation += 0.1 * delta;
        process[i].y += 5; if (process[i].y > 620) process[i].y = -20;
    }
});

Como veras con PixiJS directamente parece que funciona más rápido, pero en ese código no se ordena en cada frame por su posición z, que eso lo hago con DivGO, recorrer un bucle de miles de sprites y cambiar el orden de dibujado, eso ralentiza bastante. Y también que a cada frame recorre las instrucciones de los procesos hasta el siguiente frame, eso suma más ralentización.  :P

Un saludo.