【计算机图形】制作能够利用鼠标拖拽实现360度旋转的3D人体模型f
?????? 前段时间,由于要对参加挑战杯的系统进行改善,老师要求我们在系统当中添加一个可旋转的3D人体模型,于是俺陷入了深深的思考当中。之前一直都没有接触过3D模型的制作,而且老师这回给的时间又特紧,当时那个急呀~于是开始大量地查资料,初步了解了一些3D开发的工具,比如3D游戏开发引擎:UDK,unity3D,maya,3DMAX等等,可是很快就被我一一地排除了,主要是因为我觉得用这些开发工具做出来的3D模型很难利用,不知道怎么将其嵌套到网页当中(可能是可以的,只是我才疏学浅,不好展开……)。于是,我又投入到下一个工具的寻找当中…… ????? 后来问了很多人,大多数都没有接触过这个。再后来有一天学长发了几个链接给我,http://www.zygotebody.com/#nav=8.12,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~一起努力,共同加勉! (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
- c# – 将分隔符添加到要显示的项目列表中
- ORACLE 性能视图的分析和使用
- ruby-on-rails – 在呈现简单的json头响应时获取“ActionVi
- cocos2dx 源码分析 之Widget 头文件 (3.11.1)
- Keyed Fragments with Dynamic Children
- xcode – 如何衡量在函数中花费的总时间?
- cocos2dx 特效 3D特效
- Ajax / Javascript 框架简介及集合列表
- c# – DirectX / SharpDX中的“glReadPixels”之类的函数
- cocos2dx 3d开源项目 fantasyWarrior3D 从零走起 3 [Battle