That works fine on mobile devices and tablets. What I actually did and try to do now is scaling all items down to 0,6 when the screen width is dropping below 740 pixels. Now with V5 I'm happy I can do this within pano2vr instead of hacking the html. I make skins that are "responsive" for a time now using html to load different skins dependent on the viewer-screen width. If your not sure how to do this please have a kook at this link. The good news it Pano2VR has its built in web server so you can just open your browser and login. Testing, the skin editors live preview also gives the size of the window as you resize it so you can easily test elements resizing and hiding just by dragging it, however you wont be able to test Is Mobile until displayed on your mobile device. Trigger: Is Mobile / Comparison: = / Value true / Operation: So under the visible logic block of the fullscreen button you would simply add: The Is Mobile is looking for Android and iOS and is a good way to hide and show element such as unwanted buttons, example navigation and fullscreen. In summery I would probably only swop out images if there is a large difference in size, otherwise scaling works well. Trigger: Player Width / Comparison: <= / Value 960 / Operation: Second Expression, this is added by clicking the green + button, Add Expression. Trigger: Player Width / Comparison: / Value 960 / Operation: Then use the logic block to show and hide them. So in this case you can produce different sized images all looking sharp at their size. If X and Y are scaled to 1.5 then it will look pixelated as the square now does not have enough pixels for the new size. Hears the deal, a 100px square image scaled down to X:0.5 and Y:0.5 will still have 100px but now they will be compressed. Images, do you scale them of change them? ![]() The Logic Block, the same as Multi resolution looks at logical screen sizes, example and iPad 2 and Air both have a logical screen size of 1024 x 768px even though the iPad Air screen resolution is much higher. With the logic block Pano2VR 5 can detect screen width, height and now Is Mobile. I thought I would start this thread as there are some different approaches to responsive design and how to do it.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |