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 ｊｓ 特效总结 框架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)------爆炸效果的更多相关文章
- 游戏引擎架构 (Jason Gregory 著)
第一部分 基础 第1章 导论 (已看) 第2章 专业工具 (已看) 第3章 游戏软件工程基础 (已看) 第4章 游戏所需的三维数学 (已看) 第二部分 低阶引擎系统 第5章 游戏支持系统 (已看) 第 ...
- Atitit 基于dom的游戏引擎
Atitit 基于dom的游戏引擎 1. 添加sprite控件(cocos,createjs,dom)1 1.1.1. Cocos1 1.1.2. createjs1 1.1.3. Dom模式2 1. ...
- 《Genesis-3D开源游戏引擎完整实例教程-2D射击游戏篇08：弹幕系统》本系列完结
8.弹幕系统 弹幕系统概述: 弹幕系统的设计体现了射击游戏的基本要素,玩家要在敌人放出的大量子弹(弹幕)的细小空隙间闪避,能在玩家闪躲弹幕的时候给玩家带来快感,接近满屏的子弹,增加了对玩家的视觉冲击力 ...
- cocos2d-x游戏引擎核心(3.x)----事件分发机制之事件从(android,ios,desktop)系统传到cocos2dx的过程浅析
(一) Android平台下: cocos2dx 版本3.2,先导入一个android工程,然后看下AndroidManifest.xml <application android:label= ...
- 如何制作一款HTML5 RPG游戏引擎——第二篇，烟雨+飞雪效果
今天我们来实现烟雨+飞雪效果.首先来说,一款经典的RPG游戏难免需要加入天气的变化.那么为了使我们的RPG游戏引擎更完美,我们就只好慢慢地实现它. 本文为该系列文章的第二篇,如果想了解以前的文章可以看 ...
- jQuery 打气球小游戏 点击气球爆炸效果
最近在学习前端,看到偶尔看到前端小游戏,就想自己写一个小游戏,奈何水平有限,只能写打气球这种简单的,所有的气球都是动态生成的,气球的颜色也是随机的 html部分 <div class=" ...
- Atitit 游戏的原理与概论attilax总结
Atitit 游戏的原理与概论attilax总结 1. 游戏历史2 1.1.1. 盘点PC游戏史上最重要的50款游戏2 1.1.2. 回味人类文明进程 五款经典的历史游戏2 2. 游戏类型(主要分为6 ...
- 第1部分: 游戏引擎介绍， 渲染和构造3D世界
原文作者:Jake Simpson译者: 向海Email:GameWorldChina@myway.com ---------------------------------------------- ...
- Genesis-3D开源游戏引擎简介！
Genesis-3D由搜狐畅游公司超百人引擎研发团队历时数年耗费巨资自主研发,是国内外首款商业开源的3D游戏引擎平台.它包括跨平台渲染引擎.2D引擎.物理引擎.音效系统.粒子系统.动画系统.服务器引擎 ...
随机推荐
- java中数组的相关知识
1. 2.数组的命名方法 1)int[]ages=new int[5]; 2) int[]ages; ages=new int[5]; 3)int[]ags={1,2,3,4,5}; 4)int[ ...
- 在centos上配置IP
当我们安装好系统后,最先做的应该就是配置IP了,因为无论是要下载工具软件.还是远程链接,网络必不可少,所以我们要先来配置IP! 一.查看IP 如何在centos上查看IP呢,使用 ifconfig 命 ...
- 友盟错误日志分析(转自：COCOACHINA shemy )
在做的项目中,用到了友盟的组件,在没有禁用错误日志上传之前,收集了一些错误日志. 有一些朋友看到了错误日志,却不知道怎么定位到程序的的代码中,实际上,这一步是非常的简单.友盟没有集成.dSYM文件 ...
- JS与Jquery学习笔记（二）
一. JS 的面向对象 JS没有类,其类就用function来代替如下所示: function Cat(name, color){ this.name=name; this.color=color; ...
- IE11浏览器：请不要再叫我IE，谢谢
这篇对自已挺有用的,特mark一下,纯转载. 转载自:nczonline 微软在上周刚刚发布了用于Windows 8.1上 的首个Internet Explorer 11的预览版.我们已经确认Inte ...
- erlang日志功能。
用cowboy这个库,没有日志功能,所以研究了otp提供的日志功能. 1.启动SASL的方式 erl –boot start_sasl 默认配置文件下启动SASL, {env, [{sasl_erro ...
- Hbase随笔2
Hbase是建立在HDFS上的分布式数据库,下图是Hbase表的模型: Hbase这个数据库其实和传统关系数据库还是有很多类似之处,而不是像mongodb,memcached以及redis完全脱离了表 ...
- 2.使用JDK开发webService
使用jdk开发webService需要注意:jdk版本必须1.6以及1.6以上! 以下webService的组成部分: server端和client端,通过服务器端(server)webService ...
- ActionBar的使用
ActionBar的使用很普遍,可以充当工具栏使用.本文介绍如何使用ActionBar. 1.ActionBar一般包含有多个工具按钮.所以,需要新建一个xml文件来存放ActionBar中的内容.在 ...
- @MappedSuperclass的用法
实体类baseEntity.java package com.rock.cft.hibernate; import java.util.Date; import javax.persistence.G ...