×

关注微信公众号

免备案网站空间虚拟主机双线空间域名查询PS数码后期
photoshop互助课堂数百G视频教程下载英语培训机构初中英语如何学随时随地聆听大师开讲/课堂
路径专辑手绘教程抠图教程酷素材photoshop cs3视频教程
查看: 5539|回复: 8

[综合] Flash制作360度全景效果学习[本文已收录教程库]

[复制链接]
发表于 2009-8-9 16:21:34 | 显示全部楼层 |阅读模式
本帖最后由 xyl7422 于 2009-10-15 13:55 编辑

Flash制作360度全景效果学习

效果:


    1、首先找一张云层的图片,要大一点的,在Photoshop里处理成左右两连续的图最好。
  2、找一张风景图片,然后将云层或者天空部分去掉,变成透明的,也在Photoshop里处理成左右两连续的图,存为png透明格式。
  3、在主场景第一层第一帧中建立影片剪辑,实例名称为:bg_mc,在bg_mc下创建影片剪辑实例:bg,进入bg编辑,导入刚刚找到的云层图片。对齐坐标为0,0;
  4、在主场景第二层第一帧中建立影片剪辑,实例名称为:img_mc,在img_mc下创建影片剪辑实例:img,进入img编辑,导入刚刚处理过的风景图片。对齐坐标为0,0;
  5、在主场景第三层第一帧中加入以下AS代码:
  1. /as----------------------------------------------------
  2. stop();
  3. Stage.showMenu = false;
  4. Stage.scaleMode = "noScale";
  5. fscommand(allowscale, true);
  6. img_mc.img.duplicateMovieClip("img1", 2);//复制前景;
  7. bg_mc.bg.duplicateMovieClip("bg1", 2);//复制云层北京;
  8. page_width = Stage.width;//设置鼠标感应范围宽度
  9. page_height = Stage.height;//设置鼠标感应范围高度;
  10. step = 40;//设置间隔时间;
  11. img_mc.img._x = 0;//初始前景坐标位置;
  12. img_mc.img1._x = -img_mc.img._width;//初始前景被拼合为环视图
  13. bg_mc.bg._x = 0;//初始背景坐标位置;
  14. bg_mc.bg1._x = -bg_mc.bg._width;//初始背景被拼和为环视图;
  15. img_mc._y = 0;//初始前景和背景y轴位置;
  16. bg_mc._y = 0;//
  17. _root.onEnterFrame = function() {//根据帧频持续调用函数;
  18. img_width = img_mc._width/2;//设置前景鼠标检测范围;
  19. bg_width = bg_mc._width/2;//设置背景鼠标检测范围;
  20. if (_root._xmouse>0 && _root._xmouse<page_width && _root._ymouse>0 && _root._ymouse<page_height) {
  21. //判断鼠标是否在场景范围内;
  22. img_mc._x = img_mc._x-(_root._xmouse-page_width/2)/step;//控制前景循环;
  23. bg_mc._x = bg_mc._x-(_root._xmouse-page_width/2)/step*1.3;//控制背景循环,速度比前景快1.3倍;
  24. if (img_mc._x<-(img_width-page_width)) {//以下几个if循环为检测是否超出范围;
  25. img_mc._x = page_width;
  26. }
  27. if (img_mc._x>page_width) {
  28. img_mc._x = page_width-img_width;
  29. }
  30. if (bg_mc._x<-(bg_width-page_width)) {
  31. bg_mc._x = page_width;
  32. }
  33. if (bg_mc._x>page_width) {
  34. bg_mc._x = page_width-bg_width;
  35. }
  36. }
  37. };
复制代码
本帖的地址:http://bbs.jcwcn.com/forum.php?mod=viewthread&tid=262864
跟着教程做一遍,做完的图要到这里评论交作业,教程有看不懂的地方,可以在贴子下面评论

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[立即注册]

x

评分

参与人数 2金币 +13 热心度 +4 收起 理由
xyl7422 + 5 + 2 支持教程,辛苦了:)
zctmh0336 + 8 + 2 好教程

查看全部评分

发表于 2009-8-10 21:51:06 | 显示全部楼层
酷素材
谢谢美女的好教程,学习了,交作业。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[立即注册]

x

评分

参与人数 1金币 +3 收起 理由
zctmh0336 + 3 支持练习

查看全部评分

回复 支持 反对

使用道具 举报

发表于 2011-4-8 20:45:33 | 显示全部楼层
henbucuoa !zhichiyixia a !
回复 支持 反对

使用道具 举报

发表于 2011-4-9 15:28:35 | 显示全部楼层
非常不错  谢谢楼主
回复 支持 反对

使用道具 举报

发表于 2017-9-8 16:17:13 | 显示全部楼层
酷素材
楼主是超人
回复 支持 反对

使用道具 举报

发表于 2017-9-8 15:39:36 | 显示全部楼层
酷素材
很好哦。。。
回复 支持 反对

使用道具 举报

发表于 2017-9-8 16:23:39 | 显示全部楼层
不错不错
回复 支持 反对

使用道具 举报

发表于 2017-9-8 15:53:17 | 显示全部楼层
好帖子要收藏
回复 支持 反对

使用道具 举报

发表于 2017-9-8 16:08:38 | 显示全部楼层
教程网我挺你
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | [立即注册]

本版积分规则

2345