最近要做些电子书,本来准备去网上买现成的鼠标拖拽翻页效果的组件,但一看报价吓一跳,而且执行效率也不高,一个叫AsFlipPage4。0的组件CPU占用率高居70%,喊价1000RMB,真是恐怖。下载了几个开源的程序自己也看不懂。于是一咬牙自己做了一个。
设置遮罩和阴影之后的最终成品:查看效果文件比较大,打开后,请稍等。大家用鼠标拖拽画面四个角即可看见效果。
主要原理:
将电子书分为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个顶点的计算:查看效果将鼠标移到黄色热区并拖动即可看见效果。
其他几个要点:
限制C点范围:当鼠标在下图灰色区域内时,点C的坐标既等于鼠标坐标,当鼠标离开灰色区域时,点C必须停留在区域内。弧KML是以点J为圆心,KJ为半径的圆,弧KNL是以点I为圆心,IK为半径的圆(demo1既未限制C点范围,若鼠标超过弧形区域就会出错。
响应事件:设置4个热区,分别位于书的4个顶点,分别设置rollOver,rollOut,releaseOutside,release事件函数。事实上这一部分函数编写极费时间,需要考虑各种各样的可能性和针对性的处理方法。
鼠标吸附及黏滞:当鼠标进入热区和快速移动时,页角是逐渐黏附向鼠标的,这样可以使动画看上去更流畅。demo4设置了吸附,demo1没有设置。查看效果
阴影:翻页时的阴影须时刻与直线BD的位置保持一致,书的背景阴影要考虑到首页和末页两个特殊情况。
首页与末页:在翻动到首页与末页时层3遮罩须重新设置为整本书宽的1/2。
分享到:
相关推荐
flash非组件翻页效果,flash非组件翻页效果fla文件,flash非组件翻页效果源文件
使用flash技术实现了电子书的手动翻页的效果 还有缩略图 很实用 直接放到浏览器里就可以看到效果了
flash电子书翻页效果原文件模板(fla及swf文件)
Premium Page Flip is a component for Macromedia Flash MX, Flash MX 2004 and Flash 8, enabling the creation of online/offline catalogues with real flipping effect. Using this Flash component, which is ...
可以用鼠标拖动的电子书,动态效果逼真,不过用于相册比较好一些,进行一些图片展示。
使用FLASH做的简单电子书翻页,是Xscale左右变化。分为左右两面。
Flash相册源程序 模仿翻页效果 Flash相册源程序 模仿翻页效果
电子书翻页效果 源文件 FLA 采用flash 鼠标翻页 建成模板 自定义编改套用模板 生成漂亮的 鼠标翻页 电子书画 flash swf文件
鼠标拖拽改变角度的Flash 3D时钟,跟随鼠标会转动和改变角度,以指针方式显示当前时间,它是适时显示,不过不能变成数字型的。提供有Fla源文件,你可以修改或分析原理。
Zmaker不用介绍了吧,制作FLASN电子书的软件,这个是早期的0.18版的,不像现在的版本,全都加了网址,这个制作出来的FLASH电子书没有网址,翻页效果,过渡效果全有。请不要点击升级,否则出现广告,网址之类的我可...
鼠标按下滑块后拖动滑块,文本块相应上下滑动,实现有限文本框内的长篇幅的文本的浏览!
这是我找的flash的翻页效果,比较好,大家分享一下
flash 电子书源码 见附件的fla 源文件
允许翻页h5制作软件用户使用帐户轻松存储和管理自己的在线Flash/HTML5翻页书作品,另外这款好用的翻页电子杂志制作软件还内置有Google Analytics工具可以帮助用户统计到H5翻页电子杂志的传播数据,并且制作的H5翻页...
JS flash 图片翻页效果 JS flash 图片翻页效果
电子书翻页效果flash源码,可以通过更换MovieClip库中的文件,快速实现自己的翻页电子书。
不错的Flash+XML banner翻页效果 电子书效果
翻页电子书制作 ...4.把你要加入的图档或flash档桉,放入Pages这个目录,给予实际档桉名称及副档名,该翻页程式就会自动抓取,电子书会随着使用的视窗大小而改变显示比例,所以完全不用担心显示问题。
flash 非常酷的翻页效果
好多个电子书,纯flash做的,希望对你学习flash有帮助