业界动态
技术文档
艺术设计
摄影摄像
计算机技术
资源下载
个人专栏
CG绘画
专题
经典论坛
网页制作 | 图形图像 | ·多媒体制作 | 网络编程 | 网站建设
您的位置：　首页 > 技术文档 > 多媒体制作 > 用flash控制全景播放
FLASH8 FLVPlayback组件 回到列表 浅释ActionScript的代码优化
　用flash控制全景播放

作者：蓝色　时间： 2006-05-30　文档类型：原创　来自：蓝色理想

第 1 页 用flash控制全景播放 [1]
第 2 页 用flash控制全景播放 [2]

很多多媒体制作爱好者总是在不断创新，尝试将各种多媒体元素结合到一起来作出效果令人炫目的作品。

本文将要介绍的是如何在在flash中插入全景，利用flash的控制来实现全景的播放、场景切换等动作。

首先说明一下，用flash控制全景，需要本身全景播放器提供一个编译接口，所以这里以杰图漫游大师为例，漫游大师播放器提供了用javascript控制播放的脚本。

详细的脚本可以查看该软件帮助文档或者到杰图网站下载。

以 zoomin （也就是放大）功能为例：

zoomIn

public void zoomIn()

描述： 放大场景图像

备注：

该项功能只在场景中才有效。然而，如果将场景图像放大到最大值时，这个功能不起作用。

范例 1 :

<FORM NAME="Button">
<INPUT TYPE="button" value="ZoomIn"
onClick="document.AppletName.zoomIn();">
</FORM>

范例 2 :

Head code:

<SCRIPT LANGUAGE="JavaScript">
<!--
function zoomin()
{
document.AppletName.zoomIn();
}
// -->
</SCRIPT>

Body code:

<a href="JavaScript:zoomin();">zoomin</a>

漫游大师提供两种应用的方法：

1 ）直接把 javascript 脚本命令写在链接中或者按钮的 onclick 属性中。
2 ）在 html 的 <head></head> 中加入 javascript 函数，然后在页面或者 flash 中调用该函数。

出处：蓝色理想
责任编辑：moby

上一页 下一页 用flash控制全景播放 [2]

◎进入论坛Flash专栏版块参加讨论

相关文章 更多相关链接
Flash 远程调试器1.0Beta
制作V2组件mxp安装文件详解
FLASH高级绘制
理性思考Flash与Ajax相关问题
FLASH 实现动态模糊效果
作者文章 更多作者文章
蓝色理想六周年征文活动结束
Discuz!论坛模版设计大赛
金山爱词霸LOGO征集活动
fireworks 图像优化快速教程
拾荒动画杭州动漫节满载而归
热门搜索：CSS Fireworks 设计比赛 网页制作 Dreamweaver Studio8 Flash
站点最新 站点最新列表
疯狂的程序员 第五十回
疯狂的程序员 第四十九回
疯狂的程序员 第四十八回
疯狂的程序员 第四十七回
疯狂的程序员 第四十六回
疯狂的程序员 第四十五回
疯狂的程序员 第四十四回
疯狂的程序员 第四十三回
疯狂的程序员 第四十二回
疯狂的程序员 第四十一回
栏目最新 栏目最新列表
火星人的耳机
公司正式宣布创业失败
用corelDEAW 12打造唇膏
二行代码解决全部网页木马
一行代码解决iframe挂马
Photoshop制作星空爆炸效果
CorelDraw 12打造休闲裤
Firework如何画特殊的切角图形
Firework打造韩式风格的手提袋
flash实例:打造佛光效果
>> 分页 首页 前页 后页 尾页 页次：1/2页 1个记录/页 转到 页 共2个记录

蓝色理想版权申明：除部分特别声明不要转载，或者授权我站独家播发的文章外，大家可以自由转载我站点的原创文章，但原作者和来自我站的链接必须保留（非我站原创的，按照原来自一节，自行链接）。文章版权归我站和作者共有。

转载要求：转载之图片、文件，链接请不要盗链到本站，且不准打上各自站点的水印，亦不能抹去我站点水印。

特别注意：本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有，文章若有侵犯作者版权，请与我们联系，我们将立即删除修改。

本文现有 3 条评论 暂时没有人参与评分

neither Publish at 2006-6-8 10:25:45
switchToScene

public void switchToScene(int index, double pan, double tilt, double fov)

描述： 切换到第几个(int)场景的默认水平视角、垂直视角和播放视野。

备注：

如果指定的场景不存在，这个功能将不起作用。请确保场景的序号是正确的。

参数：

指数 ——场景的序号，值有可能是 0, 1, 2 等等。 全景指数从0开始，表示第一个全景，1为第二个全景，2为第三个，依次类推。

水平视角—— 对于全景来说，当前的全景切换到某一个视野，应该指定水平视角的值。对于平面图来说，当前场景切换到某一位置，中心位置的X轴与水平视角的值相对应。

垂直视角——对于全景来说，当前的全景切换到某一个视野，应该指定垂直视角的值。对于平面图来说，当前场景切换到某一位置，中心位置的Y轴与垂直视角的值相对应。

