moving-mondrian

commit

700946bc2216f76b7570bc06f760f10ee33a4e45

parent

4f981f1d4dfb0aed0e3a0b5291fb12db5704ed9f

Author

Tobias Bengfort <tobias.bengfort@posteo.de>

Date

2024-05-10 19:18

tweak easing function

Diffstat

1 files changed, 10 insertions, 3 deletions

diff --git a/mondrian.js b/mondrian.js

@@ -1,4 +1,7 @@
    1    -1 var speed = 3;  // percent per second
   -1     1 var speed = 2;  // percent per second
   -1     2 var easing_factor = 0.6;
   -1     3 var easing_max = Math.tan(Math.PI / 2 * easing_factor);
   -1     4 
    2     5 
    3     6 var createLeaf = function() {
    4     7 	var element = document.createElement("div");
@@ -26,11 +29,15 @@ var getRelSize = function(element) {
   26    29 };
   27    30 
   28    31 var easing = function(x) {
   29    -1 	return (Math.pow(x * 2 - 1, 3) + 1) / 2;
   -1    32 	var xx = (x - 0.5) * Math.PI * easing_factor;
   -1    33 	var yy = Math.tan(xx);
   -1    34 	return yy / easing_max / 2 + 0.5;
   30    35 };
   31    36 
   32    37 var easing_inverse = function(y) {
   33    -1 	return (Math.cbrt(y * 2 - 1) + 1) / 2;
   -1    38 	var yy = (y - 0.5) * 2 * easing_max;
   -1    39 	var xx = Math.atan(yy);
   -1    40 	return xx / easing_factor / Math.PI + 0.5;
   34    41 };
   35    42 
   36    43 var animate = function(element, delta) {