带你读《2022技术人的百宝黑皮书》——全景封面视频生成技术在淘宝的应用(16)

简介: 带你读《2022技术人的百宝黑皮书》——全景封面视频生成技术在淘宝的应用(16)

带你读《2022技术人的百宝黑皮书》——全景封面视频生成技术在淘宝的应用(15) https://developer.aliyun.com/article/1243464?groupCode=taobaotech



坐标系及视点


在前面的章节中,我们已经将全景视频的画面映射到了一个球体中,并且将相机(我们的眼镜,观察者)放入了这个球体内部中央位置。我们要完成「向左移动 20 度」的指定,但相机现在面向哪里,画面是怎样的?怎么度量「20 度」?


我们示例全景视频使用的是等距柱状投影方式,这种投影方式把球的经线映射成间距相等的垂直线,把球的纬线映射成间距相等的水平线,则可生成一幅横纵比为 2:1 的地图。


image.png



其中左侧中心点就是 0, 0 的坐标点:


image.png


进而回顾一下上面 3D 渲染基础中透视相机的知识 —— 我们只能看到视窗内的平面大小。这个视窗是由视点和视野决定的:


image.png


结合上面的示例画面,可以确定初始视点坐标是 (90, 0)


因此我们可以提供一个方法去控制相机的视点和视野,就可以得出我们想要的画面。


locate(longitude, latitude, fov):

1. longitude:经度

2. latitude:维度

3. fov: 视野




带你读《2022技术人的百宝黑皮书》——全景封面视频生成技术在淘宝的应用(17) https://developer.aliyun.com/article/1243462?groupCode=taobaotech

相关文章
|
前端开发
带你读《2022技术人的百宝黑皮书》——全景封面视频生成技术在淘宝的应用(4)
带你读《2022技术人的百宝黑皮书》——全景封面视频生成技术在淘宝的应用(4)
带你读《2022技术人的百宝黑皮书》——全景封面视频生成技术在淘宝的应用(4)
|
存储 算法
带你读《2022技术人的百宝黑皮书》——全景封面视频生成技术在淘宝的应用(2)
带你读《2022技术人的百宝黑皮书》——全景封面视频生成技术在淘宝的应用(2)
|
前端开发
带你读《2022技术人的百宝黑皮书》——全景封面视频生成技术在淘宝的应用(15)
带你读《2022技术人的百宝黑皮书》——全景封面视频生成技术在淘宝的应用(15)
|
新零售 图形学 容器
带你读《2022技术人的百宝黑皮书》——全景封面视频生成技术在淘宝的应用(9)
带你读《2022技术人的百宝黑皮书》——全景封面视频生成技术在淘宝的应用(9)
|
新零售 前端开发 API
带你读《2022技术人的百宝黑皮书》——全景封面视频生成技术在淘宝的应用(19)
带你读《2022技术人的百宝黑皮书》——全景封面视频生成技术在淘宝的应用(19)
|
JavaScript
带你读《2022技术人的百宝黑皮书》——全景封面视频生成技术在淘宝的应用(12)
带你读《2022技术人的百宝黑皮书》——全景封面视频生成技术在淘宝的应用(12)
|
编解码
带你读《2022技术人的百宝黑皮书》——全景封面视频生成技术在淘宝的应用(8)
带你读《2022技术人的百宝黑皮书》——全景封面视频生成技术在淘宝的应用(8)
|
前端开发
带你读《2022技术人的百宝黑皮书》——全景封面视频生成技术在淘宝的应用(5)
带你读《2022技术人的百宝黑皮书》——全景封面视频生成技术在淘宝的应用(5)
|
编解码 算法
带你读《2022技术人的百宝黑皮书》——全景封面视频生成技术在淘宝的应用(7)
带你读《2022技术人的百宝黑皮书》——全景封面视频生成技术在淘宝的应用(7)
带你读《2022技术人的百宝黑皮书》——全景封面视频生成技术在淘宝的应用(10)
带你读《2022技术人的百宝黑皮书》——全景封面视频生成技术在淘宝的应用(10)