SlideShare uma empresa Scribd logo
1 de 8
Pv3d 开发流程及商业应用 孙令纯  2010-03
开发流程: DAE 文件 swf Viewport3D   用来将 3D 场景内计算出来的 3 维图象映射到 flash 的 2 维平面。第 3 个参数则指 示当舞台的大小发生变化时候 Viewport3D 是否 reSize 。最后一个参数指示构建出来的这个 窗口是否响应鼠标交互事件。  所有被创建且需要显示在场景上的 3D 物体,都需要 addChild 到 Scene3D 的显示列表里, 这点和 flash 的 addChild 很像。  例子 1:
开发流程: 移动,旋转 触发响应: camera.moveForward(160); camera.moveBackward(160); camera.moveUp(160); camera.moveDown(160); camera.moveLeft(160); camera.moveRight(160); camera.yaw(2); camera.pitch(2); camera. roll(2); camera.rotationY+=2; camera.rotationZ+=2; camera.rotationX+=2; camera.z+=160; camera.z-=160; camera.y+=160; camera.y-=160; camera.x+=160; camera.x-=160; material= new BitmapFileMaterial("image/cf.png"); material.interactive=true; plane= new Plane(material,3000, 3000, 2, 3 ); plane.addEventListener(InteractiveScene3DEvent.OBJECT_CLICK, planeclick); scene.addChild(plane); private function planeclick( e:InteractiveScene3DEvent ):void { trace(1); } 例子 2:
开发流程: 利用 Tweener 制作动画 例子 3: import caurina.transitions.*; Tweener.addTween(n1,{x:-24000,y:7400,z:60000,delay:0,time:30, transition:"linear" } ); easenone linear Easeinquad Easeoutquad Easeinoutquad Easeoutinquad Easeincubic Easeoutcubic Easeinoutcubic Easeoutincubic Easeinquart Easeoutquart Easeinoutquart Easeoutinquart Easeinquint Easeoutquint Easeinoutquint Easeoutinquint Easeinsine Easeoutsine Easeinoutsine Easeoutinsine Easeincirc Easeoutcirc Easeinoutcirc Easeoutincirc Easeinexpo Easeoutexpo Easeinoutexpo Easeoutinexpo Easeinelastic Easeoutelastic Easeinoutelastic Easeoutinelastic Easeinback Easeoutback Easeinoutback Easeoutinback Easeinbounce Easeoutbounce Easeinoutbounce Easeoutinbounce
开发流程: 简单碰撞(摄像机): private var rx :Number= 0; private var ry :Number  = 0; private var rz :Number  = 0; public function loop(event:Event):void {  if (camera.x>8684||camera.x<-8684||camera.z<-16200||camera.z>18343)  { camera.x=rx; camera.y=ry; camera.z=rz; } rx=camera.x; ry=camera.y; rz=camera.z; }
开发流程: 效果表现: 反射: 使用 MovieClip : 使用透明贴图或双面材质减少模型面数。 例子 4: public class ReflectionSimple extends ReflectionView public function ReflectionSimple() { surfaceHeight = -100; } import org.papervision3d.materials.MovieAssetMaterial; mat= new MovieAssetMaterial(&quot;mat&quot;,true,true); mat.interactive=true;
商业应用: http://www.vousleboss.com/ http://www.bandit3.com/ http://cardboard.theupsstore.com/ http://www.ha-py.com/island/ http://www.sointeractive.pl/ http://ecodazoo.com/ http://www.ecsw.pl/ http://www.toyota-europe.com/cars/new_cars/iq/minisite/index.aspx http://nikon-connect.com/en/main.html
商业应用: http://www.andoi.com/ http://www.andoi.com/ysyf http://www.andoi.com/sky http://3d.eeart.com/18 http://3d.eeart.com/6 http://3d.eeart.com/88

Mais conteúdo relacionado

Mais de Shanda innovation institute

[.Net开发交流会][2010.06.19]大众点评网的技术变迁之路(王宏)
[.Net开发交流会][2010.06.19]大众点评网的技术变迁之路(王宏)[.Net开发交流会][2010.06.19]大众点评网的技术变迁之路(王宏)
[.Net开发交流会][2010.06.19]大众点评网的技术变迁之路(王宏)Shanda innovation institute
 
[Flash开发者交流][2010.05.30]flex开发实践经验谈(谢敏)
[Flash开发者交流][2010.05.30]flex开发实践经验谈(谢敏)[Flash开发者交流][2010.05.30]flex开发实践经验谈(谢敏)
[Flash开发者交流][2010.05.30]flex开发实践经验谈(谢敏)Shanda innovation institute
 
