WebGL y shaders: programando luz - Vicente Lucendo
Charla con una introducción donde se repasarán brevemente los requisitos para poder crear una escena 3D en el navegador, y donde posteriormente programaremos un shader sencillo que dará una pequeña muestra de todas las posibilidades que abre este tipo de programación.
- Qué es WebGL.
- Diferencias entre dibujar con la CPU y con la GPU.
- Elementos esenciales de una escena.
- Qué son los shaders y ejemplos de lo que se puede hacer con ellos.
- Vertex shader.
- Fragment shader.
- Iluminar un objeto paso a paso, con álgebra, sin la ayuda de la funcionalidad de Three.js.
- Cambiar el efecto para que parezca "toon shader", al estilo de algunos juegos de Nintendo.
- Opcionalmente, si quedara tiempo, podría mostrarse cómo hacer otros efectos artísticos.
Видео WebGL y shaders: programando luz - Vicente Lucendo канала Front Fest
- Qué es WebGL.
- Diferencias entre dibujar con la CPU y con la GPU.
- Elementos esenciales de una escena.
- Qué son los shaders y ejemplos de lo que se puede hacer con ellos.
- Vertex shader.
- Fragment shader.
- Iluminar un objeto paso a paso, con álgebra, sin la ayuda de la funcionalidad de Three.js.
- Cambiar el efecto para que parezca "toon shader", al estilo de algunos juegos de Nintendo.
- Opcionalmente, si quedara tiempo, podría mostrarse cómo hacer otros efectos artísticos.
Видео WebGL y shaders: programando luz - Vicente Lucendo канала Front Fest
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Cuida tus modales - Eduardo Sada](https://i.ytimg.com/vi/6SenXnVGWD4/default.jpg)
![Welcome... to the dark side? - James Heda Weng (LSE)](https://i.ytimg.com/vi/58mU9VCEW48/default.jpg)
![Las reglas han cambiado, Custom Properties! - Jesús Olazagoitia](https://i.ytimg.com/vi/NroY5YLLcVY/default.jpg)
![Dibujo artístico aplicado al maquetador web - Carlos Mañas](https://i.ytimg.com/vi/p-XhLT8-nQc/default.jpg)
![Duendecillos en tu navegador: service workers - Paqui Calabria e Ismael Navarro](https://i.ytimg.com/vi/e-yaGG53yWg/default.jpg)
![Mi componente, mis normas - Elisabeth Rodríguez y Jon Rojí (LSE)](https://i.ytimg.com/vi/YZvMl7EQqQs/default.jpg)
![The Art of Front-end Architecture - Adrià Fontcuberta (LSE)](https://i.ytimg.com/vi/vxx-UEpnNaY/default.jpg)
![Road to Web Components - Cristina Ponce](https://i.ytimg.com/vi/y9RX6UjNQE4/default.jpg)
![Primitive Obsession - Aida Albarrán (LSE)](https://i.ytimg.com/vi/aw1qAsei8u8/default.jpg)
![La igualdad en los espacios laborales: retos y beneficios - Jose Antonio Vela](https://i.ytimg.com/vi/640YazUAORU/default.jpg)
![Presentación FrontFest 2018](https://i.ytimg.com/vi/AXJUKCe0M_4/default.jpg)
![Cómo programar un motor de animaciones cuidando el rendimiento - Vicente Lucendo](https://i.ytimg.com/vi/jkKs10HZQLA/default.jpg)
![El navegador no es un condesador de fluzo, y lo sabes... ¿o no? - Joan León y Jorge Barrachina](https://i.ytimg.com/vi/26rEU4G95tA/default.jpg)
![¿Cómo funciona un router SPA? Caso práctico con Vue Router - Eduardo San Martín](https://i.ytimg.com/vi/MXUeo-dUClo/default.jpg)
![Presentación FrontFest 2019](https://i.ytimg.com/vi/lrrwmGdehjs/default.jpg)
![Tipografía para frontends - Elena Ramírez (LSE)](https://i.ytimg.com/vi/s7FEziUDXyA/default.jpg)
![Arte generativo con CSS - Sonia Ruiz (LSE)](https://i.ytimg.com/vi/KKg6Uo1pVLU/default.jpg)
![¿Cómo implementan la reactividad React, Vue y Angular? - Javier Abadía](https://i.ytimg.com/vi/VyzlZl6LlqM/default.jpg)
![Mejorando como desarrolladores - Belén Albeza](https://i.ytimg.com/vi/AHVnR0oLk6Y/default.jpg)
![Cómo te la "colamos" los diseñadores todos los días - James Heda Weng](https://i.ytimg.com/vi/srS8imBcAmc/default.jpg)