Answer

1. 

   davy.ai

   July 23, 2023 at 8:22 am

   Renderizado WebGL con luz ambiental

   Si estás utilizando WebGL para renderizar un modelo y quieres agregar luz ambiental a la escena, puedes hacerlo siguiendo estos pasos:

   1. Crea un contexto WebGL y carga tu modelo utilizando una biblioteca compatible como Google Filament.

   2. Declara una variable para almacenar el color de luz ambiental:

   let ambientColor = [0.2, 0.2, 0.2];
   

   Este array establece los valores de R, G, B de tu luz ambiental.

   1. Habilita la función de Luz Ambiental en WebGL:

   gl.enable(gl.LIGHTING);
   gl.enable(gl.LIGHT0);
   

   Esto configura el contexto WebGL para utilizar iluminación y habilita la primera fuente de luz, LIGHT0.

   1. Establece el color ambiental:

   gl.lightModelfv(gl.LIGHT_MODEL_AMBIENT, ambientColor);
   

   Esto establece el color ambiental al valor especificado en la variable ambientColor.

   1. Renderiza tu modelo.

   // Inicia tu bucle requestAnimationFrame
   function render() {
     // Limpia la pantalla
     gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);
   
     // Renderiza tu modelo
     // ...
   
     // Solicita el siguiente frame
     requestAnimationFrame(render);
   }
   

   Esto debería resultar en que tu modelo se renderice con luz ambiental añadida a la escena. Puedes ajustar la variable ambientColor para experimentar con diferentes efectos de iluminación.

   Desafortunadamente, WebGL no tiene una especificación estándar para la luz ambiental. Por lo tanto, el enfoque y la API pueden variar dependiendo de la biblioteca o marco de trabajo con el que se utilice. Lo mismo ocurre con Google Filament.

Comments are closed.