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

D2D2终端技术大会淘宝人生专属"小屋"梵昀阿里巴巴淘宝互动娱乐前端工程师我们有什么我们想做什么目录RDDD2终端技术大会前端前端&客户端合作伙伴ALIBABACLOUDDEVELOPERCOMMUNALIBABACLOUDDEVELOPERCOMMUND2D2终端技术大会我们想做什么?首11840首11840措相关JJ旅行有收获啦②运势快照毛班立即上身口家具店口家具店体验馆个生小屋图鉴兑换运势快照□□返回人生主页③20你的新家上线啦，快来领取乔迁礼物~开始旅行去衣橱>邀请好友全部>还未添加好友换这套下查看更多旅行攻略同体验馆仓库同体验馆仓库我们想做什么:人生小屋戊们一起来创作D2D2终端技术大会D2TerminalTechnolo室内场景房间模型室内场景房间模型家具模型游戏逻辑碰撞检测动作交互选中拖拽人物控制人物控制人物动画人物阴影术框架内幕→→D2D2终端技术大会furnitureANoderIenderthescenewithca光源光源视场1yfarfar远平面距离投影变换个视口变换称为modal-view矩阵。变换后的坐标=视口矩阵x投影矩阵变换后的坐标=视口矩阵x投影矩阵xx模型矩阵×模型点坐标向量投影坐标中的位置 世界空间：WorldSpace,世界坐标作为一个更大空间范围的坐标系统网格模型FOVFOV:视场角，相机视锥体的两端的夹角。视场角的大小决定了视野范围，视场角越大，视野就越大。目标物体超过这个角就不会被收在镜头farStep3:相机如何围绕场景中心旋转?OrbitControlD2终端技术大会D2终端技术大会Step3trick:相机视野变换?FOV疑问? 点击家具获得同款在家露营体验馆在家露营体验馆清单D2D2终端技术大会Z人精心32前填技木能精心虚拟偶像诞生记人物动起来问?相机没有跟随移动，人走出视野Step3:相机跟随场景的相机，挂载到人物node父节点上，人物在中心子节点设置的坐标位置是相对于父节点的局子节点设置的坐标位置是相对于父节点的局部空间坐标，相机始终位于人物node正前Joystick操控人物node移动场景相机同步移动，场景视角改变，人物始终在中心D2D2终端技术大会6.相交的物体按照深度排序，并返回如何选中家具?D2终端技术大会核心点：如何得知鼠标拖拽位置的世界坐标?D2终端技术大会格子格子 检测物体：家具大量家具时，低端机达不到看不见的逻辑层：tilelnfo ·.将地板划分为n*n二维数组形式具所占地砖x*y位置地砖保存该家具信息旋转个生小屋个生小屋游戏逻辑与家具动作交互 旋转人物转向(基于家具自转角度+触发点位置)动作触发点视效优化贴图叠加。传统的实时渲染?1.使用第1个灯光spotlight渲染一次整个场景，产生一2.使用第2个灯光directionallight产生一个shadow最终将n次渲染的阴影结果进行合并，每个mesh渲染大量计算和性能?D2D2终端技术大会Part1:家具阴影渲染如何提升阴影所需性能?方案1:可以有多个灯光，但只有一个平行光可产生阴影面光源方案2:使用光照贴图或环境光照遮挡贴图来面光源离线渲染离线渲染方案3:使用假阴影，添加一个平面放到物体下片材质离线渲染·方案3,面光源投影，人物下方添加一个阴影材质的平面·更好的效果：模糊处理D2终端技术大会人物阴影渲染APP为什么会使用离屏渲染?实时渲染人物阴影：离屏渲染，单独在内存中创建一个屏幕外缓冲区并进行渲染D2TerminalTec