Áreas y tecnologías
- web
- portfolio
- webgl
- Web
Nuxt, Vue y TypeScript
- Imagen en movimiento
Three.js, shaders y vídeo como textura
- Contenido
Proyectos en Markdown, en español e inglés
- Navegación
Transiciones entre tarjetas y fichas, proyectos relacionados y experimentos
Portfolio personal que reúne la mayoría de mis proyectos, o al menos de los que queda constancia.
Este es el portfolio que estás recorriendo: una web personal que reúne la mayoría de mis proyectos —programación, instalaciones interactivas, aplicaciones y experimentos en tiempo real— o, al menos, aquellos de los que conservo constancia. Diseñé y desarrollé tanto la presentación del trabajo como el motor visual que la acompaña.
Un motor compartido
Las imágenes y los vídeos conviven con una capa WebGL común a toda la página. Un motor con Three.js sincroniza los medios con su posición en el documento y aplica las deformaciones al hacer scroll o mover el cursor. Cuando el navegador lo permite, el render se ejecuta en un worker con OffscreenCanvas.
El contenido sigue siendo una web
Los proyectos se validan y se preparan al construir el sitio. Cada ficha conserva su texto, enlaces y medios en el HTML; si WebGL no está disponible, siguen funcionando como contenido normal. La preferencia de movimiento reducido adapta los efectos y la reproducción.
La portada incorpora un pequeño juego con una mano y piezas geométricas. En el about, el retrato se construye con una nube de puntos. Son dos maneras de presentar mi trabajo usando las mismas herramientas con las que lo desarrollo.
Franc Studio: web 2024
Portfolio de Franc Studio, con sus proyectos, imágenes y vídeos. Desarrollo con Vue, Vite y Firebase.
J.Franc Studio
Portfolio de J.Franc Studio con proyectos presentados mediante objetos y escenas 3D en la web.
MetricCanvas
Herramienta gratuita para medir sobre una imagen a partir de una distancia conocida.