Atitit 游戏引擎---物理系统(1)------爆炸效果
1.1. 动画框架的来源flex,jqueryuijs,anim , cocos2d 1
1.1. 动画框架的来源flex,jqueryuijs,anim , cocos2d
atitit.html5动画特效制作工具 ,jeig hto d ma shma yon...
----------sp
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