OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <body> | 2 <body> |
3 <script src="../interpolation/resources/interpolation-test.js"></script> | 3 <script src="../interpolation/resources/interpolation-test.js"></script> |
4 <script> | 4 <script> |
5 assertComposition({ | 5 assertComposition({ |
6 property: 'motion-rotation', | 6 property: 'offset-rotation', |
7 underlying: '20deg', | 7 underlying: '20deg', |
8 addFrom: '10deg', | 8 addFrom: '10deg', |
9 addTo: '20deg', | 9 addTo: '20deg', |
10 }, [ | 10 }, [ |
11 {at: -0.3, is: '27deg'}, | 11 {at: -0.3, is: '27deg'}, |
12 {at: 0, is: '30deg'}, | 12 {at: 0, is: '30deg'}, |
13 {at: 0.3, is: '33deg'}, | 13 {at: 0.3, is: '33deg'}, |
14 {at: 0.6, is: '36deg'}, | 14 {at: 0.6, is: '36deg'}, |
15 {at: 1, is: '40deg'}, | 15 {at: 1, is: '40deg'}, |
16 {at: 1.5, is: '45deg'}, | 16 {at: 1.5, is: '45deg'}, |
17 ]); | 17 ]); |
18 | 18 |
19 assertComposition({ | 19 assertComposition({ |
20 property: 'motion-rotation', | 20 property: 'offset-rotation', |
21 underlying: 'auto 20deg', | 21 underlying: 'auto 20deg', |
22 addFrom: '10deg', | 22 addFrom: '10deg', |
23 addTo: '20deg', | 23 addTo: '20deg', |
24 }, [ | 24 }, [ |
25 {at: -0.3, is: '7deg'}, | 25 {at: -0.3, is: '7deg'}, |
26 {at: 0, is: '10deg'}, | 26 {at: 0, is: '10deg'}, |
27 {at: 0.3, is: '13deg'}, | 27 {at: 0.3, is: '13deg'}, |
28 {at: 0.6, is: '16deg'}, | 28 {at: 0.6, is: '16deg'}, |
29 {at: 1, is: '20deg'}, | 29 {at: 1, is: '20deg'}, |
30 {at: 1.5, is: '25deg'}, | 30 {at: 1.5, is: '25deg'}, |
31 ]); | 31 ]); |
32 | 32 |
33 assertComposition({ | 33 assertComposition({ |
34 property: 'motion-rotation', | 34 property: 'offset-rotation', |
35 underlying: 'auto 20deg', | 35 underlying: 'auto 20deg', |
36 addFrom: 'reverse 10deg', | 36 addFrom: 'reverse 10deg', |
37 addTo: 'auto 20deg', | 37 addTo: 'auto 20deg', |
38 }, [ | 38 }, [ |
39 {at: -0.3, is: 'auto 261deg'}, | 39 {at: -0.3, is: 'auto 261deg'}, |
40 {at: 0, is: 'auto 210deg'}, | 40 {at: 0, is: 'auto 210deg'}, |
41 {at: 0.3, is: 'auto 159deg'}, | 41 {at: 0.3, is: 'auto 159deg'}, |
42 {at: 0.6, is: 'auto 108deg'}, | 42 {at: 0.6, is: 'auto 108deg'}, |
43 {at: 1, is: 'auto 40deg'}, | 43 {at: 1, is: 'auto 40deg'}, |
44 {at: 1.5, is: 'auto -45deg'}, | 44 {at: 1.5, is: 'auto -45deg'}, |
45 ]); | 45 ]); |
46 | 46 |
47 assertComposition({ | 47 assertComposition({ |
48 property: 'motion-rotation', | 48 property: 'offset-rotation', |
49 underlying: '20deg', | 49 underlying: '20deg', |
50 addFrom: 'reverse 10deg', | 50 addFrom: 'reverse 10deg', |
51 addTo: '20deg', | 51 addTo: '20deg', |
52 }, [ | 52 }, [ |
53 {at: -0.3, is: 'auto 190deg'}, | 53 {at: -0.3, is: 'auto 190deg'}, |
54 {at: 0, is: 'auto 190deg'}, | 54 {at: 0, is: 'auto 190deg'}, |
55 {at: 0.3, is: 'auto 190deg'}, | 55 {at: 0.3, is: 'auto 190deg'}, |
56 {at: 0.6, is: '40deg'}, | 56 {at: 0.6, is: '40deg'}, |
57 {at: 1, is: '40deg'}, | 57 {at: 1, is: '40deg'}, |
58 {at: 1.5, is: '40deg'}, | 58 {at: 1.5, is: '40deg'}, |
59 ]); | 59 ]); |
60 | 60 |
61 assertComposition({ | 61 assertComposition({ |
62 property: 'motion-rotation', | 62 property: 'offset-rotation', |
63 underlying: '20deg', | 63 underlying: '20deg', |
64 replaceFrom: 'reverse 10deg', | 64 replaceFrom: 'reverse 10deg', |
65 addTo: '20deg', | 65 addTo: '20deg', |
66 }, [ | 66 }, [ |
67 {at: -0.3, is: 'auto 190deg'}, | 67 {at: -0.3, is: 'auto 190deg'}, |
68 {at: 0, is: 'auto 190deg'}, | 68 {at: 0, is: 'auto 190deg'}, |
69 {at: 0.3, is: 'auto 190deg'}, | 69 {at: 0.3, is: 'auto 190deg'}, |
70 {at: 0.6, is: '40deg'}, | 70 {at: 0.6, is: '40deg'}, |
71 {at: 1, is: '40deg'}, | 71 {at: 1, is: '40deg'}, |
72 {at: 1.5, is: '40deg'}, | 72 {at: 1.5, is: '40deg'}, |
73 ]); | 73 ]); |
74 | 74 |
75 assertComposition({ | 75 assertComposition({ |
76 property: 'motion-rotation', | 76 property: 'offset-rotation', |
77 underlying: '20deg', | 77 underlying: '20deg', |
78 addFrom: '10deg', | 78 addFrom: '10deg', |
79 replaceTo: '10deg', | 79 replaceTo: '10deg', |
80 }, [ | 80 }, [ |
81 {at: -0.3, is: '36deg'}, | 81 {at: -0.3, is: '36deg'}, |
82 {at: 0, is: '30deg'}, | 82 {at: 0, is: '30deg'}, |
83 {at: 0.3, is: '24deg'}, | 83 {at: 0.3, is: '24deg'}, |
84 {at: 0.6, is: '18deg'}, | 84 {at: 0.6, is: '18deg'}, |
85 {at: 1, is: '10deg'}, | 85 {at: 1, is: '10deg'}, |
86 {at: 1.5, is: '0deg'}, | 86 {at: 1.5, is: '0deg'}, |
87 ]); | 87 ]); |
88 </script> | 88 </script> |
89 </body> | 89 </body> |
OLD | NEW |