lunes, 7 de febrero de 2011

JavaScript en 3D

Hasta hace bien poco era impensable el incluir una figura modelada en 3D en cualquier sitio web con solo un JS y nada mas. Si se quería lograr ese efecto partíamos de la necesidad de incluir un SWF o para los mas simples una animación GIF. Pues de la mano del sitio github y su autor Tony Buser, nos presenta Thingiview podemos ver una serie de ejemplos en esta web. La implementación es vastante sencilla, un ejemplo:

<script src="/javascripts/Three.js"></script>
<script src="/javascripts/plane.js"></script>
<script src="/javascripts/thingiview.js"></script>
<script> 
    window.onload = function() { 
        thingiurlbase = "/javascripts"; 
        thingiview = new Thingiview("viewer"); 
        thingiview.setObjectColor('#C0D8F0'); 
        thingiview.initScene(); 
        thingiview.loadSTL("/objects/cube.stl"); 
    } 
</script> 
<div id="viewer" style="width:300px;height:300px"></div>
Espero que os haya gustado, hasta la próxima.