我想在动画上点击js 鼠标左键点击事件一个图层会动,动作完之后然后跳入网站,怎么实现?

君,已阅读到文档的结尾了呢~~
小学信息技术开展动画制作教学的可行性研究和实践探索,实践与探索,开展教育实践活动,探索实践,实践开展程序,服务治理实践与探索,可行性研究报告,可行性分析,可行性报告,可行性分析报告
扫扫二维码,随身浏览文档
手机或平板扫扫即可继续访问
小学信息技术开展动画制作教学的可行性研究和实践探索
举报该文档为侵权文档。
举报该文档含有违规或不良信息。
反馈该文档无法正常浏览。
举报该文档为重复文档。
推荐理由:
将文档分享至:
分享完整地址
文档地址:
粘贴到BBS或博客
flash地址:
支持嵌入FLASH地址的网站使用
html代码:
&embed src='/DocinViewer-4.swf' width='100%' height='600' type=application/x-shockwave-flash ALLOWFULLSCREEN='true' ALLOWSCRIPTACCESS='always'&&/embed&
450px*300px480px*400px650px*490px
支持嵌入HTML代码的网站使用
您的内容已经提交成功
您所提交的内容需要审核后才能发布,请您等待!
3秒自动关闭窗口Flash教程:一个很好玩的响应鼠标打击动作的实例
Flash教程:一个很好玩的响应鼠标打击动作的实例,Flash教程:一个很好玩的响应鼠标打击动作的实例
看不到动画效果的朋友请去这里观看:/viewthread.php?tid=142663效果演示:试试用鼠标煽他几巴掌或揣他几脚[next]一、实现思路  我们先来看看实例的效果,鼠标在场景中的不同地方划过,场景中的小人都会有不同的反应。尤其有趣的是,当鼠标划过的速度不同的时候,反应的强弱也是不同的。这就跟游戏中的实现很相似了。   总的来说,实现的思路大概是这样的:先制作好鼠标划过不同部位所响应的动作特效,再用几个Movie&Clip来捕捉鼠标划过的位置跟速度,然后播放不同的动作特效,这就是我们所看到的效果。 二、实现过程  下面我们来看看具体的实现过程。  1、按“Ctrl + N”,新建一个Flash文件,按“Ctrl + F8”,新建一个Movie Clip,命名为“All Motion”。  2、进入此Movie Clip,用鼠标右键点击图层的名称,依次插入“label”、“Action”、“sound”、“idle”四个图层,在“label”层第一帧的属性面板上设置帧的label为“c_idle”,在第34帧上点击鼠标右键,插入一个关键帧,并设置此帧的label为“ML_w”,同理,依次在第47帧、第77帧、第89帧、第139帧、第154帧、第168帧、第220帧、第255帧、第267帧、第310帧、第358帧、第372帧、第430帧、第446帧上分别插入一个关键帧,并分别设置帧的label为“ML_s”、“MR_w”、“MR_s”、“TL_m”、“TL_w”、“TL_s”、“TR_m”、“TR_w”、“TR_s”、“B_m”、“BL_w”、“BL_s”、“BR_w”、“BR_s”。   3、在“Action”层的第33帧上面点击鼠标右键,插入一个关键帧,在此帧的Action Script面板上面添加语句:gotoAndPlay(1); 同理,在此层的第46帧、第75帧、第85帧、第120帧、第151帧、第165帧、第205帧、第252帧、第266帧、第301帧、第357帧、第369帧、第420帧、第440帧、第464帧分别插入一个关键帧,并分别在帧的Action Script面板上面添加语句:gotoAndPlay(1);   4、在“idle”图层的第34帧上面插入一个关键帧,在此图层第1帧的场景中用绘图工具画一个小人,如图1所示。这是在没有鼠标动作时候显示的。图1  5、在“layer1”图层的第34帧和第45帧上分别插入一个关键帧,在第34帧至第45帧之间制作出当鼠标以比较慢的速度从小人的左边手臂处划过的Movie Clip效果。以此类推,在第34帧至第45帧之间制作出当鼠标以比较慢的速度从小人的左边手臂处划过的Movie Clip效果。在第47帧至第74帧之间制作出当鼠标以比较快的速度从小人的左边手臂处划过的Movie Clip效果。在第77帧至第84帧之间制作出当鼠标以比较慢的速度从小人的右边手臂处划过的Movie Clip效果。在第89帧至第119帧之间制作出
来源:/n/6667.html
热门搜索:
电脑显示不出最近打开的文档记录怎么办
美图秀秀制作个性水印教程
如何将2016版本qq昵称设置为空白
如何解决电脑左侧工具栏消失
因为对于孩子来说,自闭症是影响一生的疾病,所以很多父母对于自闭症会有一下了解,但是父母对于自闭症的危害却不是非常了解,下面就给父母们介绍一下自闭症对于孩子有哪些危害。
自闭症对于孩子来说是一种非常恐怖的心理疾病,这种疾病若是不及时治疗会影响孩子一辈子,但是很多人没有发觉到自闭症孩子的一些异常,下面就给大家介绍一下自闭症的症状。
随着人们年龄的增长,冠心病的患病率的几率越来越高,很多人知道了自己冠心病,只不过很多人不知道怎么调养,下面就给各位详细的介绍一下冠心病应该注意哪些问题。
随着人们的医疗知识的普及,现在一到暑假的时候,医院里面一个医生一天割包皮要割几十个,但是,很多人想让自己尽快恢复过来,这就要靠调养了,下面就给大家介绍一下包皮术后的调养。
微博是我们现在相当流行的社交软件,现在大家也很喜欢用表情包进行交流,也已经成为了一种流行文化。最近微博也出了一组很可爱的表情包,下面就给大家来介绍微博新出的表情有哪些吧。
今日北京时间凌晨苹果召开新品发布会,iPhone 7和iPhone 7 Plus正式登台亮相,中国在首发之列,iPhone7起售价为5388元,iPhone7 Plus起售价为6388元,iphone7各项性能创新升级也让那些果粉们早就跃跃欲试了吧,而此次中国大陆的iPhone 7/7 Plus将在9月9日下午3:01正式开启预售,9月16日将正式开卖。现在万事俱备,只欠“割肾”,果粉们,Are you ready?
火影是笔者非常喜欢的一个动漫,同时火影的游戏也有很高的可玩性,对于新手玩家首先要了解火影忍者究极风暴3出招表,下面我就来教大家这款游戏里一些招式,喜欢这个游戏的玩家不妨来看看。
肚子上的赘肉看上去让人烦恼,尤其是对于想穿裙子的女生来说更是一件郁闷的事情。现在减肥的方法有很多,但是很多人并不知道专门瘦肚子的方法。那么,如何瘦肚子呢?下面就给大家介绍几种减肚子的方法吧。
炎夏烈日炎炎,就在你与阳光亲密接触时,也让紫外线有了可乘之机,有的时候,虽然你认真做了防晒的工作,却依旧没能躲过炙热的阳光,晒伤之后,要立马着手修复晒伤的肌肤,那么晒伤后怎么处理呢?下面就一起来看看吧。
脸上肉嘟嘟的女生和男生们是不是选择发型的时候很伤大脑。没关系,我们这里肯定有一款适合你的发型,本文也是大圆脸一枚,下面分享下我收集多年的圆脸女生男生发型以及学会的圆脸发型修饰技巧。
如果您有什么好的建议或者疑问,可以联系我们! QQ群: QQ号: 进群、加好友,备注:图老师 小周老师一一为您解答!让我们一起学习、一起进步 版权所有 (C) 2016 All Rights Reserved. 湘ICP备号
微信公众号怎样做一个iOS App的启动分层引导动画?
招聘信息:
一. 为什么要写这篇文章?这是一个很古老的话题,从两年前新浪微博开始使用多层动画制作iOS App的启动引导页让人眼前一亮(当然,微博是不是历史第一个这个问题值得商榷)之后,各种类型的引导页层出不穷,到如今,github上也有了各种的成型的library存在供选择,同时不少app也已经慢慢的开始返璞归真回归单一静态引导页。虽然时尚的潮流不停的在变化,但是我一直在思索,这种多图层的启动引导动画到底是什么个结构?实现起来究竟有多难?本文,将试图探寻这个话题。二. 我们要做成什么样子的?首先定下目标,我们要实现的是启动引导画面中的一种——多层次动画。然后我们需要设定一个动画的主题,我们需要表达我们的情感,或者抒情~或者动人~或者逗比~。当然这大部分是设计师的工作。好吧,既然是demo,而我又不懂设计又不懂美学又不懂PS大法,那么,就大概也许做成一个这样子的把~~~总结一下最终目标要有几个要点:1、4个页。2、每个页都可能有若干分层,动画速度不同。3、整个滑动的手感应该是顺滑并且是页面式的。三. 用什么控件做?开头我讲过,这是要探索,而不是为了实现,所以绝对不能借助任何3rd的library来完成。最大限度的利用apple的原生控件,是解决问题之道。So,我们当然选用UIScrollView咯~~~除非你是个手工控。。。就要用最基本的UIView实现一个类似的滑动效果的UIScrollView。啥?你问我UIScrollView是啥?。。。。。。下面是UIScrollView的几个关键属性,我相信你是明白的。需要注意的是,伴随着scrollview的左右拖动,contentOffset是在一直变换的。数值范围:(0,0) – (320 * 3, 0)。而这个属性,是我们需要使用的关键数值。四. 怎么做?上面我啰嗦了半天,最后告诉大家要用UIScrollView做,那么问题来了,挖掘机技术哪家强?啊不,到底应该怎么做?下面是干货~1. 首先我们要把我们承载整个动画场面的scrollView造出来如下,需要设置scrollView的几个关键属性:frame, contentSize, alwaysBounceHorizontal, paginEnabled(这个如果是NO,那么页面间的弹性效果就没了), delegate(需要设置从而获取scrollview的滚动状态)等等。//初始化&scrollview
-&(void)initScrollView
&&&&CGSize&screenSize&=&[UIScreen&mainScreen].bounds.
&&&&_scrollView&=&[[UIScrollView&alloc]&initWithFrame:CGRectMake(0,&0,&screenSize.width,&screenSize.height)];
//我们的scrollView的frame应该是屏幕大小
&&&&_scrollView.contentSize&=&CGSizeMake(screenSize.width&*&4,&screenSize.height);
//但是我们希望我们scrollView的可被展现区域是4个屏幕横排那么大
&&&&_scrollView.alwaysBounceHorizontal&=&YES;//横向一直可拖动
&&&&_scrollView.pagingEnabled&=&YES;//关键属性,打开page模式。
&&&&_scrollView.delegate&=&
&&&&_scrollView.showsHorizontalScrollIndicator&=&NO;//不要显示滚动条~
&&&&[self.view&addSubview:_scrollView];
}现在我们已经准备好了动画的画布,下面开始将每一页的元素加上去。2. 加入页面元素还是不要全篇幅贴代码了,以第一页为例把。前面掉渣天的蛇鸡屎(我)的demo图已经表明,第一页,我们要有3个UILabel,一个UIImageView。那么好,这些元素我们就给他声明出来。@interface&ViewController&()&
@property&(strong,&nonatomic)&UIScrollView&*scrollV//这是基本!
@property&(strong,&nonatomic)&UIImageView&*girlImageV
@property&(strong,&nonatomic)&UILabel&*label_page1_1;
@property&(strong,&nonatomic)&UILabel&*label_page1_2;
@property&(strong,&nonatomic)&UILabel&*label_page1_3;
@end然后把第一页的元素,加进来~//为了更方便的初始化UILabel,我为UILabel增加了一个简易的类方法。是为了让代码更简洁可读。
+&(instancetype)labelWithText:(NSString&*)text&font:(UIFont&*)font&color:(UIColor&*)color&origin:(CGPoint)origin
&&&&UILabel&*label&=&[[UILabel&alloc]&initWithFrame:CGRectMake(origin.x,&origin.y,&1000,&20)];
&&&&label.text&=&
&&&&label.font&=&
&&&&label.textColor&=&
&&&&[label&sizeToFit];
&&&&return&
//然后我们将第一页的元素加进来。
&&&&self.label_page1_1&=&[UILabel&labelWithText:@"我要买iPhone6!"&font:[UIFont&systemFontOfSize:18.0f]&color:[UIColor&redColor]&origin:CGPointMake(140,&200)];
&&&&[self.scrollView&addSubview:self.label_page1_1];
&&&&self.label_page1_2&=&[UILabel&labelWithText:@"我要看医生演唱会~~~~"&font:[UIFont&systemFontOfSize:18.0f]&color:[UIColor&blackColor]&origin:CGPointMake(140,&240)];
&&&&[self.scrollView&addSubview:self.label_page1_2];
&&&&self.label_page1_3&=&[UILabel&labelWithText:@"我要去大理!"&font:[UIFont&systemFontOfSize:18.0f]&color:[UIColor&orangeColor]&origin:CGPointMake(140,&280)];
&&&&[self.scrollView&addSubview:self.label_page1_3];
&&&&self.girlImageView&=&[[UIImageView&alloc]&initWithImage:[UIImage&imageNamed:@"image_girl"]];
&&&&self.girlImageView.frame&=&CGRectMake(100,&kScreenHeight&-&200&-&50,&100,&200);
&&&[self.scrollView&addSubview:self.girlImageView];3. 让第一页动起来~~在第一页刚刚显示的时候,我们就希望第一页的元素能够有一个动起来的效果。那我们在上面刚刚加入第一页元素之后,可以紧接着做下面的事情:&&&&self.girlImageView.transform&=&CGAffineTransformMakeTranslation(-200,&0);
&&&&self.label_page1_1.transform&=&CGAffineTransformMakeTranslation(-&100,&0);
&&&&self.label_page1_2.transform&=&CGAffineTransformMakeTranslation(100,&0);
&&&&self.label_page1_3.transform&=&CGAffineTransformMakeTranslation(-&120,&0);
&&&&[UIView&animateWithDuration:0.7
&&&&&&&&&&&&&&&&&&&&&animations:^{
&&&&&&&&&&&&&&&&&&&&&&&&&self.girlImageView.transform&=&CGAffineTransformMakeTranslation(0,&0);
&&&&&&&&&&&&&&&&&&&&&&&&&self.label_page1_1.transform&=&CGAffineTransformMakeTranslation(0,&0);
&&&&&&&&&&&&&&&&&&&&&&&&&self.label_page1_2.transform&=&CGAffineTransformMakeTranslation(0,&0);
&&&&&&&&&&&&&&&&&&&&&&&&&self.label_page1_3.transform&=&CGAffineTransformMakeTranslation(0,&0);
&&&&&&&&&&&&&&&&&&&&&}];可以看到,我们分别给第一页的四个元素不同的水平位移,然后希望它用0.7秒的时间,移动到之前init他们时候的位置。这样就完成了第一个4层的错位动画。然后,我们希望在手指滑动scrollview 的时候,第一页的四个元素可以有相应的分层错位动画,那么我们第一需要拿到当前scrollView的位移量,也就是前面提到的很重要的contentOffset。这个值,在:-&(void)scrollViewDidScroll:(UIScrollView&*)scrollView中,可以实时的获取。具体来看,怎么做。-&(void)scrollViewDidScroll:(UIScrollView&*)scrollView
&&&&CGFloat&currentX&=&scrollView.contentOffset.x;
&&&&if&(currentX&<=&kScreenWidth)
&&&&&&&&self.girlImageView.transform&=&CGAffineTransformMakeTranslation((kScreenWidth&+&100.0f)&*&currentX&/&kScreenWidth,&0);
&&&&&&&&self.label_page1_2.transform&=&CGAffineTransformMakeTranslation(-&200&*&currentX&/&kScreenWidth,&0);
}呵呵,是不是看不懂,那就对了。。。下面解释下,首先抛出两个定理:定理一:在scrollview的滑动过程中,视觉上看,scrollview上的元素的移动方向与手指滑动方向相反,并且移动的距离与手指滑动的距离相等。但所有元素在scrollview上的物理位置并未改变。定理二:在scrollview的滑动过程中,当且仅当scrollview上的元素的物理移动距离与手指滑动距离相等并且移动方向相反时,scrollview的元素视觉位置保持不变。然后我们有两个需求:第一,希望那个小女孩跟随手指滑动的时候,视觉上不是向左移动一直到消失,而是向右移动,待滑动到第二页的时候,小女孩出现在屏幕右侧。我们应该明确,小女孩的移动,只能是在scrollview上位置的移动。根据定理二,我们知道,如果保持视觉上小女孩位置不变,小女孩在scrollView上的实际物理位移应该是:公式 4.3.1 baseDistance = kScreenWidth 屏幕宽度那么如果我们希望在移动到第二页之后,小女孩的视觉位置右移了100像素,那么小女孩在scrollView上的实际物理位移应该是:公式 4.3.2 distance = baseDistance + 100第一页到第二页,scrollView一共位移是 kScreenWidth ,当前scrollView位移是 contentOffset.x ,可以得出,当前位移的比例:公式 4.3.3 status = scrollView.contentOffest.x / distance由 4.3.1 4.3.2 4.3.3可得,我们设置小女孩位移的方式:self.girlImageView.transform&=&CGAffineTransformMakeTranslation((kScreenWidth&+&100.0f)&*&currentX&/&kScreenWidth,&0);第二个需求,希望第一页中,第二个label的向左移动速度快于其他两个label。根据定理二,和类似于上面的推倒(推导)方式,也易得第二个label的位移方式:self.label_page1_2.transform&=&CGAffineTransformMakeTranslation(-&200&*&currentX&/&kScreenWidth,&0);五. 总结综上所述,我们知道了分层动画的基本原理。如果使用更多的图层,更多的位移或者角度变化,就能组合出更加复杂的分层动画。可以看到,分层动画的基本原理并不复杂,但是为什么那么多人倾向于借助3rd的library来实现呢?一个字,懒。现如今移动开发领域对于美感和交互的要求越来越高,而开发出一款精美的app,设计师所需要付出的灵感和努力也越发显得重要。作为一个不怎么有美感的iOS工程师,想要在移动浪潮中立于不败之地,不断尝试更多新的可能远比实现更多的功能更加重要。最后的最后,附一个demo运行效果:
微信扫一扫
订阅每日移动开发及APP推广热点资讯公众号:CocoaChina
您还没有登录!请或
点击量8223点击量6169点击量5453点击量5342点击量4849点击量2993点击量2653点击量2508点击量2190
&2016 Chukong Technologies,Inc.
京公网安备89

我要回帖

更多关于 鼠标左键总是自动点击 的文章

 

随机推荐