Flash开发者交流][2010.05.30]flash 原型开发(刘磊)
Flash开发者交流][2010.05.30]flash 原型开发(刘磊)Flash开发者交流][2010.05.30]flash 原型开发(刘磊)
Flash开发者交流][2010.05.30]flash 原型开发(刘磊)Shanda innovation institute
 
[Flash开发者交流][2010.05.30]轻量级flash服务器开发框架 刘恒
[Flash开发者交流][2010.05.30]轻量级flash服务器开发框架 刘恒[Flash开发者交流][2010.05.30]轻量级flash服务器开发框架 刘恒
[Flash开发者交流][2010.05.30]轻量级flash服务器开发框架 刘恒Shanda innovation institute
 
[Flash开发者交流][2010.05.30]avm2虚拟机浅析与as3性能优化(陈士凯)
[Flash开发者交流][2010.05.30]avm2虚拟机浅析与as3性能优化(陈士凯)[Flash开发者交流][2010.05.30]avm2虚拟机浅析与as3性能优化(陈士凯)
[Flash开发者交流][2010.05.30]avm2虚拟机浅析与as3性能优化(陈士凯)Shanda innovation institute
 
[Flash开发者交流][2010.05.30]flash独立游戏 现状分析与发展思考(陈静)
[Flash开发者交流][2010.05.30]flash独立游戏 现状分析与发展思考(陈静)[Flash开发者交流][2010.05.30]flash独立游戏 现状分析与发展思考(陈静)
[Flash开发者交流][2010.05.30]flash独立游戏 现状分析与发展思考(陈静)Shanda innovation institute
 
[Flash开发者交流][2010.03.28]flash物理引擎(王成)
[Flash开发者交流][2010.03.28]flash物理引擎(王成)[Flash开发者交流][2010.03.28]flash物理引擎(王成)
[Flash开发者交流][2010.03.28]flash物理引擎(王成)Shanda innovation institute
 
[Flash开发者交流][2010.03.28]flash物理引擎(王成)
[Flash开发者交流][2010.03.28]flash物理引擎(王成)[Flash开发者交流][2010.03.28]flash物理引擎(王成)
[Flash开发者交流][2010.03.28]flash物理引擎(王成)Shanda innovation institute
 
[Flash开发者交流][2010.03.28]flex中的数据绑定和列表模式(徐哲)
[Flash开发者交流][2010.03.28]flex中的数据绑定和列表模式(徐哲)[Flash开发者交流][2010.03.28]flex中的数据绑定和列表模式(徐哲)
[Flash开发者交流][2010.03.28]flex中的数据绑定和列表模式(徐哲)Shanda innovation institute
 
[人本设计沙龙][2010.04.18]理性的设计(西乔)
[人本设计沙龙][2010.04.18]理性的设计(西乔)[人本设计沙龙][2010.04.18]理性的设计(西乔)
[人本设计沙龙][2010.04.18]理性的设计(西乔)Shanda innovation institute
 
[人本设计沙龙][2010.04.18]产品体验的细节与整体把握
[人本设计沙龙][2010.04.18]产品体验的细节与整体把握[人本设计沙龙][2010.04.18]产品体验的细节与整体把握
[人本设计沙龙][2010.04.18]产品体验的细节与整体把握Shanda innovation institute
 
[人本设计沙龙][2010.04.18]运营专业型社区的经验和反思(范凯)
[人本设计沙龙][2010.04.18]运营专业型社区的经验和反思(范凯)[人本设计沙龙][2010.04.18]运营专业型社区的经验和反思(范凯)
[人本设计沙龙][2010.04.18]运营专业型社区的经验和反思(范凯)Shanda innovation institute
 
[人本设计沙龙][2010.04.18]开放平台(谭思亮)
[人本设计沙龙][2010.04.18]开放平台(谭思亮)[人本设计沙龙][2010.04.18]开放平台(谭思亮)
[人本设计沙龙][2010.04.18]开放平台(谭思亮)Shanda innovation institute
 
[人本设计沙龙][2010.04.18]第二届人本设计沙龙活动介绍(丁宇)
[人本设计沙龙][2010.04.18]第二届人本设计沙龙活动介绍(丁宇)[人本设计沙龙][2010.04.18]第二届人本设计沙龙活动介绍(丁宇)
[人本设计沙龙][2010.04.18]第二届人本设计沙龙活动介绍(丁宇)Shanda innovation institute
 

