丸いふにゃふにゃを作るjQueryプラグイン!morphing.js

更新日時:2019.06.17

カテゴリ:JavaScript&jQuery

「ブログ作るぞ!!」と張り切って作ってみたが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

 

Leave a Comment

入力エリアすべてが必須項目です。メールアドレスが公開されることはありません。

内容をご確認の上、送信してください。

CAPTCHA