【计算机图形】制作能够利用鼠标拖拽实现360度旋转的3D人体模型flash文件
来源:互联网 发布:mac需要用户名登录 编辑:程序博客网 时间:2024/06/14 02:15
前段时间,由于要对参加挑战杯的系统进行改善,老师要求我们在系统当中添加一个可旋转的3D人体模型,于是俺陷入了深深的思考当中。之前一直都没有接触过3D模型的制作,而且老师这回给的时间又特紧,当时那个急呀~于是开始大量地查资料,初步了解了一些3D开发的工具,比如3D游戏开发引擎:UDK,unity3D,maya,3DMAX等等,可是很快就被我一一地排除了,主要是因为我觉得用这些开发工具做出来的3D模型很难利用,不知道怎么将其嵌套到网页当中(可能是可以的,只是我才疏学浅,不好展开……)。于是,我又投入到下一个工具的寻找当中……
后来问了很多人,大多数都没有接触过这个。再后来有一天学长发了几个链接给我,http://www.zygotebody.com/#nav=8.12,82.72,242.65、http://ecodazoo.com/看了之后有了一些灵感,可以用Flash做啊,flash又能很简单地嵌入到网页。于是我兴致冲冲地准备开始学习flash 3D,可是时间太少了,没有太多时间认真的学习flash3D,但是信了鲁迅先生的话,我将海绵中的水挤得一滴都不剩的时候,终于有了些成果,现在就将过程记录如下吧:
1.寻找3D人体模型
a)首先肯定要准备好3D人体模型,我当时由于时间原因,压根就没功夫去学习那些3D开发引擎,去建模,去绘制什么的。于是在网上狂找,看有没有开发引擎提供了现成的而且比较好看的3D人体模型。居然真的让我找到了,就是Poser软件,我下的是Poser Pro2012,里面有很多现成的3D人体模型,而且还比较逼真。我用的是Ryan中的Tomo_LowRes:
b)选定模型之后就是要想办法将3D人体模型导出了,最好是导出成图片格式,方便后期的加工。这里Poser Pro2012就提供了这样的功能,而且不止能导出图片格式,还可以导出视频AVI和flash的swf格式,很是好用。由于要做成360度的效果,所以要导出360度角度的图片。
在Poser的下面有一个控制当前帧的控制条,在这里可以设置你要导出的帧数,对应每一帧要挪动人体模型到恰当的角度,可以在右侧的Transform里做调整。
做好每一帧的模型定位后,可以点击控制条上的播放按钮,预览一下效果,确定可以后再导出图片;
导出图片的步骤如下:
1)点击人体模型上方的小三角按钮出现一个子菜单:
2)找到Render Setting,点击进去设置导出的格式:
3)找到Movie Settings,设置Format成images,然后点Make Movie,选路径保存即可,一些导出的格式控制大家可以自己琢磨一下。
2.在flash中实现鼠标拖拽360旋转功能
a) 在flash中先新建一个场景,设置好大小,要与之前导出的图片大小一致。然后新建一个影片剪辑,可以按Ctrl+F8快捷键新建,并命名为mc:
b)向mc中导入所有你刚才从Poser导出的图片,然后设置第一帧的动作为stop:
c)然后调到场景界面,将影片剪辑mc拖到场景中:
d)在第一帧中添加如下的代码:
var speed:Number=0.1;//速度参数,修改次参数可以调整速度var long:int=mc.totalFrames;//总帧数var newX:Number;var frame:Number=mc.currentFrame;//当前是第几帧stage.addEventListener(MouseEvent.MOUSE_DOWN,mdown);stage.addEventListener(MouseEvent.MOUSE_UP,mup);function mdown(e:MouseEvent):void { newX=e.stageX; stage.addEventListener(MouseEvent.MOUSE_MOVE,mmove);}function mup(e:MouseEvent):void { stage.removeEventListener(MouseEvent.MOUSE_MOVE,mmove);}function mmove(e:MouseEvent):void { if ((frame+(e.stageX-newX)*speed)>=1) { frame=((frame+(e.stageX-newX)*speed)-1)%long+1; } else if ((frame+(e.stageX-newX)*speed)>0) { frame=long+frame+(e.stageX-newX)*speed; } else { frame=long-Math.abs(frame+(e.stageX-newX)*speed)%long; } newX=e.stageX; mc.gotoAndStop(int(frame));}
e)然后就可以Ctrl+Enter看一下效果啦,如果出现mc没有定义的情况,就先在场景中选定mc元件,然后在右边属性框中添加名称为mc即可。效果如下:
希望能够帮助到大家O(∩_∩)O~一起努力,共同加勉!
- 【计算机图形】制作能够利用鼠标拖拽实现360度旋转的3D人体模型flash文件
- opengl 鼠标3D旋转简单实现
- OpenGL 鼠标3D旋转简单实现
- opengl 鼠标3D旋转简单实现
- Flash AS3.0 制作旋转图片3D效果
- 利用Android的Camera类实现3D旋转功能
- CSS3制作旋转的3D立方体
- 3D圆锥图形的制作
- 3D圆柱图形的制作
- 使用SVG实现3D图形显示,移动和旋转
- Unity 3D鼠标操作实现旋转、缩放观察物体
- unity 3d中简单巧妙的实现拖动鼠标旋转物体
- 3D空间坐标以及3D图形的制作
- 计算机3D图形简述
- 计算机3D图形简述
- Java实现的3D计算机图形类库与引擎
- Java实现的3D计算机图形类库与引擎
- Java实现的3D计算机图形类库与引擎
- windbg调试命令8(bp、bu、bm、bl、bc、ba、be、bd)
- POJ 3783 Balls
- LINUX下tar.xz格式文件的解压方法
- windbg调试命令9(dt、d)
- 黑马程序员-基础-网络编程
- 【计算机图形】制作能够利用鼠标拖拽实现360度旋转的3D人体模型flash文件
- 求100到200之间的所有素数
- hdu 1021 Fibonacci Again
- linux之cut
- windows 安装程序不允许安装从远程桌面连接
- 杭电1492
- 黑马程序员-java i/o
- 算法导论 2.3-3
- V4l2 Capture Sequence 捕获过程