The smooth transition among panorama views. By providing control point correspondences, we can guide the view morphing from one panorama to another in a natural way. Compared with typical solutions like blending, stretching, and parallax-effect methods, this solution provides a natural transition effect similar to what people see when walking in 3D environment from one panorama viewing site to another.
The dynamic texture is formed by triangulation, which makes the scene transition of the panoramic roaming system more natural.
| Blend method | Morph method |
|---|---|
 |
 |
Stress test & example:
-Dynamic Panorama -Dynamic Panorama Sphere -Example: Transition of a triangle
View Demo：
- Go to the [Sphere] column, click [Open Control], and then [Transition], the effect is not good (see Blend method above);
- Go to the [Sphere] column, click [Open Control], and finally [Transition], the effect is much better (see Morph method above).
Inspiration:
-Face Morphing using OpenCV (C ++ / Python)-YouTube; -Face Morph Using OpenCV — C ++ / Python | Learn OpenCV
Notes:
-three.js / examples; -three.js / webgl_raycast_texture.html at master · mrdoob / three.js; -pnitsch / GSVPano.js: Google Street View Panorama Util -Canvas Voronoi-bl.ocks.org -CodeSeven / toastr: Simple javascript toast notifications -d3 / API.md at master · d3 / d3 -d3-voronoi / Diagram.js at master · d3 / d3-voronoi. -eligrey / FileSaver.js: An HTML5 saveAs () FileSaver implementation
Code reading suggestions: Tutorial.txt