05 / FENÊTRE LIQUIDE

Onde

Le calme, à fleur d’eauDécouvrir l’effet ↓

05 / Immersion · Photo ou vidéo + WebGL

Fenêtre liquide

La matière devient une invitation.

Trois carpes koï glissent dans une eau claire. Un titre de verre et une lentille liquide accompagnent leurs mouvements.

Où l’utiliser

Piscines, spa, hôtels, cosmétique, lieux de bien-être.

Notre regard

Un plan fixe laisse vivre les poissons, les matières et les reflets. Le bouton Médias permet de choisir le bassin photographique, le film du Lab ou vos propres images et vidéos.

À essayer

Déplacez le pointeur pour guider la lentille. Sans geste, elle parcourt doucement la surface.

Une lecture adaptée

Photo et titre lisibles en mouvement réduit ; avec une vidéo, image de secours si la lecture est bloquée.

Études visuelles de démonstration. Le bouton Photos ou Médias permet d’essayer vos propres images et films, conservés dans ce navigateur.

Base d’intégration

<section data-fx="mask-reveal">
  <video poster="eau.jpg" muted loop playsinline preload="metadata">
    <source src="eau.webm" type="video/webm">
    <source src="eau.mp4" type="video/mp4">
  </video>
  <h1 data-fx-title>Onde</h1>
</section>

Utiliser ensemble chardon-fx.css et chardon-fx.js. Adapter les médias et les couleurs au projet, puis vérifier sur les appareils cibles.