[JS]ã•ã¾ã–ã¾ãªãƒ‡ãƒ¼ã‚¿ã‚’最å°é™ã®è¨˜è¿°ã§ãƒ“ジュアル化ã™ã‚‹é«˜æ€§èƒ½ãªJavaScriptライブラリ -Zeu.jsã•ã¾ã–ã¾ãªãƒ‡ãƒ¼ã‚¿ã‚’最å°é™ã®è¨˜è¿°ã§ãƒ“ジュアル化ã—ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºã™ã‚‹é«˜æ€§èƒ½ãªJavaScriptライブラリを紹介ã—ã¾ã™ã€‚ メーターやファンやコントãƒãƒ¼ãƒ©ãƒ¼ãªã©ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãŒãƒ¬ãƒˆãƒãªã®ã‚‚é¢ç™½ã„ã§ã™ã。 Zeu.js -GitHub 上記ã¯é™æ¢ç”»ã§ã™ãŒã€ã‚‚ã¡ã‚んアニメーションã§å‹•ãã¾ã™ã€‚ デモã®ã‚«ãƒ©ãƒ¼ã¯æ´¾æ‰‹ã§ã™ãŒã€ã‚ªãƒ—ションã§ç°¡å˜ã«å¤‰æ›´ã§ãã¾ã™ã€‚ My Command Center Zeu.jsã¯Canavasベースã§ã€å¤–部ファイルã¨ç©ºã®canvasè¦ç´ を用æ„ã—ã€ã‚ã¨ã¯ã‚¿ã‚¤ãƒ—ã¨ãƒ‡ãƒ¼ã‚¿ã‚’定義ã™ã‚‹ã ã‘ã§å®Ÿè£…ã§ãã¾ã™ã€‚ <!-- 外部ファイル --> <script src="zeu.min.js"></script> <!-- 空ã®canvasè¦ç´ --> <canvas id="text-meter" width="200" height="100"></canvas> <script> //
![[JS]ã•ã¾ã–ã¾ãªãƒ‡ãƒ¼ã‚¿ã‚’最å°é™ã®è¨˜è¿°ã§ãƒ“ジュアル化ã™ã‚‹é«˜æ€§èƒ½ãªJavaScriptライブラリ -Zeu.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/31b37dfb88801f7bd583e6d221be6ed9f89769cc/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201803%2F2018091301.png)
{{#tags}}- {{label}}
{{/tags}}