From 239158e83c7ca1e1d27ab5e556a18b58832b4c2f Mon Sep 17 00:00:00 2001 From: Julian Garnier Date: Tue, 28 Nov 2023 10:17:41 +0100 Subject: [PATCH 1/6] Bump version number --- lib/anime.es.js | 2 +- lib/anime.js | 2 +- lib/anime.min.js | 2 +- src/index.js | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/lib/anime.es.js b/lib/anime.es.js index e8ad5ae3..03523810 100644 --- a/lib/anime.es.js +++ b/lib/anime.es.js @@ -1291,7 +1291,7 @@ function timeline(params) { return tl; } -anime.version = '3.2.1'; +anime.version = '3.2.2'; anime.speed = 1; // TODO:#review: naming, documentation anime.suspendWhenDocumentHidden = true; diff --git a/lib/anime.js b/lib/anime.js index 6b81a1f8..eac67fe3 100644 --- a/lib/anime.js +++ b/lib/anime.js @@ -1293,7 +1293,7 @@ function timeline(params) { return tl; } -anime.version = '3.2.1'; +anime.version = '3.2.2'; anime.speed = 1; // TODO:#review: naming, documentation anime.suspendWhenDocumentHidden = true; diff --git a/lib/anime.min.js b/lib/anime.min.js index ed9da8a7..5f19b3da 100644 --- a/lib/anime.min.js +++ b/lib/anime.min.js @@ -5,4 +5,4 @@ * animejs.com */ -!function(n,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):n.anime=e()}(this,function(){"use strict";var i={update:null,begin:null,loopBegin:null,changeBegin:null,change:null,changeComplete:null,loopComplete:null,complete:null,loop:1,direction:"normal",autoplay:!0,timelineOffset:0},M={duration:1e3,delay:0,endDelay:0,easing:"easeOutElastic(1, .5)",round:0},j=["translateX","translateY","translateZ","rotate","rotateX","rotateY","rotateZ","scale","scaleX","scaleY","scaleZ","skew","skewX","skewY","perspective","matrix","matrix3d"],l={CSS:{},springs:{}};function C(n,e,t){return Math.min(Math.max(n,e),t)}function u(n,e){return-1 Date: Tue, 28 Nov 2023 13:19:53 +0100 Subject: [PATCH 2/6] Update LICENSE.md --- LICENSE.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/LICENSE.md b/LICENSE.md index 78b6ebfe..2eb8a55c 100644 --- a/LICENSE.md +++ b/LICENSE.md @@ -1,6 +1,6 @@ The MIT License -Copyright (c) 2019 Julian Garnier +Copyright (c) 2023 Julian Garnier Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: From 70ea16d39681f28608df9bb1a5a22e93794afdb4 Mon Sep 17 00:00:00 2001 From: Julian Garnier Date: Tue, 28 Nov 2023 13:21:14 +0100 Subject: [PATCH 3/6] Update docs --- documentation/assets/css/documentation.css | 11 +- documentation/assets/css/v4.css | 186 +++++++++++++++++++++ documentation/assets/css/website.css | 23 +-- documentation/assets/img/sponsor-logo.png | Bin 0 -> 14846 bytes documentation/assets/js/v4.js | 16 ++ documentation/assets/js/website.js | 51 +++--- documentation/index.html | 66 +++++++- 7 files changed, 314 insertions(+), 39 deletions(-) create mode 100644 documentation/assets/css/v4.css create mode 100644 documentation/assets/img/sponsor-logo.png create mode 100644 documentation/assets/js/v4.js diff --git a/documentation/assets/css/documentation.css b/documentation/assets/css/documentation.css index fd46c4ae..28ee8f48 100644 --- a/documentation/assets/css/documentation.css +++ b/documentation/assets/css/documentation.css @@ -86,6 +86,15 @@ h2 { font-weight: 200; } +.description-header a { + text-decoration: none; + color: inherit; +} + +.description-header a:hover { + text-decoration: underline; +} + /* Panes */ .pane { @@ -218,7 +227,7 @@ h2 { } .demo-info code { - font-family: "Input Mono Reg", monospace; + font-family: "InputMono", "Courier New", Courier, monospace; font-size: 14px; line-height: 22px; white-space: pre-wrap; diff --git a/documentation/assets/css/v4.css b/documentation/assets/css/v4.css new file mode 100644 index 00000000..02498d9e --- /dev/null +++ b/documentation/assets/css/v4.css @@ -0,0 +1,186 @@ +/* V4 */ + +body { + transition: padding-top .5s ease-in-out; +} + +body.has-banner { + padding-top: 60px; +} + +#top-banner, +#docs-header { + transition: transform .5s ease-in-out; +} + +body.has-banner #docs-header { + transform: translateY(60px); +} + +body.has-banner #top-banner { + transform: translateY(0%); +} + +#top-banner { + display: flex; + justify-content: center; + align-items: center; + position: fixed; + z-index: 99; + top: 0; + left: 0; + right: 0; + height: 60px; + padding-left: 60px; + padding-right: 10px; + font-size: 16px; + font-weight: 600; + background-color: #F74F4D; + color: #FFFFFF; + transform: translateY(-100%); +} + +#top-banner p { + margin-top: -2px; +} + +#close-banner { + position: absolute; + z-index: 99; + left: 10px; + top: 10px; + height: 40px; + width: 40px; + text-align: center; + background-color: transparent; + color: #FFF; + cursor: pointer; +} + +#banner-cta { + display: inline-flex; + align-items: baseline; + height: 30px; + padding-left: 12px; + padding-right: 12px; + margin-left: 16px; + border-radius: 16px; + white-space: pre; + font-weight: 600; + line-height: 30px; + background-color: #FFF; + color: #F74F4D; + text-decoration: none; + transition: transform .25s ease; +} + +#banner-cta:hover { + transform: scale(1.08); +} + +@media (max-width: 640px) { + #top-banner { + padding-left: 40px; + padding-right: 10px; + font-size: 15px; + } + + #close-banner { + left: 0; + height: 40px; + width: 40px; + } + + #banner-cta { + margin-left: 10px; + } + + #banner-cta span { + display: none; + } +} + +/* Sponsors */ + +.sponsor-logo { + opacity: .5; + text-decoration: none; + transition: opacity .25s ease; + margin-bottom: 20px; +} + +.sponsor-logo:hover { + opacity: 1; +} + +.sponsor-logo img { + width: 100%; + max-width: 92px; + height: auto; + margin-bottom: 10px; +} + +.sponsor-name { + display: block; + color: #FFF; + font-family: "InputMono", "Courier New", Courier, monospace; + font-weight: bold; + font-size: 10px; + text-align: center; + letter-spacing: -.075em; +} + +.sponsors-pane { + display: none; +} + +@media (min-width: 800px) { + .sponsors-pane { + width: 148px; + overflow-y: scroll; + display: block; + border-left: 1px solid rgba(0,0,0,.65); + } +} + +#docs-sponsors-list { + width: 100%; + display: flex; + flex-direction: column; + align-items: center; + padding: 20px; +} + +.sponsors-grid { + opacity: 0; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; +} + +#home-sponsors-list { + flex-wrap: wrap; + width: 100%; + margin-top: 20px; + margin-bottom: 20px; + display: flex; + flex-direction: row; + justify-content: space-between; +} + +@media (max-width: 739px) { + .sponsors-grid { + justify-content: flex-start; + align-items: flex-start; + padding-top: 40px; + border-top: 1px solid rgba(255,255,255,.3); + } + #home-sponsors-list .sponsor-logo { + width: 33.33%; + padding: 10px; + } + #home-sponsors-list .sponsor-logo img { + max-width: 100%; + } +} diff --git a/documentation/assets/css/website.css b/documentation/assets/css/website.css index be7e3fac..b938bc8b 100644 --- a/documentation/assets/css/website.css +++ b/documentation/assets/css/website.css @@ -108,7 +108,7 @@ a:hover .arrow:before, /* Header */ .header { - margin-top: 16px; + padding-top: 16px; } .nav-bar-content { @@ -124,7 +124,12 @@ a:hover .arrow:before, height: 48px; } +.header a { + opacity: .001; +} + .nav-bar { + overflow: hidden; display: flex; justify-content: flex-end; } @@ -145,6 +150,8 @@ a.main-cta { padding-left: 12px; padding-right: 12px; border-radius: 16px; + font-size: 16px; + font-weight: 600; line-height: 2; background-color: #F64E4D; transition: transform .25s ease; @@ -529,7 +536,6 @@ a.feature-icon:hover img { bottom: 0; display: flex; align-items: center; - /*justify-content: space-between;*/ width: 100%; height: 100%; } @@ -920,17 +926,14 @@ a.feature-icon:hover img { .sphere-animation { position: absolute; opacity: .001; - top: 50%; - left: 50%; - width: 580px; - height: 580px; - margin: -290px 0 0 -290px; + top: 0%; + left: 0; + width: 100%; + height: 100%; } .sphere path { - /*opacity: .001;*/ fill: rgba(37,36,35,.5); - /*fill: linear-gradient(-180deg, #FFFFFF 0%, #F6F4F2 35%, #F6F4F2 69%, #DDDAD7 100%);*/ fill: url(#sphereGradient); stroke-width: 1px; stroke: #FF4847; @@ -1058,4 +1061,4 @@ a.feature-icon:hover img { .footer-text a { font-size: 14px; } -} \ No newline at end of file +} diff --git a/documentation/assets/img/sponsor-logo.png b/documentation/assets/img/sponsor-logo.png new file mode 100644 index 0000000000000000000000000000000000000000..d530198a53f46ac8cf2dd318784c71132e9aceab GIT binary patch literal 14846 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 literal 0 HcmV?d00001 diff --git a/documentation/assets/js/v4.js b/documentation/assets/js/v4.js new file mode 100644 index 00000000..dc5f2b3a --- /dev/null +++ b/documentation/assets/js/v4.js @@ -0,0 +1,16 @@ +// V4 + +const $banner = document.querySelector('#top-banner'); +const $closeBanner = document.querySelector('#close-banner'); + +function showBanner() { + document.body.classList.add('has-banner'); +} + +function closeBanner() { + document.body.classList.remove('has-banner'); +} + +setTimeout(showBanner, 2500); + +$closeBanner.onclick = closeBanner; diff --git a/documentation/assets/js/website.js b/documentation/assets/js/website.js index 35c28f9c..6332f4ff 100644 --- a/documentation/assets/js/website.js +++ b/documentation/assets/js/website.js @@ -1,4 +1,4 @@ -// import anime from '../../../lib/anime.es.js'; +// import anime from '../../../src/index.js'; /* Ontersection observer */ @@ -117,20 +117,30 @@ function isElementInViewport(el, inCB, outCB, rootMargin) { observer.observe(el); } -function fitElementToParent(el, padding) { - var timeout = null; +function fitElementToParent(el, padding, exception) { + let windowWidth = 0; + let timeout = 0; function resize() { - if (timeout) clearTimeout(timeout); anime.set(el, {scale: 1}); + if (exception) anime.set(exception, {scale: 1}); var pad = padding || 0; var parentEl = el.parentNode; var elOffsetWidth = el.offsetWidth - pad; var parentOffsetWidth = parentEl.offsetWidth; var ratio = parentOffsetWidth / elOffsetWidth; - timeout = setTimeout(anime.set(el, {scale: ratio}), 100); + var invertedRatio = elOffsetWidth / parentOffsetWidth; + anime.set(el, {scale: ratio}); + if (exception) anime.set(exception, {scale: invertedRatio}); } resize(); - window.addEventListener('resize', resize); + window.addEventListener('resize', function() { + if (window.innerWidth === windowWidth) return; + clearTimeout(timeout); + timeout = setTimeout(function() { + windowWidth = window.innerWidth; + resize(); + }, 15); + }); } // Update date and version number @@ -153,7 +163,7 @@ var logoAnimation = (function() { var logoAnimationEl = document.querySelector('.logo-animation'); var bouncePath = anime.path('.bounce path'); - fitElementToParent(logoAnimationEl, 0); + fitElementToParent(logoAnimationEl, 0, '.bounce svg'); anime.set(['.letter-a', '.letter-n', '.letter-i'], {translateX: 70}); anime.set('.letter-e', {translateX: -70}); @@ -279,7 +289,7 @@ var headerIntroAnimation = anime.timeline({ autoplay: false }) .add({ - targets: ['.header a', '.secondary-menu a', '.section-intro .feature-description-text'], + targets: ['.header a', '.secondary-menu a', '.section-intro .feature-description-text', '.sponsors-grid'], opacity: {value: [0.001, 1], easing: 'linear', duration: 300}, translateY: [40, 0], translateZ: 0, @@ -441,11 +451,9 @@ var sphereAnimation = (function() { var sphereEl = document.querySelector('.sphere-animation'); var spherePathEls = sphereEl.querySelectorAll('.sphere path'); var pathLength = spherePathEls.length; - var hasStarted = false; + var introPlayed = false; var aimations = []; - fitElementToParent(sphereEl); - var breathAnimation = anime({ begin: function() { for (var i = 0; i < pathLength; i++) { @@ -504,7 +512,10 @@ var sphereAnimation = (function() { }, 0); function play() { - introAnimation.play(); + if (!introPlayed) { + introAnimation.play(); + introPlayed = true; + } breathAnimation.play(); shadowAnimation.play(); } @@ -563,7 +574,7 @@ var advancedStaggeringAnimation = (function() { .add({ targets: '.stagger-visualizer .cursor', keyframes: [ - { scale: .75, duration: 120}, + { scale: .75, duration: 120}, { scale: 2.5, duration: 220}, { scale: 1.5, duration: 450}, ], @@ -688,7 +699,7 @@ var timeControlAnimation = (function() { end: time.start, easing: 'spring(.3, 200, 5, 1)', update: function() { timelineAnimation.seek(time.end); }, - complete: function() { + complete: function() { controlAnimationCanMove = true; moveControlAnimation(); } @@ -811,10 +822,10 @@ var layeredAnimation = (function() { complete: function(anim) { animateShape(anim.animatables[0].target); }, }) .add({ - translateX: createKeyframes(function(el) { + translateX: createKeyframes(function(el) { return el.classList.contains('large') ? anime.random(-300, 300) : anime.random(-520, 520); }), - translateY: createKeyframes(function(el) { + translateY: createKeyframes(function(el) { return el.classList.contains('large') ? anime.random(-110, 110) : anime.random(-280, 280); }), rotate: createKeyframes(function() { return anime.random(-180, 180); }), @@ -835,7 +846,7 @@ var layeredAnimation = (function() { if (polyEl) { animation.add({ targets: polyEl, - points: createKeyframes(function() { + points: createKeyframes(function() { var scale = anime.random(72, 180) / 100; return trianglePoints.map(function(p) { return p * scale; }).join(' '); }), @@ -858,12 +869,12 @@ var layeredAnimation = (function() { complete: function(anim) { animateProgress(anim.animatables[0].target); }, }) .add({ - transformOrigin: createKeyframes(function(el) { + transformOrigin: createKeyframes(function(el) { return anime.random(0, 100) + '%'; }) }, 0) .add({ - scaleX: createKeyframes(function(el) { + scaleX: createKeyframes(function(el) { return anime.random(10, 100) / 100; }) }, 0); @@ -883,4 +894,4 @@ scrollToGettingStartedLink.addEventListener('click', function(e) { scrollToElement(document.querySelector('#getting-started')); }) -window.onload = introEasingsAnimation.init; \ No newline at end of file +window.onload = introEasingsAnimation.init; diff --git a/documentation/index.html b/documentation/index.html index 99e5233c..adf40ddf 100644 --- a/documentation/index.html +++ b/documentation/index.html @@ -25,12 +25,27 @@ - + + + + +
+ +

