intro a threejs

/
about

Introducción al 3D en la Web

El punto de partida a un viaje con Three.js

Contenido

Quien controla los gráficos

Ya sea que jugamos un videojuego o que corremos una página web con 3D, el que se encarga de renderizar utilizando nuestro hardware es el driver de gráficos.

Simplicando podriamos decir:

  • DirectX: Gráficos en Windows.
  • Metal: Gráficos en macOS.
  • OpenGL: Gráficos en múltiples sistemas operativos, incluyendo Linux. Su api es mas bajo nivel.
  • Vulkan: Nextgen OpenGL.
  • WebGL: Implementa OpenGL para la web.
  • WebGPU: Nextgen WebGL. Implementa DirectX, Metal y Vulkan en la web. Está en desarrollo.

WebGL es el motor de gráficos para la web, tiene una api de muy bajo nivel lo que da muchísimo control pero un gran poder conlleva una gran dificultad.

Three.js y React Three Fiber

Three.js es una librería de JavaScript que nos abstrae de tener que codear directamente en WebGL, nos da una interfaz de más alto nivel.

Es el motor de gráficos mas usado para web, en su página se pueden encontrar muchisimos ejemplos y material de aprendizaje.

RectAreaLight, uno de los ejemplos de la web de Three.js