如何加载球面全景图像磁贴
How to load spherical panorama image tile
我们有一个加载球形全景图的Web应用程序。此应用程序是使用 Three.js 开发的。纹理是 360 度图像。随着图像尺寸变大,加载速度很慢。我们希望通过将图像平铺成小块并仅加载可见部分的图块来克服这种情况。感谢您的帮助!
通常360全景图像以立方体地图的形式加载,因此类似于 http://www.humus.name/Textures/SaintPetersSquare1.jpg
您可以将立方体贴图拆分为许多图像,就像在大多数 THREE.js示例中所做的那样
http://threejs.org/examples/#webgl_materials_cubemap
var path = "textures/cube/SwedishRoyalCastle/";
var format = '.jpg';
var urls = [
path + 'px' + format, path + 'nx' + format,
path + 'py' + format, path + 'ny' + format,
path + 'pz' + format, path + 'nz' + format
];
var reflectionCube = THREE.ImageUtils.loadTextureCube( urls );
reflectionCube.format = THREE.RGBFormat;
var refractionCube = new THREE.CubeTexture( reflectionCube.image, THREE.CubeRefractionMapping );
refractionCube.format = THREE.RGBFormat;
为了使图像加载更容易忍受,请使用 ImageLoader 和 LoadManager 向图像加载添加一个事件:
图像加载
相关文章:
- 如何使用url加载程序在webpack中导入多个图像
- nodejs-expressjs上传图像并显示它们
- 使用JSP从服务器检索和显示图像
- 角度:在ng重复上切换图像
- 画廊图像未显示
- Phonegap-(安卓/iphone)多个图像的图像库出现问题
- Javascript排序的图像弹出窗口..可以't单独弹出
- 画布数据到图像
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- 使图像在单击时展开到不大于浏览器
- Html页面上的多个Base64图像和平滑加载
- UIAutomation放大图像
- Three.js,WebGL,渲染六幅图像的全景图
- 如何使用THree.js和webGL将交互式图像或元素嵌入到全景图像查看器中
- 如何加载球面全景图像磁贴
- 如何获取Yandex全景图像
- 背景图像全景
- Android:用Javascript制作一个全景图像的循环HorizontalScrollView
- 我如何编写脚本,使我的全景图像可以左右平移到边缘
- 三.js:在全景图的地板上添加图像