Mais de Shanda innovation institute (14)

[.Net开发交流会][2010.06.19]大众点评网的技术变迁之路(王宏)
[.Net开发交流会][2010.06.19]大众点评网的技术变迁之路(王宏)[.Net开发交流会][2010.06.19]大众点评网的技术变迁之路(王宏)
[.Net开发交流会][2010.06.19]大众点评网的技术变迁之路(王宏)
 
[Flash开发者交流][2010.05.30]flex开发实践经验谈(谢敏)
[Flash开发者交流][2010.05.30]flex开发实践经验谈(谢敏)[Flash开发者交流][2010.05.30]flex开发实践经验谈(谢敏)
[Flash开发者交流][2010.05.30]flex开发实践经验谈(谢敏)
 
Flash开发者交流][2010.05.30]flash 原型开发(刘磊)
Flash开发者交流][2010.05.30]flash 原型开发(刘磊)Flash开发者交流][2010.05.30]flash 原型开发(刘磊)
Flash开发者交流][2010.05.30]flash 原型开发(刘磊)
 
[Flash开发者交流][2010.05.30]轻量级flash服务器开发框架 刘恒
[Flash开发者交流][2010.05.30]轻量级flash服务器开发框架 刘恒[Flash开发者交流][2010.05.30]轻量级flash服务器开发框架 刘恒
[Flash开发者交流][2010.05.30]轻量级flash服务器开发框架 刘恒
 
[Flash开发者交流][2010.05.30]avm2虚拟机浅析与as3性能优化(陈士凯)
[Flash开发者交流][2010.05.30]avm2虚拟机浅析与as3性能优化(陈士凯)[Flash开发者交流][2010.05.30]avm2虚拟机浅析与as3性能优化(陈士凯)
[Flash开发者交流][2010.05.30]avm2虚拟机浅析与as3性能优化(陈士凯)
 
[Flash开发者交流][2010.05.30]flash独立游戏 现状分析与发展思考(陈静)
[Flash开发者交流][2010.05.30]flash独立游戏 现状分析与发展思考(陈静)[Flash开发者交流][2010.05.30]flash独立游戏 现状分析与发展思考(陈静)
[Flash开发者交流][2010.05.30]flash独立游戏 现状分析与发展思考(陈静)
 
[Flash开发者交流][2010.03.28]flash物理引擎(王成)
[Flash开发者交流][2010.03.28]flash物理引擎(王成)[Flash开发者交流][2010.03.28]flash物理引擎(王成)
[Flash开发者交流][2010.03.28]flash物理引擎(王成)
 
[Flash开发者交流][2010.03.28]flash物理引擎(王成)
[Flash开发者交流][2010.03.28]flash物理引擎(王成)[Flash开发者交流][2010.03.28]flash物理引擎(王成)
[Flash开发者交流][2010.03.28]flash物理引擎(王成)
 
[Flash开发者交流][2010.03.28]flex中的数据绑定和列表模式(徐哲)
[Flash开发者交流][2010.03.28]flex中的数据绑定和列表模式(徐哲)[Flash开发者交流][2010.03.28]flex中的数据绑定和列表模式(徐哲)
[Flash开发者交流][2010.03.28]flex中的数据绑定和列表模式(徐哲)
 
[人本设计沙龙][2010.04.18]理性的设计(西乔)
[人本设计沙龙][2010.04.18]理性的设计(西乔)[人本设计沙龙][2010.04.18]理性的设计(西乔)
[人本设计沙龙][2010.04.18]理性的设计(西乔)
 
[人本设计沙龙][2010.04.18]产品体验的细节与整体把握
[人本设计沙龙][2010.04.18]产品体验的细节与整体把握[人本设计沙龙][2010.04.18]产品体验的细节与整体把握
[人本设计沙龙][2010.04.18]产品体验的细节与整体把握
 
[人本设计沙龙][2010.04.18]运营专业型社区的经验和反思(范凯)
[人本设计沙龙][2010.04.18]运营专业型社区的经验和反思(范凯)[人本设计沙龙][2010.04.18]运营专业型社区的经验和反思(范凯)
[人本设计沙龙][2010.04.18]运营专业型社区的经验和反思(范凯)
 
