HTML5 Move to View now with X/Y
Posted: Fri May 09, 2014 6:56 pm
Hi,
In the final release of Object2VR 3.x it is possible to not only select a column, row and zoom but now to add X/Y data to move to a certain part of the zoomed image.
To better explain what I mean I have made an example, please right-click the link and open in a new window so you can see the object while still reading the post. LINK.
The object opens and you can rotate it, it is an HTML5 multi resolution project with 5 x Zoom.
The thumbnails located bottom left of the screen all have actions to rotate, zoom and adjust the X/Y position of the object so you can see in more detail the parts of the object I want to bring to your attention.
So how do you use it?
First select the column/s, the fastest way to do this is use the Viewing parameters, open the window rotate the object until you see the frame/s you want then make a note of the Current Column.
Select the HTML5 output, then make sure you enable zoom, in the example as its multi-resolution it has 5 x zoom.
The action is the Move to view action, but you add a few more parameters and leave out speed,
So starting from left to right you have:
Column / Row / Zoom / Speed / X / Y
So the screenshot shows column 49, Row 0, zoom 450, speed 0.8, X:0.53 and Y:0.58
The X/Y values are 0 to 1 and move the camera/view.
So for the X axes:
0 = moves the image to the right so you see the left part of the object.
1 = moves the image to the left so you see the right of the object.
Therefore 0.5 is in the middle.
Same for the Y axes.
Knowing this makes it relatively easy to set the view.
Regards,
Hopki
In the final release of Object2VR 3.x it is possible to not only select a column, row and zoom but now to add X/Y data to move to a certain part of the zoomed image.
To better explain what I mean I have made an example, please right-click the link and open in a new window so you can see the object while still reading the post. LINK.
The object opens and you can rotate it, it is an HTML5 multi resolution project with 5 x Zoom.
The thumbnails located bottom left of the screen all have actions to rotate, zoom and adjust the X/Y position of the object so you can see in more detail the parts of the object I want to bring to your attention.
So how do you use it?
First select the column/s, the fastest way to do this is use the Viewing parameters, open the window rotate the object until you see the frame/s you want then make a note of the Current Column.
Select the HTML5 output, then make sure you enable zoom, in the example as its multi-resolution it has 5 x zoom.
The action is the Move to view action, but you add a few more parameters and leave out speed,
So starting from left to right you have:
Column / Row / Zoom / Speed / X / Y
So the screenshot shows column 49, Row 0, zoom 450, speed 0.8, X:0.53 and Y:0.58
The X/Y values are 0 to 1 and move the camera/view.
So for the X axes:
0 = moves the image to the right so you see the left part of the object.
1 = moves the image to the left so you see the right of the object.
Therefore 0.5 is in the middle.
Same for the Y axes.
Knowing this makes it relatively easy to set the view.
Regards,
Hopki