PANDA3D: Embebido en Web

Es este tuorial aprenderemos a colgar nuestras aplicaciones de Panda3d en la web.

Lo primero que tenemos es bajarnos el software openssl, es para crear nuestro certificado. Este no es mas que un fichero con los datos del autor, para dar mayor confianza a la hora de ejecutar dicho software.

Para crear un certificado (Ms-dos):

openssl genrsa 1024 > mycert.pem

 Para introducir los datos de tu creación y autor (Ms-dos):

openssl req -new -x509 -nodes -sha1 -days 365 -key mycert.pem >> mycert.pem

Con esteo tenemos el fichero mycert.pem, que nos valdrá, para todas las aplicaciones de panda3d que colguemos en la web.

Siguiendo los tutoriales anteriores, crearemos un proyecto o usaremos uno existente.

• Primero que debemos hacer es crear la la raiz de nuestro proyecto un main.py, será por el que pregunte nuestro P3D, y despues tendremos la estructura de carpetas necesarias para arrancar la aplicaciones. Para las imagenes, videos, audio, modelos... la estructura de carpetas y nombres deben de ser iguales que en nuestro PANDA3D_HOME, si dentro hemos metido nuestras imagenes y modelos, los cogerá de ellos, si no lo hemos introducido arrancará con las imagenes del PANDA3D_HOME donde esté ubicado nuestro fichero P3D.

Ahora bien una vez echo la estructura:

Src-
    main.py
    img
    ...

Ejecutamos en siguiente comando:

packp3d -S mycert.pem -o myapp.p3d -d c:/src 

Con el certificado, esto nos creará un fichero lamado myapp.p3d, una vez echo esto abrimos cualquier editor y copiamos y pegamos el siguiente codigo:

<object width="640" height="480"
  type="application/x-panda3d" data="myapp.p3d">
</object>

Guardamos el editor y le ponemos el nombre que queramos .HTML, lo ejecutamos en un navegador y ¡¡¡¡WALAAAA!!!! tenemos nuestra aplicación corriendo en la web. A continuacion hemos creado un ejemplo, para ver como se ejecuta nuestra aplicación en la web.

(Si pareciera quedarse congelado el navegador de internet, cerrad la pestaña o la ventana y volved a acceder al blog, salvo IE que quizás necesitéis reiniciar el PC)

Controles:

• Botón izquierdo del ratón: subir/bajar la vista, deslizar a izquierda/derecha la vista
• Botón derecho del ratón: acercar/alejar la vista
• Botón central del ratón (rueda): girar la vista

Para visualizar este ejemplo, debeis instalar el WebRuntime de Panda3D.