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

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ライセンス

 
shine.js

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

  • LATEST
  • RELATED
  • POPULAR