Atitit 游戏引擎—物理系统(1)——爆炸效果

Atitit 游戏引擎—物理系统(1)——爆炸效果

 

1.1. 动画框架的来源flex,jqueryuijs,anim , cocos2d 1

1.2. Jqueryui的特效库 1

1.3. Dom爆炸yuanli 2

1.4. 参考资料 2

1.5. —-code 2

 

 

1.1. 卡通框架的来源flex,jqueryuijs,anim , cocos2d

atitit.html5动画特效制作工具
,jeig hto d ma shma
yon…

———-sp

1.1. Kendo UI Demo (有特效 1

1.2. Foundation并未特效,,界面效果也相似,,不豪华。。
1

参考paip.html js 特效总计 框架attilax 总计 v2 qaa.doc

jQueryUI KendoUI Bootstrap Foundation

Ref paip.关于动画特效原理 html js 框架总括 

—————————–sp

 

 

1.2. Jqueryui的特效库

 

 

 

 

1.3. Dom爆炸yuanli

Bg btn hide,zai add lei yva div ,move move..same time
fadeout…tranparent..then ok.

 

 

1.4.  参考资料

 

paip.关于动画特效原理 html js 框架总括 – attilax的专辑 – 博客频道 – CSDN.NET.html

atitit.html5动画特效—-打水漂 ducks_and_drakes – attilax的专栏 – 博客频道 – CSDN.NET.html

 

 

 

 

 

1.5. —-code

 

  

   <script src=”jquery-1.12.4.min[1].js”></script>

  <script
src=”jquery-ui-1.12.1.custom/jquery-ui.js”></script>

  <script>

  $( function() {

    // run the currently selected effect

    function runExpEffect(obj) {

      // get effect type from

      var selectedEffect =”explode”;

 

      // Most effect types need no options passed by default

      var options = {};

      

      

 

      // Run the effect

      $(obj ).effect( selectedEffect, options, 500, callback(obj) );

    };

 

    // Callback function to bring a hidden box back

    function callback(obj) {

//this.objx=obj;

var objx=obj;

      setTimeout(function() {

// this. objx.bind(this)

//   alert(objx); // bg obj d  class bind to this .not def win

        $(obj).removeAttr( “style” ).hide().fadeIn();

      }, 500 );

    };

 

    // Set effect from select menu value

Bootstrap,    $( “#button” ).on( “click”, function() {

      runExpEffect(“#button”);

      return false;

    });

  } );

  </script>

</head>

<body>

 

 

 

 

<button id=”button” class=”ui-state-default ui-corner-all”>Run
Effect</button>

作者:: 绰号:老哇的爪子 ( 全名::Attilax Akbar Al Rapanui 阿提拉克斯 阿克巴 阿尔 拉帕努伊 ) 

汉字名:艾提拉(艾龙),   EMAIL:1466519819@qq.com

转载请表明来源: http://blog.cnb.net/attilax

Atiend

 

相关文章