Fractal Lab, un explorador de fractales basado en WebGL

18 comentarios

Ve el video en el sitio original.

Fractal Lab es un explorador de fractales basado en WebGL, que permite hacer cosas tan curiosas como las que puedes ver en el vídeo qua acompaña el artículo. Es un buen exponente de lo que podemos esperar de las nuevas tecnologías incorporadas a los navegadores modernos.

He esperado al lanzamiento oficial de Mozilla Firefox 4 para hablar de este programa, porque es uno de los navegadores que incorporan soporte para WebGL, además de Chrome 10. En Chrome, al menos en mi máquina, funciona un tanto lento, pero en Firefox 4 puedes sacar bastante partido de este software que lleva el lenguaje Javascript a otra dimensión. Antes de que te animes a hacer pruebas, te aviso, este programa pone de rodillas al más aguerrido Quad-Core.

Algunos conceptos

Sin entrar en detalles técnicos, un fractal es un objeto geométrico, demasiado irregular para clasificarlo en geometría tradicional, que posee el mismo nivel de detalle a cualquier escala y cuya estructura se repite indefinidamente. Un copo de nieve es un objeto fractal.

fractal-natural-copo-de-nieve

WebGL es un estándar que permite representar en un navegador objetos, en dos o tres dimensiones, mediante aceleración por hardware y sin necesidad de plug-ins. Se apoya en Javascript y utiliza la etiqueta canvas de HTML-5.

Interfaz de Fractal Lab

Para probar el programa, accede desde el enlace a pie de artículo. Lo primero que vas a encontrar es un pequeño conjunto de instrucciones de funcionamiento cuya lectura recomiendo. Después, pulsa con el ratón sobre le botón verde “Render“.

Tras unos segundos, dependiendo de tu máquina, aparecerá un cubo tridimensional perforado. Juega con el ratón para desplazarlo, hacer zoom dentro del objeto o alejarte de él. Siempre que pulses “Help“ en la esquina superior derecha, aparecerán las instrucciones.

Una vez hecho el primer render, tienes a tu alcance todos los menús del programa. Los horizontales son suficientemente sencillos como para necesitar entrar en más explicaciones. Las pestañas verticales son las que despliegan toda la potencia de la aplicación.

aspecto-interfaz-fractal-lab

En el desplegable “Fractal Type”, puedes elegir entre varios tipos y después jugar con los controles. En la medida que exijas mayor nivel de detalle, el tiempo de cálculo necesario aumentará. Prueba a navegar por dentro del objeto, ahí verás mejor el concepto de repetición infinita de la estructura.

Esta aplicación es una simple curiosidad que permite entrever hacia dónde apuntan las nuevas tecnologías. También, si eres estudioso del tema, puedes curiosear en la pestaña “Fragment“ el código que se genera. Parece mentira que, no hace tanto tiempo, Javascript estaba en vías de extinción y sin embargo ahora, representa un eje fundamental en la Web 2.0.

Ármate de paciencia, prueba combinaciones, colores, posiciones de cámara, tipos de objetos, etc., y cuando llegues a un resultado que te satisfaga, salva la imagen. Podrás tener un fondo de escritorio muy original o dar más de una sorpresa a tus amigos.

Web oficial | Fractal Lab
Vídeo | Vimeo
Fotografía | Yellowcloud

Anunciate aquí
Anunciate aquí
Anunciate aquí

¿Quieres saber más?

Productos

Información de Productos relacionados con el artículo

Ver más

Artículos

Artículos relacionados que probablemente también te interesen

Ver más

Respuestas

Preguntas sobre este tema que ha contestado la comunidad

+ Deja tu comentario

