FLASH作电子书鼠标拖拽翻页效果

2016-03-18 19:43 65 1 收藏

今天图老师小编要跟大家分享FLASH作电子书鼠标拖拽翻页效果,精心挑选的过程简单易学,喜欢的朋友一起来学习吧!

【 tulaoshi.com - FLASH 】

 最近要做些电子书,本来准备去网上买现成的鼠标拖拽翻页效果的组件,但一看报价吓一跳,而且执行效率也不高,一个叫AsFlipPage4。0的组件CPU占用率高居70%,喊价1000RMB,真是恐怖。下载了几个开源的程序自己也看不懂。于是一咬牙自己做了一个。

  设置遮罩和阴影之后的最终成品



Flash演示 大家用鼠标拖拽画面四个角即可看见效果

  主要原理:

将电子书分为3个内容层,叠放顺序如图。第一层为当前页面层,是现在正在显示的页面;第二层是随鼠标拖拽时卷起的页角,第三层是当页角卷起时,露出下一页的层。 设置遮罩:当页边卷起时,层1仅显示四边形FBDE内部分,层2仅显示ABCD部分,层3仅显示BGHD部分。 旋转:层2内的内容要随着鼠标运动而不停变换倾斜角度,其角度始终与AC边斜度一致。 翻页:当页面完全翻过时,层1的当前页数=当前页数+1

  程序的核心在于如何获得四个点ABCD的坐标,我使用的是求垂直平分线的方法,既:点C是鼠标位置,点H是页角位置,BD既为此两点间的垂直平分线。由已知的C,H坐标求出直线BD的一次函数y=kx+b以后再求出其与FG,EH的切点,既得点B,D坐标,点A是点G于直线BD的对称点,通过求点G对BD的对称点既可得点A坐标。

  demo1: 4个顶点的计算

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)


 

  其他几个要点:

  限制C点范围:当鼠标在下图灰色区域内时,点C的坐标既等于鼠标坐标,当鼠标离开灰色区域时,点C必须停留在区域内。弧KML是以点J为圆心,KJ为半径的圆,弧KNL是以点I为圆心,IK为半径的圆(demo1既未限制C点范围,若鼠标超过弧形区域就会出错。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)

  响应事件tuLaoShi.com:设置4个热区,分别位于书的4个顶点,分别设置rollOver,rollOut,releaseOutside,release事件函数。事实上这一部分函数编写极费时间,需要考虑各种各样的可能性和针对性的处理方法。

  鼠标吸附及黏滞:当鼠标进入热区和快速移动时,页角是逐渐黏附向鼠标的,这样可以使动画看上去更流畅。demo4设置了吸附,demo1没有设置。


Flash演示 大家用鼠标拖拽画面四个角即可看见效果

  阴影:翻页时的阴影须时刻与直线BD的位置保持一致,书的背景阴影要考虑到首页和末页两个特殊情况。

  首页与末页:在翻动到首页与末页时层3遮罩须重新设置为整本书宽的1/2。

来源:https://www.tulaoshi.com/n/20160318/1895613.html

延伸阅读
电子书包能否取代传统书包 “电子书包”进校园的话题引发热议,有人认为,告别传统书包,是个必然趋势,也只有电子书包才能给孩子们减负,而有人认为这样会更影响学生视力,电子书包完全取代传统书包不现实。 电子书包能否取代传统书包 ◆支持 电子书包是现代教育技术发展的必然趋势,不仅为学生减负,更能激发他...
如何导入电子书到iPhone5 喜欢通过手机看小说、进行电子书阅读的用户,知道如何将外部电子书导入iPhone  5中浏览吗?以下就为大家介绍使用Windows版同步助手来解决的方法: STEP1:启动Windows版同步助手后切换到电子书频道页面。如果iPhone  5尚未安装任何电子书阅读器,将会提示先安装。此时可按页面提示点击免费获取iBoo...
标签: 书籍
看方向 首先,消费者在选购之前,要明白自己到底是需要彩屏电子书还是黑白电子墨水电子书,这一步至关重要,只有这样,才能够为自己的选购确定一个大的方向,后面的购买的步骤也才能够继续进行。至于这一步该如何选择,相信看过上面的优劣势分析以后,就可以明确的得出答案。虽然有些消费者想鱼和熊掌兼得,但是,在世界的操作中,不得不...
怎么阅读mobi等专有格式电子书   mobi格式是一种广泛流行于网络的电子书格式,和epub相比几乎是一样的但体积稍微大一点点。 1、下载mobi阅读器,解压后运行MobipocketReader_6.2.exe,因为是绿色版的无需安装,进入软件的主界面 2、找到一本mobi格式的电子书,双击打开即可查看 3、如果您想要观看mobi漫画也可以...
《迷城的国度》-官方攻略电子书 会员:gb2000gb<原创 《迷城的国度》-官方攻略电子书 预览图片: 《迷城的国度》超详细图文攻略   Part 1 雾好大~船上的MM抱怨了。船夫笑着和船上的2人谈天,对话中得知主角原来来自著名的北海骑士团,而且考核居然是和狮子对打(主角还抱怨剑都断了),小船在雾里摇曳许久,终于到岸了...

经验教程

597

收藏

51
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部