A WebGL-based 3D virtual home roaming by seamlessly connecting videos to panoramas

In virtual 3d websites, the traditional 3D real-time rendering virtual roaming is difficult to achieve a realistic rendering effect. While ordinary panoramic roaming has the problem of visual disconnection on switching scene. To solve these problems, this paper proposes a WebGL-based virtual roaming method which can seamlessly connect video to panoramic view. Firstly, we convert the video initial position's texture coordinates to angle values, and compute turning degree according to the actual click position in the scene, and then, camera view roams to video's initial position. Secondly, the display content switches to the video player smoothly. During the video is playing, the camera view rotates to the video's end position. Finally, the content switches back to the panoramas after the video is over, and we make sure that the end video frame matches with the current perspective view. Experiments show that this method has fluency and a strong sense of reality. It's better to meet the requirements of virtual home roaming.