Comentarios

  • 1

    Avatar de Refresco Fanta !

    "Antes de que te animes a hacer pruebas, te aviso, este programa pone de rodillas al más aguerrido Quad-Core."

    A mi me va bien en un core2duo de 4 años usando Chrome, mas que poner de rodillas a un Quad-Core será que no aprovecha los 4 núcleos.

    Por otro lado, "WebGL" ¿qué no usa Open GL? y por lo tanto usa la tarjeta gráfica, poco tiene que ver el procesador en este asunto, en todo caso de gráfica tampoco tengo nada sobresaliente, más bien ya es antigua.

    Bueno volviendo al tema, me parece impresionante para ser una aplicación Web, una muestra más de lo que nos espera con HTML5 como se le vaya sacando provecho.

    -- editado por última vez a las 20:47

  • Respondiendo a #1:
  • 2

    Avatar de F.Manuel !

    @dnl, hago ese comentario para que la gente lo pruebe de una manera normal, se trata de ver las capacidades WebGL de FF-4 y Chrome-10. Intenta poner al máximo todos los controles, antialias y demás... el tiempo de render se dispara. Saludos

  • Respondiendo a #2:
  • 3

    Avatar de Refresco Fanta !

    Entiendo que el tiempo se dispara, pero es lo normal cuando hablamos de 3D xD, simplemente cuando se quieren hacer cosas potentes en 3D, no existe procesador ni tarjeta gráfica lo suficientemente poderosa como para no querer más.

    Pero fuera de eso en un core2duo digamos que basta para modelar en preview y luego hacer el render final cuando se tiene todo bonito.

    Será que estoy acostumbrado a estas cosas y a veces hago renders de una imagen fija, durante 6 horas, que esto me parece super rapido xD.

    Saludos

  • Respondiendo a #1:
  • 4

    !
    | 1 estrellas

    no me funciono en ningun navegador

  • Respondiendo a #3:
  • 6

    Avatar de F.Manuel !

    Un colega del 3D! Encantado de saludarte. ¿Imaginas cómo lo hacíamos a mediados de los 90? Hasta 35 horas por segundo de animación (y la caja de antiácidos sobre la mesa) :-)

  • Respondiendo a #6:
  • 8

    Avatar de Refresco Fanta !

    No quiero ni pensarlo ya sufro bastante hoy en día :P lo bueno del asunto es que en unos años podemos multiplicar varias veces la velocidad, aunque no se si vere el día donde no tengamos que esperar horas para hacer los render.

  • Respondiendo a #3:
  • 9

    !

    Solo seis? los mios se van a 30 horas una fija, y estoy con un quadcore!

  • Respondiendo a #2:
  • 11

    !
    | 1 estrellas

    Te dicen que te estás equivocando y en vez de reconocerlo le buscas una excusa...

    Por qué no mejor corrijes el artículo, hijo?

  • Respondiendo a #11:
  • 13

    Avatar de F.Manuel !

    No puedo entender el tono despectivo de tu comentario @Pablo. Con solo mover el control "iterations" el tiempo de render se puede multiplicar hasta por 6. Imgina combinando más controles.

    Nada que cambiar, salvo tu actitud, que no has entendido el comentario de un profesional (@dnl), al que unos cuantos segundos le parece rápido acostumbrado a renders de 6 horas.

    El artículo va dirigido a usuarios con máquinas normales y el aviso, ya que se trata de probar una simple curiosidad y evaluar WebGL, para que nadie se desespere si, configurando parámetros, tarda un par de minutos, sin pensar que se le ha colgado el equipo.

  • 5

    Avatar de lesan !
    lesan | 3 estrellas

    La verdad es que tengo un cacao con WEBGL.

    W3C no lo quiere incorporar (o no lo ha hecho) en HTML5 y viendo nuestro pasado, que debemos hacer, ¿incorporarlo y saltarse el estandar web y beneficiarnos del potencial, a lo ACTIVEX de Microsoft? ¿o no hacerlo y desperdiciar el potencial de nuestras máquinas?

    Grandes dudas.

  • 7

    Avatar de ubik !
    ubik | 1 estrellas

    Uso Firefox 4 en win7 y la web me avisa de que mi navegador no soporta WebGL, me ocurre lo mismo con Google Body. He comprobado en about:config y webgl.disabled está en false ¿alguien tiene idea de cual puede ser el problema?

  • Respondiendo a #7:
  • 10

    Avatar de ubik !
    ubik | 1 estrellas

    Solucionado, era cuestión de actualizar los drivers de la gráfica.

  • 12

    Avatar de diazguzman2021 !

    OMFG me quede con boca abierta jamas habia visto algo asi ves las figuras y cuando te adentras mas hya mas figuras y todo en hd puede q otros lo hayan visto pero alguien q nunca la ah visto como yo me dejo en boca abierta

    -- editado por última vez a las 03:53

  • 14

    Avatar de zaxius !
    zaxius | 1 estrellas

    Yo me he puesto a hacer un poco el bruto con los fractales en 3D y he tenido que reiniciar el PC, se me havia colgado. Por otra parte la aplicacion me encanta.

  • 15

    Avatar de Jaume !
    Jaume | 2 estrellas

    pues yo lo he puesto al maximo en mi mbp...

    y no tarda casi nada...

  • 16

    Avatar de guilleglad !

    No me sirve en Chrome!!! AAAAhhhhh!!!??? que hago?

  • Respondiendo a #16:
  • 17

    Avatar de xallow !
    xallow | 4 estrellas

    Actualiza tus drivers, es la causa más común. También checa si te reconoce tu tarjeta de vídeo. Escribe about:gpu

    ¿Funciona en otros exploradores?

    -- editado por última vez a las 03:55

  • 18

    Avatar de David !

    xallow, a mi me funciona perfecto con firefox 5.

Escribir un comentario

Para hacer un comentario es necesario que te identifiques: ENTRA o conéctate con Facebook Connect

Anunciate aquí

WSL Weblogs SL