Blog de programación
Otro ejemplo en Three.js en el que podemos ver cómo mover un objeto capturando el teclado al que llamamos ejemplo three.js teclado . Moveremos a derecha e izquierda el cubo según si se pulsa la tecla izquierda o derecha.
» Leer más
Si ya vimos en el anterior artículo, un ejemplo sencillo en Three.js de cómo crear un cubo, en éste vamos a mostrar la manera de mover la cámara de una forma sencilla (un plugin lo hará por nosostros)
» Leer más
Retomamos el mundo de la programación WebGl con ThreeJS. Veamos un pequeño ejemplo que trata la renderización de un cubo en movimiento. Three.js con un ejemplo creación de un cubo.
» Leer másEste fin de semana he añadido un nuevo vehículos de la Segunda Guerra Mundial a mi catálogo 3D online. WW2Viewer es un pequeño proyecto realizado con Three.js, librería Javascript para el tratamiento 3D en los navegadores. Esta nueva actualización, me ha servido para tratar con los modelos 3D de Collada. Hasta ahora solo había tratado la carga de modelos .obj Y he encontrado varias cosas que creo importante cuando tratas con modelos 3D. Lo explico para facilitar el proceso por […]
» Leer másAquí os dejo algunos enlaces a ejemplos de proyectos creados con Three.js. Con esta librería 3D con el que poder trabajar WebGL, o lo que es lo mismo, hacer aplicaciones, juegos o webs 3D para los navegadores. Recuerda que para ver estos proyectos debes tener WebGL activado en tu navegador, de lo contrario no podrás verlo. 3D City Futuro juego 3D. Ahora están poniendo las texturas. Explore the Sky Navega entre las nuves Three.js app template Descarga plantillas (código) sencilla […]
» Leer más
Este fin de semana, y aprovechando las fiestas Navideñas, me he puesto a curiosear la librería Three.js Como normalmente tengo la cabeza casi llena de preocupaciones, tengo que hacerme apuntes para no olvidar lo que voy aprendiendo. Pues bien, aprovechando que de vez en cuando voy a revisar el tema de las aplicaciones 3D en los navegadores, he decidido hacer unos pequeños apuntes online para que todo el mundo pueda consultarlos. Consistiran en código y resultado. Ejemplos con su código […]
» Leer más
Hace dos días os mostré cómo habilitar la aceleración gráfica en vuestro navegador Chrome (en mi caso lo necesitaba para probar programas creados con Three.js). Pues bien, veamos los que lo necesitáis en el navegador Firefox.
» Leer más
Si estáis viendo esta entrada de blog es porque seguramente estaréis experimentando con librerías 3D para vuestro navegador. Yo seguí los siguientes pasos para activar WebGL en Chrome para poder probar mis programillas 3D realidazos con la librería JavaScript Three.js Sigue estos pasos para activar WebGL en Chrome Editado 29-12-16 Pon en marcha Chrome Vamos a la barra de direcciones (dónde ponéis los enlaces web) y escribimos: chrome://flags/ “Accelerated 2D Canvas” debe estar activado “GPU Rasterizacion” en Default “WebGL 2.0 […]
» Leer más