trots / vtour Goto Github PK

Panorama can contain special spots with a detailed photo. The photo opens above a panorama view and fits the whole window.
The photo spot on the panorama view is presented with an icon. The icon should support two states: normal and hovered. If a user doesn't specify the icon in the config json then it will be rendered as a small blue plane.

Panorama should be able to embed into an html page. Not fullscreen only.

Add support of these keyboard shortcuts:

• Left - turn scene left;
• Right - turn scene right;
• Up - turn scene up;
• Down - turn scene down;
• + - zoom scene in;
• - - zoom scene out;
• Esc - hide the opened photo or reset zoom.

Add a possibility to disable keyboard shortcuts through a panorama config .

Add possibility to zoom panorama. Zoom should be applied in the direction of camera view.
Set zoom range experimentally. But it can be customized in the panorama config json.
Reset zoom on panorama image changing.

Browser's tooltips for scene objects should be replaced with our own tooltips implementation. Cons of using standard tooltips of browser (title attribute):

• unable to customize the style of a tooltip element;
• unable to show the same tooltip (with the same text) several times;
• it's not possible to show tooltips at touch screens.

So, the new implementation of tooltips should eliminate these cons.
For touch screens show tooltips on long time touch.

Provide mobile devices support:

• scroll left/right
• zoom in/out by standard gesture
• move through panorams by portal touch
• open/close detailed photos by finger touch

Show a message at the center of view with the following text:
Unable to load a panorama image
Place below the message a button "Reload": a user can try to load image again.

Repository description:
JavaScript cylindrical panorama viewer based on three.js

Provide these chapters in readme:

• overview
• usage
• build
• examples
• license

Add a title text to a photospot. Title can be shown in the scene title box when a photo is opened.

Implement a panorama rotation without OrbitControls.js. This module has problem with updating after manual camera rotation (see #6).

The portal icon should support two states:

• normal;
• hovered.

When user hover on portal icon the mouse pointer should be changed to pointer type.

If user doesn't specify the portal icon, then a small red plane should be rendered.

Draw panorama title at the top left angle of screen.
Text color is white. Provide text readability with any background color.

Switch to a panorama image on the scene with special animation. After clicking on the portal the scene starts zoom in the direction of the portal spot. Simultaneously a requested panorama image is loading. When the loading is finished, the scene switches to the loaded panorama image.

Set a scene name as a tooltip of a transition spot.
Set a photo name as a tooltip of a photo spot.
Custom tooltips can be enabled/disabled in config.

Do after #28

Add tooltips for these elements:

• portal,
• photo spot,
• fullscreen button,
• scene label.

Add an exit button. The button can be used for moving to a home page of a site. Place the button at the left side of the title label.
The button visibility can be configured through config file.

Add a vtour library info on a panorama display.
Place text vtour 1.0.0 at the bottom right corner of the display with small font size and white color.

Add full screen support. Go to full screen mode with the right-top button.

Show an "About" dialog on vtour version label click. Include copyrights of vtour and three.js there.

Add a possibility to customize a path to the vtour assets in a config JSON.

Browser's tooltips for scene objects should be replaced with our own tooltips implementation. Cons of using standard tooltips of browser (title attribute):

• unable to customize the style of a tooltip element;
• unable to show the same tooltip (with the same text) several times;
• it's not possible to show tooltips at touch screens.

So, the new implementation of tooltips should eliminate these cons.
For touch screens show tooltips on long time touch.

Move the sources under namespace VTOUR

Show waiter widget when a panorama image is loading.

Add default stylesheet and icons.
Stylesheet should be a separate file vtour.css.
Icons should be also presented as files:

• portal icon portal.png;
• photo icon photospot.png.