淘宝人生专属小屋——虚拟人和虚拟场景技术探索-30页

淘宝人生专属“小屋”虚拟角色和虚拟场景技术探索梵昀阿里巴巴淘宝互动娱乐前端工程师01我们有什么我们想做什么02我们一起来创作目录03技术框架内幕04未来展望我们有什么？我们想做什么？入口路径淘宝人生首页旅行玩法首页人生小屋我们想做什么：人生小屋演示视频人生小屋我们一起来创作GetStarted!技术框架内幕室内场景Step1:加载房间模型制作场景场景文件格式转换场景导入3D场景模型资产标准引擎选择室内场景场景同Step1:加载家具模型室内场景1.透视相机：PerspectivecameraStep2:加载相机📷2.正交相机：Orthographiccamera预备知识SceneCameraRendererRenderthescenewithcamera将相机捕捉到的场景帧，通过渲染器渲染到画布上展示给用户室内场景坐标系统:MVP矩阵变换•局部空间：LocalSpace，或者称为物体空间(ObjectSpace)，局部坐标是对象相对于局部原点的坐标•世界空间：WorldSpace，世界坐标作为一个更大空间范围的坐标系统室内场景Step2:加载相机📷选择透视相机：PerspectivecameraFOV:视场角，相机视锥体的两端的夹角。视场角的大小决定了视野范围，视场角越大，视野就越大。目标物体超过这个角就不会被收在镜头里。室内场景Step3:相机如何围绕场景中心旋转？OrbitControlOrbitControl轨道控制器：使相机围绕目标进行轨道运动三维场景能旋转的本质：相机对象的旋转鼠标左右拖动改变相机位置、角度、渲染空间数据引起图像变化室内场景yStep3trick:相机视野变换？FOVxzy相机平视FieldofView相机视野x相机位于顶部，俯视视角时，看到整个房间？相机俯视，FOV增大相机的张角变大，视野FOV增大zcamera.rotationX室内场景Uptill...