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　ｊｓ　特效总结 框架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

Atitit 游戏引擎---物理系统（1)------爆炸效果的更多相关文章

  1. 游戏引擎架构 (Jason Gregory 著)

    第一部分 基础 第1章 导论 (已看) 第2章 专业工具 (已看) 第3章 游戏软件工程基础 (已看) 第4章 游戏所需的三维数学 (已看) 第二部分 低阶引擎系统 第5章 游戏支持系统 (已看) 第 ...

  2. Atitit 基于dom的游戏引擎

    Atitit 基于dom的游戏引擎 1. 添加sprite控件(cocos,createjs,dom)1 1.1.1. Cocos1 1.1.2. createjs1 1.1.3. Dom模式2 1. ...

  3. 《Genesis-3D开源游戏引擎完整实例教程-2D射击游戏篇08：弹幕系统》本系列完结

    8.弹幕系统 弹幕系统概述: 弹幕系统的设计体现了射击游戏的基本要素,玩家要在敌人放出的大量子弹(弹幕)的细小空隙间闪避,能在玩家闪躲弹幕的时候给玩家带来快感,接近满屏的子弹,增加了对玩家的视觉冲击力 ...

  4. cocos2d-x游戏引擎核心(3.x)----事件分发机制之事件从(android,ios,desktop)系统传到cocos2dx的过程浅析

    (一) Android平台下: cocos2dx 版本3.2,先导入一个android工程,然后看下AndroidManifest.xml <application android:label= ...

  5. 如何制作一款HTML5 RPG游戏引擎——第二篇，烟雨+飞雪效果

    今天我们来实现烟雨+飞雪效果.首先来说,一款经典的RPG游戏难免需要加入天气的变化.那么为了使我们的RPG游戏引擎更完美,我们就只好慢慢地实现它. 本文为该系列文章的第二篇,如果想了解以前的文章可以看 ...

  6. jQuery 打气球小游戏 点击气球爆炸效果

    最近在学习前端,看到偶尔看到前端小游戏,就想自己写一个小游戏,奈何水平有限,只能写打气球这种简单的,所有的气球都是动态生成的,气球的颜色也是随机的 html部分 <div class=" ...

  7. Atitit 游戏的原理与概论attilax总结

    Atitit 游戏的原理与概论attilax总结 1. 游戏历史2 1.1.1. 盘点PC游戏史上最重要的50款游戏2 1.1.2. 回味人类文明进程 五款经典的历史游戏2 2. 游戏类型(主要分为6 ...

  8. 第1部分: 游戏引擎介绍， 渲染和构造3D世界

    原文作者:Jake Simpson译者: 向海Email:GameWorldChina@myway.com ---------------------------------------------- ...

  9. Genesis-3D开源游戏引擎简介！

    Genesis-3D由搜狐畅游公司超百人引擎研发团队历时数年耗费巨资自主研发,是国内外首款商业开源的3D游戏引擎平台.它包括跨平台渲染引擎.2D引擎.物理引擎.音效系统.粒子系统.动画系统.服务器引擎 ...

随机推荐

  1. IE事件模型，如何给IE和非IE浏览器添加事件

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title> ...

  2. gulp 配置自动化前端开发

    有的人说,grunt已经廉颇老矣,尚能饭否.gulp已经成为了未来的趋势,或许将撼动grunt的地位. 那么就得看看gulp到底优势在哪里,在我最近的使用中发现,我的到了一个结论:“grunt廉颇老矣 ...

  3. TTL 生存时间介绍 (转)

    TTL: (Time To Live)生存时间,是IP协议包中的一个值,它告诉网络路由器包在网络中的时间是否太长而应被丢弃.有很多原因使包在一定时间内不能被传递到目的地.例如,不正确的路由表可能导致包 ...

  4. (转)Linux下root密码丢失和运行级别错误的解决办法

    我们知道,root用户在Linux中是相当重要的,其地位如同Windows中的Adminstrator 有了root权限我们还能修改其他用户的密码,可是,如果root用户的密码丢失该怎么办? 不用担心 ...

  5. 分析Linux内核创建一个新进程的过程

    一.原理分析 1.进程的描述 进程控制块PCB——task_struct,为了管理进程,内核必须对每个进程进行清晰的描述,进程描述符提供了内核所需了解的进程信息. struct task_struct ...

  6. JavaScript中，本周、上周、本月、上月日期判断

    /** * 获取本周.本季度.本月.上月的开端日期.停止日期 */ var now = new Date(); //当前日期 var nowDayOfWeek = now.getDay(); //今天 ...

  7. 冒泡排序-java

    排序-冒泡排序 基本思想:从一端开始,逐个比较相邻的两个元素,发现倒序即交换. 这里按从后往前(从下往上)逐个比较相邻元素. 平均时间:O(n2) 最好情况:O(n) 最坏情况:O(n2)(逆序) 辅 ...

  8. Yaf零基础学习总结5-Yaf类的自动加载

    Yaf零基础学习总结5-Yaf类的自动加载 框架的一个重要功能就是类的自动加载了,在第一个demo的时候我们就约定自己的项目的目录结构,框架就基于这个目录结构来自动加载需要的类文件. Yaf在自启动的 ...

  9. 要做linux运维工程师的朋友，必须要掌握以下几个工具才行 ...

    要做linux运维工程师的朋友,必须要掌握以下几个工具才行 ...  [复制链接]   发表于 2013-12-13 15:59 | 来自  51CTO网页 [只看他] 楼主           本人 ...

  10. 使用扩展方法简化RadAjaxManager设置

    相对于RadAjaxPanel,RadAjaxManager提供了更精确控制更新目标的设置,特别是在某些场景下,使用RadAjaxManager能够获得更好的性能. 但是,由于要明确设置目标,配置的代 ...