07 2013 档案

摘要:Adobe Edge Animate –获取鼠标位置及跟随鼠标功能实现版权声明:本文版权属于 北京联友天下科技发展有限公司。转载的时候请注明版权和原文地址。在网络上浏览有关Edge相关问题的时候,看到有人提问如何实现获得鼠标位置的功能,笔者经过一番尝试,终于做出来了,与各位分享之。效果图:一、获得当前鼠标位置值的实现新建一个工程,在stage中添加actions,在这里由于每次鼠标移动都要检测,所以添加mousemove函数:var tempX ;//用于存储鼠标x轴方向的坐标值var tempY ;//用于存储鼠标y轴方向的坐标值if(document.all)//如果浏览器是ie,执行以下 阅读全文
posted @ 2013-07-17 17:02 Adobe Edge 阅读(4749) 评论(0) 推荐(0)
摘要:Adobe Edge Animate –使用css制作菜单版权声明:本文版权属于 北京联友天下科技发展有限公司。转载的时候请注明版权和原文地址。效果图:下拉菜单:使用css制作菜单与用Edge作图工具制作菜单是两个思路两种方法,css的方法纯粹使用代码控制菜单的艺术效果。一、制作菜单容器使用矩形工具,创建一个菜单显示区域,命名为menucontainer,转换为原件,命名为menu,完成菜单容器的制作,接下来菜单将显示在这个原件中。二、制作点击菜单后显示内容的容器同样使用矩形工具,创建内容显示区域,转换为原件,并且命名为content,完成内容显示容器的制作,点击菜单之后,加载的相关内容将显示 阅读全文
posted @ 2013-07-12 18:17 Adobe Edge 阅读(5579) 评论(1) 推荐(2)
摘要:Adobe Edge Animate –Edge Commons强势来袭,Edge团队开发成为现实版权声明:本文版权属于 北京联友天下科技发展有限公司。转载的时候请注明版权和原文地址。Edge Commons CDN:Edge刚刚发布第一个版本的时候,一直在考虑如何让Edge实现团队开发,当时Edge的功能还十分有限,而可实现的方法是:将做好的动画打包为一个原件导出,在Edge大框架中导入的方法。然而近来Adobe Edge Animate官方开发技术团队(以Simon Widjaja为代表)发布了Edge Commons CDN,这是一个扩展的javascript库,旨在提高Edge开发工作 阅读全文
posted @ 2013-07-12 11:53 Adobe Edge 阅读(3126) 评论(5) 推荐(1)
摘要:Adobe Edge Animate –可重复使用的个性化按钮制作版权声明:本文版权属于 北京联友天下科技发展有限公司。转载的时候请注明版权和原文地址。效果图:工程文件中:运行中:当网页加载的时候,按钮的名称会发生变化,这是因为我们使用了不同的Title值的原因,在按钮加载完毕的时候,读取该按钮对应的Title,并且将之显示在文本上,下面通过一个小例子来讲解具体的制作方法。一、制作一个按钮1、首先,我们可以自己design一个按钮,比如说,笔者做了这样的:分别是normal和click状态下的效果 2、接下来把它转化为原件,在此命名为btn,原件内部的文字元素则命名为label。二、添加lab 阅读全文
posted @ 2013-07-11 15:06 Adobe Edge 阅读(2331) 评论(0) 推荐(0)
摘要:Adobe Edge Animate –弹性的方块-使用tweenmax缓动效果版权声明:本文版权属于 北京联友天下科技发展有限公司。转载的时候请注明版权和原文地址。此前有Edge爱好者提出一个疑问:在Edge中有动画的缓动效果,但是如何使用tweenmax来实现这个缓动呢?这是个比较有意思的问题,带着这个疑问查找了网上的一些资料后,做出了一个demo,在此跟各位分享。一、下载tweenmax相关js从网上下载greensock的tweenmax相关js文件,放置在工程文件目录下,如下图:二、制作动画元素:方块(矩形)在Edge中使用矩形工具,制作一个Rectangle,可以另外命名,在此就使 阅读全文
posted @ 2013-07-10 15:33 Adobe Edge 阅读(5046) 评论(1) 推荐(1)
摘要:Adobe Edge Animate –地球自转动画的实现,类似flash遮罩层的效果版权声明:本文版权属于 北京联友天下科技发展有限公司。转载的时候请注明版权和原文地址。目前Edge的功能尚在不断完善中,没有类似flash遮罩层和引导层这些做动画十分好用的功能,但是依靠目前Edge已有的功能,我们还是可以在一定程度上实现遮罩层的效果,以下即为一个实现遮罩层效果的终极小例子:地球自转动画。成果图:众位网友一定好奇,Edge中并没这种功能啊,怎么实现的呢,请看以下讲解:一、先找到一张符合要求的世界地图地图要求:要有接近两张世界地图长度,这样才可以实现自转一周的动画,循环起来就可以实现无缝对接,就 阅读全文
posted @ 2013-07-10 09:28 Adobe Edge 阅读(6871) 评论(5) 推荐(0)
摘要:Adobe Edge Animate --使用HTML5实现手机摇一摇功能版权声明:本文版权属于 北京联友天下科技发展有限公司。转载的时候请注明版权和原文地址。HTML5的发展日新月异,其功能也越来越丰富和完善,比如12年HTML5可支持手机摇一摇功能,本文末尾将附上有关技术问题。现在我们将讲解如何在Edge中使用HTML5实现摇一摇功能。首先,需要注意的是,并不是所有手机都支持HTML5的摇一摇功能,以下为目前适用范围:1、 iOS系统(包括ipad,iphone),自带safari浏览器和chorme浏览器皆可识别2、 Android系统,不识别,需要安装特定浏览器如oprea,chrom 阅读全文
posted @ 2013-07-09 16:04 Adobe Edge 阅读(6617) 评论(3) 推荐(1)
摘要:Adobe Edge Animate--关于全局变量和全局方法的定义版权声明:本文版权属于北京联友天下科技发展有限公司。转载的时候请注明版权和原文地址。BY:sonicxsxs前文中有关音频添加的那一章,文中所说的全局变量,那么定义是不对的。应该直接写au_to_play=new Audio()。也可以使用sym.setParameter ("myVar", 0)来定义并用 var myVar = sym.getParameter ("myVar");来获取。详见(http://forums.adobe.com/message/4261700)另外如果先 阅读全文
posted @ 2013-07-05 15:48 Adobe Edge 阅读(2314) 评论(0) 推荐(1)