HTML5 Move to View now with X/Y

Q&A about the latest versions
Post Reply
User avatar
Hopki
Gnome
Posts: 9082
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

HTML5 Move to View now with X/Y

Post by Hopki » 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,
Screen Shot 2014-05-09 at 17.11.41.png
Screen Shot 2014-05-09 at 17.11.41.png (47.47 KiB) Viewed 4035 times
So starting from left to right you have:
Column / Row / Zoom / Speed / X / Y

So the screen shot 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 moves 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

ondrej
Posts: 12
Joined: Mon May 12, 2014 11:27 am

Re: HTML5 Move to View now with X/Y

Post by ondrej » Mon May 12, 2014 12:51 pm

Hi Martin and thanks for letting me to the forums!

This is, indeed, fantastic feature which opens new possibilities. Also exactly what I use in the project I work on lately.

I wonder if there are more options of controlling the view movement? I'd need the view to go all the way out first and then rotate/zoom another view. Also it would be great to have more control over the movement itself, so setting up speed for each movement separately and perhaps also timing so you could be able to spin first, then zoom, etc. Would any of these be possible?

I am still learning basics so my apologies if I am missing something obvious
Many thanks
Ondrej

User avatar
Hopki
Gnome
Posts: 9082
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Re: HTML5 Move to View now with X/Y

Post by Hopki » Mon May 12, 2014 2:34 pm

Hi Ondrej,
This is the features first outing so it's a bit basic.
However now version 3.x of object2VR has the new skin editor (skin v2) there are the foundations to improve.
Regards,
Hopki

ondrej
Posts: 12
Joined: Mon May 12, 2014 11:27 am

Re: HTML5 Move to View now with X/Y

Post by ondrej » Wed May 14, 2014 1:27 am

Thanks Hopki, I am looking forward for future updates. It would be great to have a bit more control over the 'Move view' function.

Cheers
Ondrej

User avatar
Hopki
Gnome
Posts: 9082
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Re: HTML5 Move to View now with X/Y

Post by Hopki » Wed Jul 30, 2014 1:19 pm

Hi,
Just to expand on how to target the area you want to zoom into accurately, use Photoshop or any image program that can use percentages for the rulers.
For Photoshop open the image that you will want to zoom in on and make sure you have Rulers showing.
Double click on either the top or side ruler to open the settings then change the Units, Ruler to Percent.
1.jpg
1.jpg (81.82 KiB) Viewed 3873 times
Place the mouse cursor where you want to zoom too in the image and make a note of the top and side percentages, it may be better to pullout the guide lines. In this example the left eye is X = 0.47 and the Y is 0.415

In the attached example the blue button zooms in to the left eye using the above data. The purple button zooms in to a white dot on the back of the toys collar neck and the red dot returns the view to default.
Regards,
Hopki
Attachments
movetoview.zip
(289.21 KiB) Downloaded 198 times

sigurd.eliassen
Posts: 22
Joined: Mon Oct 06, 2014 2:16 pm

Re: HTML5 Move to View now with X/Y

Post by sigurd.eliassen » Tue Jan 10, 2017 2:10 pm

Old thread, but I'll take my chances :)

Hopki; This is a great feature, thank you.

I notice that the movement happens in this order: Zoom first - then move and rotate combined. This doesn't give a very smooth transition, since the zoom may not make sense in the current column, and the column spinning may look confusing when the view is zoomed in.

Is it possible to first rotate, then zoom (and move if applicable)? In theory, it's only a matter of the order which the source code is executed.

A pedagogical approach would be to first rotate to the respective column (without zooming) - hold for a moment, and then zoom/move, and having separate input values for the time used on these different steps.

Maybe this could be a future request?

Regards,

Sigurd

User avatar
Hopki
Gnome
Posts: 9082
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Re: HTML5 Move to View now with X/Y

Post by Hopki » Tue Jan 10, 2017 5:17 pm

HI Sigurd,
Yeah its a cool feature, heres my cup project.
This is already in the bug tracker.
Regards,
Hopki

User avatar
JPeter
Posts: 6
Joined: Thu Mar 09, 2017 3:20 pm
Location: Brookfield, WI
Contact:

Re: HTML5 Move to View now with X/Y

Post by JPeter » Mon Apr 24, 2017 9:28 am

Do we need a high-quality image to photoshop and customize our images to zoom-in, zoom out? How well does it work with HTML5?
Online Product Customization Software
iDesigniBuy
http://www.idesignibuy.com/

User avatar
Hopki
Gnome
Posts: 9082
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Re: HTML5 Move to View now with X/Y

Post by Hopki » Mon Apr 24, 2017 8:43 pm

Hi JPeter,
if you have a 640 x 480 window and you want to zoom in 2 x the the input images need to be twice the size of the window.
Select Multi resolution and the Object will still load very fast.
Regards,
Hopki

Post Reply

Who is online

Users browsing this forum: No registered users and 1 guest