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

    $( “#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

 

相关文章