《2019年在3D图形场景下的前端开发.pdf》由会员分享,可在线阅读,更多相关《2019年在3D图形场景下的前端开发.pdf(43页珍藏版)》请在三个皮匠报告上搜索。
1、在3D图形场景下的前端开发全景展示以及补间动画摄像机坐标系模型文件的加载全景展示以及补间动画摄像机坐标系模型文件的加载我们要做些不一样的事情啥幺蛾子?我们要开始搞三维看房了,准备下。硬件小哥哥能提供啥?CubemapCubemap3D viewerCSS Cubmap 的效果我们要在场景里漫游漫游啥意思?两个点之前要走过去。加个渐隐渐显?加个渐隐渐显?我们可能需要创建一个真实的3D场景了。上 WEBGL 吧。过度过程中,并没有真实的相对运动产生。webglopengl es 在 web 上的通过 canvas 实现。基本可以认为是将 opengl 和 javascript 结合在了一起。将一个
2、 opengl 函数和 javascript 一一对应。同样来通过cubemap创建3Dviewer 试试没事走两步?没事走两步?摄像机位置发现移动周围的贴图也需要 跟着移动shader上帝视角摄像机视角全景展示以及补间动画摄像机坐标系模型文件的加载摄像机的平滑转动P1(1,1,1)P2(-1,-1,-1)x:1y:1z:1x:-1y:-1z:-1P1(1,1,1)P2(-1,-1,-1)lat:0.6154long:0.7854lat:-0.6154long:-2.3562摄像机的平滑转动全景展示以及补间动画摄像机坐标系模型文件的加载v 几何体顶点(Geometric vertices)vt
3、 贴图坐标点(Texture vertices)vn 顶点法线(Vertex normals)f 面(Face)1.行号索引,行数越多,索引值越大2.VN 没有特殊需要可以通过 face 计算3.字符串传输效率低vertices 几何体顶点(Geometric vertices)uvs 贴图坐标点(Texture vertices)face 面(Face)1.行号索引,行数越多,索引值越大2.VN 没有特殊需要可以通过 face 计算3.字符串传输效率低ProtoBufGoogle Protocol Buffer(简称 Protobuf)是 Google 公司内部的混合语言数据标准。Protocol Buffers 是一种轻便高效的结构化数据存储格式,可以用于结构化数据串行化,或者说序列化。它很适合做数据存储或 RPC 数据交换格式。可用于通讯协议、数据存储等领域的语言无关、平台无关、可扩展的序列化结构数据格式。全景展示以及补间动画摄像机坐标系模型文件的加载