diff --git a/assets/css/src/_header.scss b/assets/css/src/_header.scss index d75a107..990ace4 100644 --- a/assets/css/src/_header.scss +++ b/assets/css/src/_header.scss @@ -39,6 +39,8 @@ li.characters { flex: 0 0 200px; justify-content: center; + margin-right: 4vw; + margin-left: 2vw; svg { width: var(--char-size); diff --git a/assets/css/src/_view-buttons.scss b/assets/css/src/_view-buttons.scss index 7d167ff..6e76f2c 100644 --- a/assets/css/src/_view-buttons.scss +++ b/assets/css/src/_view-buttons.scss @@ -14,11 +14,10 @@ padding: 0.3rem 0.7rem; border-radius: 0.5rem; border: var(--border); - box-shadow: inset 0 0 0px 0 0 var(--color-green); - transition: box-shadow 0.2s ease-in-out; &.active { - box-shadow: inset 0 0 3px 1px var(--color-green); + background-color: #000; + color: #fff; } } } diff --git a/assets/css/style.css b/assets/css/style.css index 73fb0e9..73cc882 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -236,11 +236,10 @@ main { padding: 0.3rem 0.7rem; border-radius: 0.5rem; border: var(--border); - box-shadow: inset 0 0 0px 0 0 var(--color-green); - transition: box-shadow 0.2s ease-in-out; } .view-buttons li button.active { - box-shadow: inset 0 0 3px 1px var(--color-green); + background-color: #000; + color: #fff; } .main-header { @@ -281,6 +280,8 @@ main { .main-header nav ul li.characters { flex: 0 0 200px; justify-content: center; + margin-right: 4vw; + margin-left: 2vw; } .main-header nav ul li.characters svg { width: var(--char-size); diff --git a/assets/css/style.css.map b/assets/css/style.css.map index d1abdcd..cda6be1 100644 --- a/assets/css/style.css.map +++ b/assets/css/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","src/_reset.scss","src/_fonts.scss","src/_variables.scss","src/_texts.scss","src/_global.scss","src/_generic.scss","src/_view-buttons.scss","src/_header.scss","src/pages/_home.scss","src/pages/_events.scss","src/pages/_event.scss","src/pages/_agenda.scss","src/_slideshow.scss","src/_footer.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","src/_reset.scss","src/_fonts.scss","src/_variables.scss","src/_texts.scss","src/_global.scss","src/_generic.scss","src/_view-buttons.scss","src/_header.scss","src/pages/_home.scss","src/pages/_events.scss","src/pages/_event.scss","src/pages/_agenda.scss","src/_slideshow.scss","src/_footer.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file diff --git a/assets/images/characters/characters-kawai.svg b/assets/images/characters/characters-kawai.svg index 0288881..64e1f2c 100644 --- a/assets/images/characters/characters-kawai.svg +++ b/assets/images/characters/characters-kawai.svg @@ -76,16 +76,18 @@ - - + + + + diff --git a/assets/js/characters/morphEyes.js b/assets/js/characters/morphEyes.js index a06ffad..8a27e84 100644 --- a/assets/js/characters/morphEyes.js +++ b/assets/js/characters/morphEyes.js @@ -4,21 +4,31 @@ export function initMorphEyes() { gsap.registerPlugin(MorphSVGPlugin); - const DURATION = 0.5; - const EASE = "power2.inOut"; + const DURATION = 0.7; + const EASE_IN = "elastic.out(1.3, 0.35)"; + const EASE_OUT = "elastic.out(1.3, 0.35)"; // lc-eye-l : composé de plusieurs éléments superposés - const lcEyeLIris = svg.querySelector("#lc-eye-l-iris"); - const lcEyeLBase = svg.querySelector("#lc-eye-l-base"); - const lcEyeLOverlays = svg.querySelectorAll("#lc-eye-l-sclera, #lc-eye-l-shadow, #lc-eye-l-sparkle"); + const lcEyeLIris = svg.querySelector("#lc-eye-l-iris"); + const lcEyeLBase = svg.querySelector("#lc-eye-l-base"); + const lcEyeLOverlays = svg.querySelectorAll( + "#lc-eye-l-sclera, #lc-eye-l-shadow, #lc-eye-l-sparkle" + ); // Les trois autres yeux : un seul compound path chacun const lcEyeRIris = svg.querySelector("#lc-eye-r-iris"); const rcEyeLIris = svg.querySelector("#rc-eye-l-iris"); const rcEyeRIris = svg.querySelector("#rc-eye-r-iris"); - // Paupières + sourcils : révélés en fondu lors du passage en no-outfit - const eyeOverlays = svg.querySelector("#eye-overlays"); + // Groupes d'yeux pour le blink + const eyeGroupLcL = svg.querySelector("#lc-eye-l"); + const eyeGroupLcR = svg.querySelector("#lc-eye-r"); + const eyeGroupRcL = svg.querySelector("#rc-eye-l"); + const eyeGroupRcR = svg.querySelector("#rc-eye-r"); + const eyeGroups = [eyeGroupLcL, eyeGroupLcR, eyeGroupRcL, eyeGroupRcR]; + + // Paupières, sourcils, nez : révélés en fondu lors du passage en no-outfit + const faceOverlays = svg.querySelector("#face-overlays"); if (!lcEyeLIris || !lcEyeRIris || !rcEyeLIris || !rcEyeRIris) return; @@ -30,31 +40,102 @@ export function initMorphEyes() { rcEyeRIris: rcEyeRIris.getAttribute("d"), }; + let blinkTl = null; + + function blink() { + blinkTl = gsap.timeline({ delay: DURATION + 0.1 }); + blinkTl + .to(eyeGroups, { scaleY: 0, duration: 0.07, ease: "power2.in", transformOrigin: "center center" }) + .to(eyeGroups, { scaleY: 1, duration: 0.1, ease: "power2.out" }) + .to(eyeGroups, { scaleY: 0, duration: 0.07, ease: "power2.in", delay: 0.06 }) + .to(eyeGroups, { scaleY: 1, duration: 0.1, ease: "power2.out" }) + .to(eyeGroups, { scaleY: 0, duration: 0.07, ease: "power2.in", delay: 0.1 }) + .to(eyeGroups, { scaleY: 1, duration: 0.12, ease: "power2.out" }); + } + function morphToNoOutfit() { - // lc-eye-l : iris + base → ovale, overlays blancs → opacity 0 - gsap.to(lcEyeLIris, { morphSVG: "#lc-eye-l-target", duration: DURATION, ease: EASE }); - gsap.to(lcEyeLBase, { morphSVG: "#lc-eye-l-target", duration: DURATION, ease: EASE }); - gsap.to(lcEyeLOverlays, { opacity: 0, duration: DURATION * 0.4, ease: "power1.in" }); + if (blinkTl) blinkTl.kill(); + gsap.set(eyeGroups, { scaleY: 1 }); - gsap.to(lcEyeRIris, { morphSVG: "#lc-eye-r-target", duration: DURATION, delay: 0.04, ease: EASE }); - gsap.to(rcEyeLIris, { morphSVG: "#rc-eye-l-target", duration: DURATION, delay: 0.02, ease: EASE }); - gsap.to(rcEyeRIris, { morphSVG: "#rc-eye-r-target", duration: DURATION, delay: 0.06, ease: EASE }); + gsap.to(lcEyeLIris, { + morphSVG: "#lc-eye-l-target", + duration: DURATION, + ease: EASE_IN, + }); + // base + overlays disparaissent vite pour ne pas masquer le morph de l'iris + gsap.to([lcEyeLBase, ...lcEyeLOverlays], { + opacity: 0, + duration: 0.08, + ease: "power1.in", + }); - // Paupières + sourcils : apparition en fondu - gsap.to(eyeOverlays, { opacity: 1, duration: DURATION * 0.8, delay: DURATION * 0.3, ease: "power1.out" }); + gsap.to(lcEyeRIris, { + morphSVG: "#lc-eye-r-target", + duration: DURATION, + delay: 0.04, + ease: EASE_IN, + }); + gsap.to(rcEyeLIris, { + morphSVG: "#rc-eye-l-target", + duration: DURATION, + delay: 0.02, + ease: EASE_IN, + }); + gsap.to(rcEyeRIris, { + morphSVG: "#rc-eye-r-target", + duration: DURATION, + delay: 0.06, + ease: EASE_IN, + }); + + gsap.to(faceOverlays, { + opacity: 1, + duration: DURATION * 0.8, + delay: DURATION * 0.25, + ease: "power1.out", + }); } function morphToKawai() { - gsap.to(lcEyeLIris, { morphSVG: origins.lcEyeLIris, duration: DURATION, ease: EASE }); - gsap.to(lcEyeLBase, { morphSVG: origins.lcEyeLBase, duration: DURATION, ease: EASE }); - gsap.to(lcEyeLOverlays, { opacity: 1, duration: DURATION * 0.6, delay: DURATION * 0.5, ease: "power1.out" }); + gsap.to(lcEyeLIris, { + morphSVG: origins.lcEyeLIris, + duration: DURATION, + ease: EASE_OUT, + }); + // base + overlays réapparaissent seulement après que l'iris ait fini de morphier + gsap.to([lcEyeLBase, ...lcEyeLOverlays], { + opacity: 1, + duration: 0.1, + delay: DURATION, + ease: "power1.out", + }); - gsap.to(lcEyeRIris, { morphSVG: origins.lcEyeRIris, duration: DURATION, delay: 0.04, ease: EASE }); - gsap.to(rcEyeLIris, { morphSVG: origins.rcEyeLIris, duration: DURATION, delay: 0.02, ease: EASE }); - gsap.to(rcEyeRIris, { morphSVG: origins.rcEyeRIris, duration: DURATION, delay: 0.06, ease: EASE }); + gsap.to(lcEyeRIris, { + morphSVG: origins.lcEyeRIris, + duration: DURATION, + delay: 0.04, + ease: EASE_OUT, + }); + gsap.to(rcEyeLIris, { + morphSVG: origins.rcEyeLIris, + duration: DURATION, + delay: 0.02, + ease: EASE_OUT, + }); + gsap.to(rcEyeRIris, { + morphSVG: origins.rcEyeRIris, + duration: DURATION, + delay: 0.06, + ease: EASE_OUT, + }); - // Paupières + sourcils : disparition immédiate - gsap.to(eyeOverlays, { opacity: 0, duration: DURATION * 0.4, ease: "power1.in" }); + gsap.to(faceOverlays, { + opacity: 0, + duration: DURATION * 0.35, + ease: "power2.in", + }); + + blink(); } const identity = document.querySelector(".identity"); diff --git a/assets/js/characters/morphMouth.js b/assets/js/characters/morphMouth.js index 0096da3..676a9a3 100644 --- a/assets/js/characters/morphMouth.js +++ b/assets/js/characters/morphMouth.js @@ -12,8 +12,9 @@ export function initMorphMouth() { const rcMouthOrigin = rcMouth.getAttribute("d"); const DURATION = 0.3; - const EASE = "power2.inOut"; - const STAGGER = 0.06; + const EASE_IN = "elastic.out(1.3, 0.35)"; + const EASE_OUT = "elastic.out(1.3, 0.35)"; + const STAGGER = 0.06; function morphToNoOutfit() { gsap.to(lcMouth, { @@ -21,7 +22,7 @@ export function initMorphMouth() { fill: "black", stroke: "transparent", duration: DURATION, - ease: EASE, + ease: EASE_IN, }); gsap.to(rcMouth, { morphSVG: "#rc-mouth-target", @@ -29,7 +30,7 @@ export function initMorphMouth() { stroke: "transparent", duration: DURATION, delay: STAGGER, - ease: EASE, + ease: EASE_IN, }); } @@ -39,7 +40,7 @@ export function initMorphMouth() { fill: "none", stroke: "black", duration: DURATION, - ease: EASE, + ease: EASE_OUT, }); gsap.to(rcMouth, { morphSVG: rcMouthOrigin, @@ -47,7 +48,7 @@ export function initMorphMouth() { stroke: "black", duration: DURATION, delay: STAGGER, - ease: EASE, + ease: EASE_OUT, }); }