回答編集履歴
2
変化を自然に
answer
CHANGED
|
@@ -1,17 +1,28 @@
|
|
|
1
1
|
これで「徐々に遅く」はなりますが、良いのでしょうか？
|
|
2
|
+
|
|
2
3
|
修正
|
|
4
|
+
|
|
3
5
|
変化をなめらかにしてみました。
|
|
6
|
+
|
|
7
|
+
修正
|
|
8
|
+
|
|
9
|
+
変化を自然にしてみました。
|
|
10
|
+
これでどうでしょう？
|
|
4
11
|
```JavaScript
|
|
5
12
|
$(function() {
|
|
13
|
+
var coefficient = 2.5;
|
|
14
|
+
var coefficientA = - Math.log(1 - coefficient / Math.E);
|
|
15
|
+
var coefficientB = (1 - Math.log(coefficient)) / coefficientA;
|
|
6
|
-
var coefficient = (1 - Math.sqrt(5)) / 2;
|
|
16
|
+
//var coefficient = (1 - Math.sqrt(5)) / 2;
|
|
17
|
+
|
|
7
18
|
$('.atom').animate(
|
|
8
19
|
{ 'padding-right' : 1 },
|
|
9
20
|
{
|
|
10
21
|
duration : 5000,
|
|
11
22
|
step : function(now) {
|
|
12
23
|
// now : 0 → 1;
|
|
24
|
+
var scale = Math.E / coefficient - Math.exp(- coefficientA * (now - coefficientB));
|
|
13
|
-
var scale = - 1 / coefficient - 1 / (now - coefficient);
|
|
25
|
+
//var scale = - 1 / coefficient - 1 / (now - coefficient);
|
|
14
|
-
//var scale = Math.pow(now, 1/3);
|
|
15
26
|
$(this).css('transform', 'scale(' + scale + ')');
|
|
16
27
|
},
|
|
17
28
|
complete : function() {
|
|
@@ -20,5 +31,4 @@
|
|
|
20
31
|
}
|
|
21
32
|
);
|
|
22
33
|
});
|
|
23
|
-
|
|
24
34
|
```
|
1
変化をなめらかに
answer
CHANGED
|
@@ -1,13 +1,17 @@
|
|
|
1
1
|
これで「徐々に遅く」はなりますが、良いのでしょうか？
|
|
2
|
+
修正
|
|
3
|
+
変化をなめらかにしてみました。
|
|
2
4
|
```JavaScript
|
|
3
5
|
$(function() {
|
|
6
|
+
var coefficient = (1 - Math.sqrt(5)) / 2;
|
|
4
7
|
$('.atom').animate(
|
|
5
8
|
{ 'padding-right' : 1 },
|
|
6
9
|
{
|
|
7
|
-
duration :
|
|
10
|
+
duration : 5000,
|
|
8
11
|
step : function(now) {
|
|
9
12
|
// now : 0 → 1;
|
|
13
|
+
var scale = - 1 / coefficient - 1 / (now - coefficient);
|
|
10
|
-
var scale = Math.pow(now, 1/3);
|
|
14
|
+
//var scale = Math.pow(now, 1/3);
|
|
11
15
|
$(this).css('transform', 'scale(' + scale + ')');
|
|
12
16
|
},
|
|
13
17
|
complete : function() {
|
|
@@ -16,4 +20,5 @@
|
|
|
16
20
|
}
|
|
17
21
|
);
|
|
18
22
|
});
|
|
23
|
+
|
|
19
24
|
```
|