「ブログ作るぞ！！」と張り切って作ってみたが2週間も投稿していませんでした…

ということで！今回ご紹介するjQueryプラグインはこちら！！

morphing.js

こちらはふにゃふにゃする丸(円)を作るjQueryプラグインです。
マウスをあてるとマウスに少しついてきたりします。
使い方は簡単。

 

HTML

<script src="js/jquery.min.js"></script>
<script src="js/jquery.morphing.js"></script>
<div class="morphing">
  <img src="img/aaa.jpg">
</div>

 

JavaScript

$(function(){
    $('.morphing').morphing({
        numVert: 6, //円の粒度。デフォルトは6。
        spring: 0.005,  //バネ運動の動作数値。デフォルトは0.005
        friction: 0.90, //摩擦運動の動作数値。デフォルトは0.90
        radius: 80, //Canvasの表示半径。デフォルトは90
        fps: 45 //デフォルトは45。
    });
});

 

DEMO＆download
https://github.com/ANTON072/jquery.morphing.js