播放视野 ——对于全景来说，当前的场景切换到某一个视野，应该指定播放视野的值。对于平面图来说，它表明平面图被放大到当前场景的某一倍数。

范例 1:

<FORM NAME="SelectScene">

<INPUT TYPE="button" value="Scene(1)"

onClick="document.applet.switchToScene(0,-40,10,120)";>

<INPUT TYPE="button" value="Scene(2)"

onClick="document.applet.switchToScene(1,-40,10,120)";>

<INPUT TYPE="button" value="Scene(3)"

onClick="document.applet.switchToScene(2,-40,10,120)";>

</FORM>

范例 2:

Head code:

<SCRIPT LANGUAGE="JavaScript">

<!--

function Scene(index, pan, tilt, fov)

{

document.AppletName. switchToScene(index, pan, tilt, fov);

}

// -->

</SCRIPT>

Body code:

<a href="JavaScript: Scene(index, pan, tilt, fov);"> Scene</a>
neither Publish at 2006-6-8 10:25:14
autoPan

public void autoPan(double dPPS, double dTPS, double dFOVPS)

描述： 根据您设置的播放视野、水平视角和垂直视角的转动速度，在全景中自动旋转和放大。

备注：

Please notice that the parameters of turning speed of Pan, Tilt and FOV should be specified.

参数：

dPPS, dTPS 和dFOVPS的值: 浮动。

dPPS - 对于全景来说，它表明水平视角每秒旋转多少弧度；对于平面图来说，它表明图像水平方向每秒移动多少像素。

dTPS - 对于全景来说，它表明垂直视角每秒旋转多少弧度；对于平面图来说，它表明图像垂直方向每秒移动多少像素。

dFOVPS - 对于全景来说，它表明播放视野每秒旋转多少弧度；对于平面图来说，它表明图像每秒放大多少倍。

范例1：

<FORM NAME="View">

<SELECT NAME="Pan" onChange="document.applet.autoPan(parseFloat(document.View.Pan.options[View.Pan.selectedIndex].text),parseFloat(document.View.Tilt.options[View.Tilt.selectedIndex].text),parseFloat(document.View.FOV.options[View.FOV.selectedIndex].text))";>

<OPTION value="0.1">0.1

<OPTION value="0.15">0.15

<OPTION value="0.2">0.2

</SELECT>

<SELECT NAME="Tilt" onChange="document.applet.autoPan(parseFloat(document.View.Pan.options[View.Pan.selectedIndex].text),parseFloat(document.View.Tilt.options[View.Tilt.selectedIndex].text),parseFloat(document.View.FOV.options[View.FOV.selectedIndex].text))";>

<OPTION value="0.1">0.1

<OPTION value="0.15">0.15

<OPTION value="0.2">0.2

</SELECT>

<SELECT NAME="FOV" onChange="document.applet.autoPan(parseFloat(document.View.Pan.options[View.Pan.selectedIndex].text),parseFloat(document.View.Tilt.options[View.Tilt.selectedIndex].text),parseFloat(document.View.FOV.options[View.FOV.selectedIndex].text))";>

<OPTION value="0.1">0.1

<OPTION value="0.15">0.15

<OPTION value="0.2">0.2

</SELECT>

</FORM>

范例2:

Head code:

<SCRIPT LANGUAGE="JavaScript">

<!--

function pan(dPPS, dTPS, dFOVPS)

{

document.AppletName.autoPan(dPPS, dTPS, dFOVPS);

}

// -->

</SCRIPT>

Body code:

<a href="JavaScript: pan(dPPS, dTPS, dFOVPS);"> pan</a>
wolf2999 Publish at 2006-6-3 17:39:23
请问有没有javascript api文档供下载啊．在线的也行，就是文中那个javascript API是在那个网站啊!!!
您的评论
用户名： 　口令：
说明：输入正确的用户名和密码才能参与评论。如果您不是本站会员，你可以注册 为本站会员。
注意：文章中的链接、内容等需要修改的错误，请用报告错误，以利文档及时修改。
不评分 1 2 3 4 5
注意：请不要在评论中含与内容无关的广告链接，违者封ID
请您注意：
·不良评论请用报告管理员，以利管理员及时删除。
·尊重网上道德，遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品，本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误 　
专业书推荐 更多内容
大师之路--Photoshop 完全解析
《超越CSS》新书上市
Don't Make Me Think 第2版
HTML与CSS入门经典(第7版)
《FLASH MX2004网站开发精粹》
《CSS入门经典》
《设计师谈网页设计思维》
作品集 更多内容

Portable&nbsp;terminal 壁纸[大眼睛]&nbsp;1280X768 Joking&nbsp;Box&#45;shot 西班牙瑞贝里斯俱乐部 Sharm香榭里 时尚服饰网站 华硕07新品海报 207
关于站点 | 免责声明 | 联系站长 | 版权隐私 | 友情链接 | 网站地图 | 京ICP备05002321号 ©1999-2008 Blueidea.com. 版权所有