Javascript

【Javascript】マウスの動きに合わせてシャドウが動くShine

July 21, 2016
shine.js

shine.jsはマウスの動きに合わせて影が動くスクリプト。テキスト以外にも画像やパネルにも影を付けたり、自動で動くものもあります。

JS

<script src="path/to/shine.min.js"></script>

HTML

<h1 id="headline" class="demo-text">shine</h1>

javascript

<script type="text/javascript">
      var shine = new Shine(document.getElementById('headline'));

      function handleMouseMove(event) {
        shine.light.position.x = event.clientX;
        shine.light.position.y = event.clientY;
        shine.draw();
      }

      window.addEventListener('mousemove', handleMouseMove, false);

MITライセンス