[人本设计沙龙][2010.04.18]开放平台(谭思亮)
[人本设计沙龙][2010.04.18]开放平台(谭思亮)[人本设计沙龙][2010.04.18]开放平台(谭思亮)
[人本设计沙龙][2010.04.18]开放平台(谭思亮)
 
[人本设计沙龙][2010.04.18]第二届人本设计沙龙活动介绍(丁宇)
[人本设计沙龙][2010.04.18]第二届人本设计沙龙活动介绍(丁宇)[人本设计沙龙][2010.04.18]第二届人本设计沙龙活动介绍(丁宇)
[人本设计沙龙][2010.04.18]第二届人本设计沙龙活动介绍(丁宇)
 

[Flash开发者交流][2010.03.28]pv3d开发流程及商业应用(孙令纯)

  • 2. 开发流程: DAE 文件 swf Viewport3D 用来将 3D 场景内计算出来的 3 维图象映射到 flash 的 2 维平面。第 3 个参数则指 示当舞台的大小发生变化时候 Viewport3D 是否 reSize 。最后一个参数指示构建出来的这个 窗口是否响应鼠标交互事件。 所有被创建且需要显示在场景上的 3D 物体,都需要 addChild 到 Scene3D 的显示列表里, 这点和 flash 的 addChild 很像。 例子 1:
  • 3. 开发流程: 移动,旋转 触发响应: camera.moveForward(160); camera.moveBackward(160); camera.moveUp(160); camera.moveDown(160); camera.moveLeft(160); camera.moveRight(160); camera.yaw(2); camera.pitch(2); camera. roll(2); camera.rotationY+=2; camera.rotationZ+=2; camera.rotationX+=2; camera.z+=160; camera.z-=160; camera.y+=160; camera.y-=160; camera.x+=160; camera.x-=160; material= new BitmapFileMaterial(&quot;image/cf.png&quot;); material.interactive=true; plane= new Plane(material,3000, 3000, 2, 3 ); plane.addEventListener(InteractiveScene3DEvent.OBJECT_CLICK, planeclick); scene.addChild(plane); private function planeclick( e:InteractiveScene3DEvent ):void { trace(1); } 例子 2:
  • 4. 开发流程: 利用 Tweener 制作动画 例子 3: import caurina.transitions.*; Tweener.addTween(n1,{x:-24000,y:7400,z:60000,delay:0,time:30, transition:&quot;linear&quot; } ); easenone linear Easeinquad Easeoutquad Easeinoutquad Easeoutinquad Easeincubic Easeoutcubic Easeinoutcubic Easeoutincubic Easeinquart Easeoutquart Easeinoutquart Easeoutinquart Easeinquint Easeoutquint Easeinoutquint Easeoutinquint Easeinsine Easeoutsine Easeinoutsine Easeoutinsine Easeincirc Easeoutcirc Easeinoutcirc Easeoutincirc Easeinexpo Easeoutexpo Easeinoutexpo Easeoutinexpo Easeinelastic Easeoutelastic Easeinoutelastic Easeoutinelastic Easeinback Easeoutback Easeinoutback Easeoutinback Easeinbounce Easeoutbounce Easeinoutbounce Easeoutinbounce
  • 5. 开发流程: 简单碰撞(摄像机): private var rx :Number= 0; private var ry :Number = 0; private var rz :Number = 0; public function loop(event:Event):void { if (camera.x>8684||camera.x<-8684||camera.z<-16200||camera.z>18343) { camera.x=rx; camera.y=ry; camera.z=rz; } rx=camera.x; ry=camera.y; rz=camera.z; }
  • 6. 开发流程: 效果表现: 反射: 使用 MovieClip : 使用透明贴图或双面材质减少模型面数。 例子 4: public class ReflectionSimple extends ReflectionView public function ReflectionSimple() { surfaceHeight = -100; } import org.papervision3d.materials.MovieAssetMaterial; mat= new MovieAssetMaterial(&quot;mat&quot;,true,true); mat.interactive=true;
  • 7. 商业应用: http://www.vousleboss.com/ http://www.bandit3.com/ http://cardboard.theupsstore.com/ http://www.ha-py.com/island/ http://www.sointeractive.pl/ http://ecodazoo.com/ http://www.ecsw.pl/ http://www.toyota-europe.com/cars/new_cars/iq/minisite/index.aspx http://nikon-connect.com/en/main.html
  • 8. 商业应用: http://www.andoi.com/ http://www.andoi.com/ysyf http://www.andoi.com/sky http://3d.eeart.com/18 http://3d.eeart.com/6 http://3d.eeart.com/88