Blog Juan Bedoya

http://jsbedoya-proyecto.herokuapp.com/ Controles: Saltar: Espacio Mover cámara en el plano XZ: WASD Mover cámara en Y: Flechas Arriba Abajo Rotar Cámara: Flechas Izquierda Derecha https://github.com/juansb827/webgl-FlappyBird Entrega 2 En esta entrega el enfoque principal fue diseñar un sistema que permita mover objetos y detectar la detección de colisiones entre estos. Para esto se requiere que el sistema haga lo siguiente. Crear un objeto SceneObject (pájaro o chimenea por ahora) con su respectiva hitbox, este tipo objeto sólo se usa para detectar colisiones, para guardar la información para pintar un objeto (vértices, índices, normal etc..)  se usa una clase llamada Mesh.  Mover un SceneObject (y su hitbox) Detectar si las hitboxes de dos SceneObject colisionan. Con el fin de reducir el número de bugs al diseñar el sistema, decidí utilizar la metodología TDD (Test Driven Development). Es decir para cada funcionalidad se realizó pr...

WebglWind    https://github.com/mapbox/webgl-wind DEMO   Implementación usual ● Matriz de velocidad según posición ● Matriz de partículas  ● Mover cada partícula según la velocidad en su posición actual ● Reiniciar la posición de algunas aleatoriamente ● Desvanecer el frame actual ● Dibujar el siguiente Frame Problemas ● Soporta un número bajo de partículas  ( ~5k ) ● Procesamiento en la CPU   Solución ● Lógica en GPU ● Imagen para velocidad ● Textura para posición  Velocidad   ● Rojo: Componente X de la velocidad     ● Verde: Componente Y de la velocidad    Posición