[加入收藏]
[
教程购买
]
[服务指南]
首页
|
办公自动化
|
网页制作
|
平面设计
|
动画制作
|
数据库开发
|
程序设计
|
全部视频教程
应用视频:
Windows
|
Word2007
|
Excel2007
|
PowerPoint2007
|
Dreamweaver 8
|
Fireworks 8
|
Flash 8
|
Photoshop cs
|
CorelDraw 12
编程视频:
C语言视频教程
|
HTML
|
Div+Css布局
|
Javascript
|
Access数据库
|
Asp
|
Sql Server数据库
|
Asp.net
|
Flash AS
编程视频:
C语言视频教程
|
HTML
|
Div+Css布局
|
Javascript
|
Access数据库
|
Asp
|
Sql Server数据库
|
Asp.net2.0
|
Flash AS
应用视频:
Windows
|
Word2007
|
Excel2007
|
PowerPoint2007
|
Dreamweaver 8
|
Fireworks 8
|
Flash 8
|
Photoshop cs
|
CorelDraw 12
文字教程:
Windows教程
|
Word教程
|
Excel教程
|
PowerPoint教程
视频教程
:
Windows视频教程
|
Word2007视频教程
|
Excel2007视频教程
|
PPT2007视频教程
文字教程:
Dreamweaver教程
|
Fireworks教程
|
Flash教程
|
PhotoShop教程
|
HTML教程
|
Div+Css布局教程
视频教程:
Dreamweaver视频教程
|
Fireworks视频教程
|
Flash视频教程
|
PhotoShop视频教程
|
HTML视频教程
|
DIV+CSS视频教程
文字教程:
Fireworks教程
|
PhotoShop教程
|
CorelDraw教程
视频教程:
Fireworks 8视频教程
|
PhotoShop CS视频教程
|
CorelDraw12视频教程
文字教程:
Flash教程
|
Flash AS脚本教程
视频教程:
Flash 8视频教程
|
Flash AS视频教程
文字教程:
Access教程
|
sql server教程
视频教程:
Access数据库视频教程
|
Sql Server2005数据库视频教程
文字教程:
C语言教程
|
Javascript教程
|
Asp教程
|
Asp.Net网站开发教程
视频教程:
C语言视频教程
|
JavaScript视频教程
|
ASP视频教程
|
ASP.NET视频教程
|
网站制作视频教程
|
ASP动态网站制作视频教程
当前位置 >
文字教程
>
Flash教程
Tag:
flash cs
,
flash 8
,
鼠绘
,
as
,
手绘
,
工具
,
文字
,
loading
,
入门
,
初学
,
mc
,
影片剪辑
,
声音
,
mtv
,
游戏
,
引导
,
遮罩
,
菜单
,
补间
,
广告条
,
时钟
,
视频教程
flash电子书鼠标拖拽翻页效果原理
文章类别:
Flash
| 发表日期:2008-9-21 20:08:52
最近要做些电子书,本来预备去网上买现成的翻页效果的组件,但一看报价吓一跳,而且执行效率也不高,一个叫AsFlipPage4.0的组件CPU占用率高居70%,喊价1000RMB,真是黑心商人。下载了几个开源的程序自己也看不懂。于是一咬牙自己做了一个,并放上源程序。过两星期再把变量接口做好,免费发布。
设置遮罩和阴影之后的最终品:
/UploadTeach/200705/20070518223009643.swf
主要原理:
1.将电子书分为3个内容层,叠放顺序如图.第一层为当前页面层,是现在正在显示的页面;第二层是随鼠标拖拽时卷起的页角,第三层是当页角卷起时,露出下一页的层。
2.设置遮罩:当页边卷起时,层1仅显示四边形FBDE内部分,层2仅显示ABCD部分,层3仅显示BGHD部分.
3.旋转:层2内的内容要随着鼠标运动而不停变换倾斜角度,其角度始终与AC边斜度一致.
4.翻页:当页面完全翻过时,层1的当前页数=当前页数+1
程序的核心在于如何获得四个点ABCD的坐标,我使用的是求垂直平分线的方法,既:点C是鼠标位置,点H是页角位置,BD既为此两点间的垂直平分线.由已知的C,H坐标求出直线BD的一次函数y=kx+b以后再求出其与FG,EH的切点,既得点B,D坐标,点A是点G于直线BD的对称点,通过求点G对BD的对称点既可得点A坐标.
demo1:4个顶点的计算:将鼠标移到黄色热区并拖动.
/UploadTeach/200705/20070518223214916.swf
其他几个要点:
限制C点范围:当鼠标在下图灰色区域内时,点C的坐标既等于鼠标坐标,当鼠标离开灰色区域时,点C必须停留在区域内.弧KML是以点J为圆心,KJ为半径的圆,弧KNL是以点I为圆心,IK为半径的圆(demo1既未限制C点范围,若鼠标超过弧形区域就会出错.
响应事件:设置4个热区,分别位于书的4个顶点,分别设置rollOver,rollOut,releaseOutside,release事件函数.事实上这一部分函数编写极费时间,需要考虑各种各样的可能性和针对性的处理方法.
鼠标吸附及黏滞:当鼠标进入热区和快速移动时,页角是逐渐黏附向鼠标的,这样可以使动画看上去更流畅.demo4设置了吸附,demo1没有设置.
/UploadTeach/200705/20070518223242380.swf
阴影:翻页时的阴影须时刻与直线BD的位置保持一致,书的背景阴影要考虑到首页和末页两个非凡情况.
首页与末页:在翻动到首页与末页时层3遮罩须重新设置为整本书宽的1/2.
上一篇:
{实例}FLASH简单制作科技之光
人气:1596
下一篇:
{实例}蓝色人物绘制教程
人气:2706
Flash视频教程
Windows操作
[文]
Word教程
[文]
Excel教程
[文]
PowerPoint
[文]
Dreamweaver
[文]
Fireworks
[文]
Flash教程
[文]
PhotoShop
[文]
CorelDraw
[文]
C语言教程
[文]
Html教程
[文]
Div+Css布局
[文]
Javascript
[文]
ACCESS数据库
[文]
ASP教程
[文]
SQLServer
[文]
ASP.NET教程
[文]
FlashAS
[文]
视频教程列表
计算机基础入门及办公自动化:
Windows视频教程
Word视频教程
Excel视频教程
PPT视频教程
网页制作开发视频教程:
Dreamweaver视频教程
Fireworks视频教程
Flash视频教程
Photoshop视频教程
HTML视频教程
Div+Css布局视频教程
静态网站项目实例视频教程
平面广告设计视频教程
Fireworks视频教程
Photoshop视频教程
CorelDraw视频教程
初级程序设计及ASP动态网站开发
C语言视频教程
Javascript视频教程
Access数据库视频教程
Asp网站开发视频教程
Asp项目实例开发视频教程
Asp.net动态网站开发视频教程
Sql Server数据库视频教程
Asp.net视频教程
Flash 动画角本编程视频教程
Flash视频教程
Falsh MTV视频教程
文章教程搜索
输入您的搜索字词
google
本站
提交搜索表单
Flash推荐教程
.给所有ActionScript初学者的建议
.flash站满整个网页且flash总是居
.Flash鼠绘:绘制竹林燕子
.Flash鼠绘:水晶按钮的制作方法
.Flash鼠绘:小鸟的绘制
.Flash鼠绘:卡通风车的绘制
.flash视频教程(21视频教程网)
.用Flash制作一只慧眼
.用Flash制作龙骨(洋葱皮效果)
.狡猾的小球--经典FLASH制作
.Flash鼠标事件:起伏的立体方块群
.震动窗口
.鼠绘动物技术篇
.《心心相印》PS Flash制作贺卡
.圣诞贺卡的制作[FLASH版]
.萤火虫特效
.FLASH简单三步制作飞越星空效果
.Flash 8 AS做滤镜效果的类别整理
.Flash视觉特效之科技之光
.翻页书源文件
.实现一个简单的补间动画及扩展
.Light Factory--激光(视频教程)
.用AS来表达模糊或震动效果
.Flash中利用ActionScript实现动
.雪夜的作法讲解
.FCL组件库-交互特效Interactive
.加载外部文本文件的另类方法!
.2006:火山基础开发习惯总结
.在Flash动画中使字体清楚的三种
.介绍一种作仿3D flash动画的方法
Flash热门教程
.Flash教程:雪景动画制作源码
.Flash教程:飞舞的两只蝴蝶2
.Flash教程:飞舞的两只蝴蝶
.Flash教程:图案文字的制作方法
.Flash教程:一箭穿心的制作技巧
.Flash教程:镂空文字的制作技巧
.Flash教程:红旗飘飘制作方法
.Flash教程:变色花朵的制作技巧
.Flash教程:爆炸文字的制作方法及
.Flash教程:鸡蛋绘制方法及技巧
.Flash教程:雨伞绘制方法及技巧
.Flash教程:枫叶绘制方法及技巧
.Flash教程:小草绘制方法及技巧
.Flash教程:《香烟》制作步骤
.Flash教程:随风摆动的小草制作案
.Flash教程:flash与asp结合应用_
.Flash教程:flash与asp结合应用_
.Flash教程:flash与asp结合应用_
.Flash教程:绘制插画的技巧三
.Flash教程:绘制插画的技巧二
.Flash教程:绘制插画的技巧
.Flash CS6中文版安装及激活的方
.Flash教程:打造鼠标触发的焰火飘
.Flash教程:打造鼠标触发的焰火飘
.Flash教程:Flash AS3学习源代码
.Flash教程:Flash动画如何转成GI
.Flash教程:如何解决Flash画面运
.Flash教程:用Flash CS4文字颜色
.Flash教程:CS6中文版简单安装方
.Flash教程:Flash雪花脚本的编写
Word教程网
Excel教程网
Dreamweaver
教程网
Fireworks教程网
PPT教程网
FLASH教程网
PS教程网
HTML教程网
DIV CSS教程网
FLASH AS教程网
ACCESS教程网
SQL SERVER教程网
C语言教程网
JAVASCRIPT教程网
ASP教程网
ASP.NET教程网
CorelDraw教程网
关于我们
|
教程购买
|
广告刊登
|
网站地图
|
湖北继续教育网
|
QQ:2693987339(点击联系)购买教程光盘
地址:湖北省武汉市曹家湾32号501室 电话:027-86646545 15972130058
--
教程购买问题汇总
21视频教程网专业的网站开发视频教程学习网站
ICP备案号:
鄂ICP备14009716号-13
公安备案号:
42011102002974
看全部视频教程
购买方式/价格
:
咨询客服
tel:
15972130058