/ test_tween.html
test_tween.html
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 6 7 <title>Tween — Space.js</title> 8 9 <link rel="preconnect" href="https://fonts.gstatic.com"> 10 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto+Mono"> 11 <link rel="stylesheet" href="assets/css/style.css"> 12 13 <script type="importmap"> 14 { 15 "imports": { 16 "@alienkitty/space.js": "../src/index.js" 17 } 18 } 19 </script> 20 21 <script type="module"> 22 import { ticker, tween } from '@alienkitty/space.js'; 23 24 ticker.start(); 25 26 const data = { 27 radius: 0 28 }; 29 30 tween(data, { radius: 24, spring: 1.2, damping: 0.4 }, 1000, 'easeOutElastic', null, () => { 31 console.log(data.radius); 32 }); 33 </script> 34 </head> 35 <body> 36 </body> 37 </html>