You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Hi, i have used the generator.py to create some tiles to display them using pannellum. I am getting a slight misalignment in the tiles when i turn to the whole screen and when i zoom it in the reduce screen. Look at the images.
Fallback tiles
Misalignment in the image when zoom it .
Misalignment in the image in the whole screen.
.
And this is my code
`import React, { useEffect, useRef, useState } from 'react';
import 'pannellum/build/pannellum.js';
import 'pannellum/build/pannellum.css'; // Import pannellum's default CSS
useEffect(() => {
if (window.pannellum && panoContainerRef.current) {
window.pannellum.viewer(panoContainerRef.current, {
type: 'multires',
autoLoad: true,
// "multiRes" key is where you configure your tile paths
multiRes: {
// The base path to the directory containing your tile folders and fallback.jpg
// basePath: 'https://binahlab.s3.us-east-1.amazonaws.com/BIM/360Tiles/output',
basePath: 'https://binahlab.s3.us-east-1.amazonaws.com/BIM/360Tiles/output1',
/*
* "path" defines how to locate each tile file within basePath.
* %l = level, %s = face (f, b, l, r, u, d), %x / %y = tile coordinates
* Example: "/%l/%s%y_%x" => for level 0, face front, it might load "/0/f0_0.jpg"
*/
path: '/%l/%s%y_%x',
extension: 'jpg',
// The fallback image for browsers that don't handle multires or are at a very low resolution
fallbackPath: '/fallback/%s',
/*
* tileResolution = the width/height (in px) of each tile
* cubeResolution = the "virtual" size (in px) of the full cubic image
* maxLevel = the highest subfolder level you generated
*/
tileResolution: 512,
maxLevel: 4,
cubeResolution: 4096,
},
});
}
}, []);
return (
<div
ref={panoContainerRef}
style={{ width: '600px', height: '400px' }}
/>
);
};
export default PanoViewer;
`
The text was updated successfully, but these errors were encountered:
Hi, i have used the generator.py to create some tiles to display them using pannellum. I am getting a slight misalignment in the tiles when i turn to the whole screen and when i zoom it in the reduce screen. Look at the images.
![Image](https://private-user-images.githubusercontent.com/64921135/405460143-2031967a-35a0-4b84-be04-28304c24acd5.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkxNjkzNzUsIm5iZiI6MTczOTE2OTA3NSwicGF0aCI6Ii82NDkyMTEzNS80MDU0NjAxNDMtMjAzMTk2N2EtMzVhMC00Yjg0LWJlMDQtMjgzMDRjMjRhY2Q1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEwVDA2MzExNVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPThhZGRmZDk0MDJjY2FhMDE5N2M0OGM5ODI0ZmFlZDRmMjczMzQyYTFjOWY3NzZkMWMxYzAxZDQ1YmYwYTU3ZjUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.7LjgtScTAjtpLn-WLLN7KZUtGhr6dbUW9ml6sUZxfoE)
Fallback tiles
Misalignment in the image when zoom it .
Misalignment in the image in the whole screen.
And this is my code
`import React, { useEffect, useRef, useState } from 'react';
import 'pannellum/build/pannellum.js';
import 'pannellum/build/pannellum.css'; // Import pannellum's default CSS
const PanoViewer = () => {
const panoContainerRef = useRef(null);
};
export default PanoViewer;
`
The text was updated successfully, but these errors were encountered: