Background image
Background image
Thumb for Wanaka 3

Wanaka 3

Site portfolio WebGL

Sur ce projet

  • ThreeJS
  • Shaders GLSL & GPGPU
  • Transitions de page avec Barba
  • Motion One
  • Alpine.js
  • Wordpress
  • Optimisations

Les derniers mois que j'ai passés à Wanaka ont été principalement consacrés à la création du troisième portfolio web de l'entreprise (le précédent datait de 2016).

Le plus grand défi a été de développer un site web entièrement fonctionnel sans 3D, pouvant être progressivement enrichi avec des effets visuels et 3D basés sur ThreeJS. Chaque effet est activé ou non en fonction des capacités de l'appareil du visiteur.

L'interaction avec les particules est réalisée à l'aide de la technique GPGPU : la position de chaque particule est calculée sur le GPU, grâce à un shader, au lieu de boucler sur chacune d'elles avec le CPU.

Il y a de nombreuses micro-interactions et quelques easter-eggs. N'hésitez pas à explorer pour les découvrir !