+ Anime.js V4 is now in early access for GitHub Sponsors! +

+ +
-
+

grid starrering effect. + Forces the direction of a grid staggering effect.

anime.stagger(value, {grid: [rows, columns], axis: 'x'})
@@ -2471,7 +2486,7 @@

Time Offsets

Parameters inheritance

- Parameters set in the parent timeline instance will be inherited by all the children. + Some parameters set in the parent timeline instance can be inherited by all the children.

@@ -2480,6 +2495,9 @@

Parameters inheritance

+ + + @@ -2513,10 +2531,10 @@

Parameters inheritance

var tl = anime.timeline({ targets: '.params-inheritance-demo .el', delay: function(el, i) { return i * 200 }, - duration: 500, - easing: 'easeOutExpo', - direction: 'alternate', - loop: true + duration: 500, // Can be inherited + easing: 'easeOutExpo', // Can be inherited + direction: 'alternate', // Is not inherited + loop: true // Is not inherited }); tl @@ -4165,6 +4183,37 @@

+
+
+

Sponsors

+
+ +
+ From c217e70af0bc9bb31dfff50621585d8cff935882 Mon Sep 17 00:00:00 2001 From: Julian Garnier Date: Fri, 29 Mar 2024 17:00:13 +0100 Subject: [PATCH 4/6] Update README.md --- README.md | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 65aa0d31..655af2e1 100644 --- a/README.md +++ b/README.md @@ -12,8 +12,9 @@

JavaScript animation engine | animejs.com

- npm version - npm downloads + ![NPM Downloads](https://img.shields.io/npm/dm/animejs?style=flat-square&logo=npm) + ![jsDelivr hits (npm)](https://img.shields.io/jsdelivr/npm/hm/animejs?style=flat-square&logo=jsdeliver) + ![GitHub Sponsors](https://img.shields.io/github/sponsors/juliangarnier?style=flat-square&logo=github)

From 653297802f10ddc4048ed00b5c77e552dd6c6a49 Mon Sep 17 00:00:00 2001 From: Julian Garnier Date: Fri, 29 Mar 2024 17:01:26 +0100 Subject: [PATCH 5/6] Update README.md --- README.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index 655af2e1..fffe3990 100644 --- a/README.md +++ b/README.md @@ -12,9 +12,9 @@

JavaScript animation engine | animejs.com

- ![NPM Downloads](https://img.shields.io/npm/dm/animejs?style=flat-square&logo=npm) - ![jsDelivr hits (npm)](https://img.shields.io/jsdelivr/npm/hm/animejs?style=flat-square&logo=jsdeliver) - ![GitHub Sponsors](https://img.shields.io/github/sponsors/juliangarnier?style=flat-square&logo=github) + NPM Downloads + jsDelivr hits (npm) + GitHub Sponsors

From 6e9105c6d0f16c2e7f421ea5f9aa8c6fe5c502b5 Mon Sep 17 00:00:00 2001 From: Julian Garnier Date: Fri, 29 Mar 2024 17:05:37 +0100 Subject: [PATCH 6/6] Add sponsors --- documentation/assets/css/v4.css | 22 +++++++++++++---- .../assets/sponsors/huly-logomark.svg | 1 + documentation/index.html | 24 ++++--------------- 3 files changed, 23 insertions(+), 24 deletions(-) create mode 100644 documentation/assets/sponsors/huly-logomark.svg diff --git a/documentation/assets/css/v4.css b/documentation/assets/css/v4.css index 02498d9e..984cf2a2 100644 --- a/documentation/assets/css/v4.css +++ b/documentation/assets/css/v4.css @@ -103,13 +103,22 @@ body.has-banner #top-banner { /* Sponsors */ .sponsor-logo { - opacity: .5; + opacity: .75; text-decoration: none; transition: opacity .25s ease; margin-bottom: 20px; } -.sponsor-logo:hover { +a.sponsor-logo:hover { + text-decoration: none; +} + +.sponsor-placeholder { + opacity: .25; +} + +.sponsor-logo:hover, +.sponsor-placeholder img { opacity: 1; } @@ -125,7 +134,7 @@ body.has-banner #top-banner { color: #FFF; font-family: "InputMono", "Courier New", Courier, monospace; font-weight: bold; - font-size: 10px; + font-size: 11px; text-align: center; letter-spacing: -.075em; } @@ -166,7 +175,12 @@ body.has-banner #top-banner { margin-bottom: 20px; display: flex; flex-direction: row; - justify-content: space-between; + justify-content: center; +} + +#home-sponsors-list .sponsor-logo { + margin-left: 16px; + margin-right: 16px; } @media (max-width: 739px) { diff --git a/documentation/assets/sponsors/huly-logomark.svg b/documentation/assets/sponsors/huly-logomark.svg new file mode 100644 index 00000000..23b4df6a --- /dev/null +++ b/documentation/assets/sponsors/huly-logomark.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/documentation/index.html b/documentation/index.html index adf40ddf..23204155 100644 --- a/documentation/index.html +++ b/documentation/index.html @@ -4188,27 +4188,11 @@

Sponsors

targets
easing
duration