Salta al contingut principal

Javascript y las gráficas de alta calidad

Javascript y las gráficas de alta calidad:

No cabe duda que Javascript será el nuevo BASIC. Sin duda este lenguaje dominará por un tiempo y muchísimas aplicaciones se harán basándose en lo que este lenguaje puede hacer. Se ha hecho mucho trabajo para Javascript últimamente y parece que nada más podría sorprendernos, pero he aquí que ahora se pueden desarrollar escenas realistas en 3D directamente en su navegador.


Ray tracing es una de las técnicas más importantes de las gráficas 3D realistas, en el sentido que simulan la forma en que las escenas reales se crean usando los rayos de luz que entran a través de los ojos de los observadores. La única diferencia es que en general un ray tracer trabaja de manera inversa a los rayos de luz reales, esto es, desde la cámara a la escena. El programa tiene que trazar un rayo de luz desde la cámara hasta el modelo tridimensional y ver qué partes del mismo toca. A partir del color que toca el rayo de luz, se puede trabajar en el color del pixel que intersecta el punto donde la cámara debería estar. Simple en teoría, pero muy complejo de implementar. De hecho, en algunos casos se usa para probar el desempeño del hardware.


Christopher Chedeau y Gauthier Lemoine han implementado un ray tracer en Javascript, usando WebGL y un par de herramientas útiles como glMatrix, Code Mirror y CoffeeScript. Por el momento sólo puede renderear los siguientes tipos de objeto: planos, esferas y cilindros. Sin embargo, su uso es general. En el siguiente demo se puede ver la idea funcionando.


Para hacer incluso más atractiva esta idea, el código fuente de esto está disponible. A todo esto, el sistema parece funcionar en Chrome y Firefox pero no en Internet Explorer 9. No se ve ninguna razón particular para que esto esté ocurriendo.


Fuente: i-programmer




Comentaris

Entrades populars d'aquest blog

15 Tutoriales CSS3 para mejorar tus paginas web

15 Tutoriales CSS3 para mejorar tus paginas web : Les dejo una pequeña recopilación de tutoriales CSS3 que espero sean de utilidad para ustedes, intentamos hacer una recopilación bastante completa para crear impresionantes diseños web con CSS3 y aprovechar las bondades de CSS3 incluso para aplicar efectos, son un total de 15 tutoriales CSS3 gratis . Crear menu dropdown con CSS3 Crear breadcrumbs con estilo Transiciones de paginas con CSS3 Crear timeline con CSS3 y jQuery Reproductor de video con HTML5, CSS3 y jQuery Crear efecto acordion CSS3 Aplicar degradado a texto Crear texto en curva con CSS3 y jQuery Aplicar textura a texto con Magic Pill Crear slider de imagenes con CSS3 y jQuery Rotar texto con CSS3 Crear menu vertical con CSS3 Crear formulario con HTML5 y CSS3 Crear efecto de imagenes apiladas con CSS3 Aplicar estilos para imagenes con CSS3  

Averiguar la Salud del Disco Duro, con Crystal Disk Info [Windows]

Averiguar la Salud del Disco Duro, con Crystal Disk Info [Windows] : El actual “cuello de botella” en nuestras PCs; es decir, donde todo el rendimiento de nuestra PC llega a estancarse , es en el Disco Duro. Si bien los procesadores han evolucionado considerablemente en velocidad / rendimiento, el RAM no sólo es más económico, sino más veloz, y las tarjetas de video siguen innovando con cada generación, los discos duros han permanecido idénticos desde hace años, limitados por la física. Y es que un disco duro tradicional sólo tiene un máximo de velocidad con el que puede girar (medido en revoluciones por minuto, o RPM) que, a su vez, limita la velocidad de lectura y escritura. En pocas palabras, a pesar de que nuestras PCs pueden procesar información mucho más rápido que hace 5 años, los discos duros siguen leyendo (y escribiendo) esta información prácticamente a la misma velocidad. Esto ha cambiado con la llegada de los SSD, los Discos de Estado Sólo que no están limitados por la velo...

Cómo programar add-ons en XBMC: Un add-on más completo

Este tutorial forma parte de la serie Cómo programar un add-on de XBMC Estamos a mitad de camino de este tutorial, pero ya tienes el conocimiento necesario para hacer un add-on bastante completo. Espero que a estas alturas ya te hayas convencido de que es algo relativamente sencillo sin necesidad de saber demasiado de programación. Y ya sabes cómo obtener datos de una página HTML usando expresiones regulares, que es lo más difícil. Así que antes de entrar en la recta final vamos construir un add-on paso a paso desde cero, con el objetivo de afianzar lo que has aprendido en las entregas anteriores y de paso divertirte un poco. Te aconsejo que elijas un sitio web que te guste como fuente de vídeos, para mí he elegido hacer un add-on completo que permita ver los vídeos de Disney Junior tanto en la web oficial como en YouTube. No se trata de un add-on demasiado complejo, como podrás comprobar enseguida, pero no va a desmerecer en nada a cualquiera de los que puedes encontrar publicados en...