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

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

 

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

1.2. Jqueryui的特效库 1

1.3. Dom爆炸yuanli 2

1.4. 参考资料 2

1.5. ----code 2

 

 

1.1. 动画框架的来源flexjqueryuijs,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.csdn.net/attilax

Atiend

 

posted @ 2016-10-13 18:21  attilaxAti  阅读(224)  评论(0编辑  收藏  举报