Posts by TSchmiesing
-
-
Nearly everyday I check to see if 1.22 has dropped. LOL. Is it getting close, or still a ways out?
-
i use 720p for phones, 1080p for desktop
Ooooph... Are we talking wrapped video? If so, that resolution seems really low.
-
Yes, I was looking into it because of the gamma problem with the Vision Pro. It also happens in the actual device.
Is it possible to share the link for the simulator you are using? This sounds like something that would help speed along development as everyone works remotely and cant see what content looks like in the headset.
I picked up indexofrefraction's zFilter plugin and am going to test the gamma slider in their plugin as a potential short-term fix. From what I have read, Apple is aware of the problem. Hopefully, it will get fixed soon.
-
Don''t worry, the build process is not automated and we're in different timezones ...
--> delivered after waking up and having had a coffee
plz check your email
Thank you!!!
-
Hi,
the Apple Vision Pro 'should' be working with the next release (version 1.22).
'Should' because it works at least in the Apple Device Simulator, I have not tested on a real device yet.
And I have still an open point on my list regarding Apple Vision - the controls - as there is only handtracking available - and how about the best way to use that for interaction and navigation...
If you have an Apple Vision, I can send you a link for testing it if you want.
Best regards,
KlausHi Klaus. We have a few Vision Pros and are working on implementing content. Is it possible to get an advanced copy of 1.22?
Registrration info:
Name: Steelblue
Email: it@steelbluellc*dot*com -
Hello. I purchased zFilter but have no download link. When I click on view contents on GumRoad, it simply links back to your site and says... "Thank you for your purchase," but doesn't let me know how to actually get the content.
-
How does the exposure in the pp_light.js plugin work? I am having gamma issues with WebVR and am wondering if the exposure is based on adjusting the gamma?
Thanks,
Travis -
Hi Al,
I am trying to move the title location for my tour. The top of the image below shows the current location, and the bottom image shows my desired location. I've located where the title layer is in the XML file, but when I try to move that layer, it doesn't show up anymore.Any thoughts on how I might solve this?
Right now, I'm just trying to move the title; I'll dive into the font size later.
Code
Display More<layer name="skin_layer" keep="true" type="container" align="top" width="get:skin_settings.layout_width" maxwidth="get:skin_settings.layout_maxwidth" height="100%" maskchildren="true" visible="false" bgcapture="false" zorder="1"> <layer name="skin_scroll_window" type="container" align="bottom" width="100%" height="100%" x="0" y="calc:skin_settings.controlbar_offset + skin_settings.controlbar_height - skin_settings.controlbar_overlap" maskchildren="true" onloaded="skin_calc_opened_closed();" zorder="1"> <layer name="skin_scroll_layer" type="container" align="bottom" width="get:skin_settings.controlbar_width" height="100%" x="0" y="200" y_offset="get:skin_settings.controlbar_overlap" accuracy="1" bgalpha="get:skin_settings.design_bgalpha" bgcolor="get:skin_settings.design_bgcolor" bgborder="get:skin_settings.design_bgborder" bgroundedge="get:skin_settings.design_bgroundedge" bgshadow="get:skin_settings.design_bgshadow"> <!-- title layer --><layer name="skin_title" type="text" align="lefttop" edge="leftbottom" x="4" y="0" zorder="4" enabled="false" bg="false" css="calc:skin_settings.design_text_css + ' text-align:left; font-style:normal; font-size:12px;'" textshadow="get:skin_settings.design_text_shadow" visible="false" onautosized="skin_video_updateseekbarwidth();" /> <layer name="skin_video_controls" type="container" align="lefttop" edge="leftbottom" width="100%" height="18" visible="false"> <layer name="skin_video_seekbar_container" type="container" align="lefttop" width="100%" height="100%" bgcapture="true" ondown="skin_video_ondownseeking();" > <layer name="skin_video_seekbar" type="container" bgcolor="0xFFFFFF" bgalpha="0.25" align="center" width="100%" height="2"> <layer name="skin_video_loadbar" type="container" bgcolor="0xFFFFFF" bgalpha="0.5" align="left" width="0" height="2" /> <layer name="skin_video_seekpos" type="container" bgcolor="0xFFFFFF" bgalpha="1.0" align="left" edge="center" x="0" bgroundedge="8" width="10" height="10" /> </layer> </layer> <layer name="skin_video_time" type="text" align="rightbottom" x="4" enabled="false" bg="false" css="calc:skin_settings.design_text_css + ' text-align:left; font-style:normal; font-size:12px;'" textshadow="get:skin_settings.design_text_shadow" html="0:00 / 0:00" /> </layer> <layer name="skin_scroll_container" type="container" align="lefttop" width="100%" height="100%" x="0" y="0" bgroundedge="get:skin_settings.design_bgroundedge" maskchildren="true"> <layer name="skin_thumbs_container" type="container" align="lefttop" width="100%" height="100%" visible="false"> <layer name="skin_thumbs_scrollleft" style="skin_base|skin_glow" crop="0|64|64|64" align="lefttop" edge="left" x="5" y="50" scale="0.5" zorder="2" alpha="1.0" ondown="asyncloop(pressed, layer[skin_thumbs].scrollby(+2,0));" visible="false" /> <layer name="skin_thumbs_scrollright" style="skin_base|skin_glow" crop="64|64|64|64" align="righttop" edge="right" x="5" y="50" scale="0.5" zorder="2" alpha="1.0" ondown="asyncloop(pressed, layer[skin_thumbs].scrollby(-2,0));" visible="false" /> <layer name="skin_thumbs_scrollindicator" type="container" bgcolor="0xFFFFFF" bgalpha="0.25" align="lefttop" width="0" y="100" height="2" visible="false" enabled="false" /> <layer name="skin_thumbs" state="closed" url.flash="%VIEWER%/plugins/scrollarea.swf" url.html5="%VIEWER%/plugins/scrollarea.js" direction="h" align="top" width="100%" height="100" zorder="1" onloaded="skin_updatescroll();" onscroll="skin_updatethumbscroll();" /> </layer> <layer name="skin_map_container" type="container" align="leftop" width="100%" height="100%" bgroundedge="get:skin_settings.design_bgroundedge" maskchildren="true"> <layer name="skin_map" state="closed" url="" visible="false" align="lefttop" width="100%" height="50%" x="0" y="0" zorder="1" lat="0" lng="0" zoom="10" bgalpha="0" maptype="satellite" onmapready="skin_addmapspots();"> <maptypecontrol visible="true" align="righttop" x="5" y="5" buttonalign="v" scale.mobile="1.5" /> <radar visible="false" headingoffset="0" /> <spotstyle name="DEFAULT" url="vtourskin_mapspot.png" activeurl="vtourskin_mapspotactive.png" edge="bottom" x="-5" y="-8" scale="0.5" /> <!-- <layer name="skin_map_zoom_in" style="skin_base" visible="get:skin_settings.maps_zoombuttons" crop="9|512|46|64" align="right" x="0" y="-40" zorder="2" ondown="layer[skin_map].zoomin(); skin_buttonglow(get(name));" onup="skin_buttonglow(null);" /> --> <!-- <layer name="skin_map_zoom_out" style="skin_base" visible="get:skin_settings.maps_zoombuttons" crop="73|512|46|64" align="right" x="0" y="+40" zorder="2" ondown="layer[skin_map].zoomout(); skin_buttonglow(get(name));" onup="skin_buttonglow(null);" /> --> </layer> </layer> </layer> </layer> </layer>
-
Hello, I am using that version and it works for me. To do this, I comment on all the masks and leave only the one I want without commenting:
I hope it helps
Many thanks!!!!!
I was replacing the initial load of the vtourskin with the ultra light, rather than just removing the comment brackets from the ultra light, and keeping the loading of the vtourskin.
It works as expected now! -
Does "vtourskin_design_ultra_light.xml" skin work with 1.21? I tried copying over my previous droplets and configuring them, but I can't get any of the previous skins to work besides the default.
Thanks for any help,
Travis -
Hello,
I have a tour that is designed for mobile only.When the phone is rotated into landscape mode, and the phone's rotation is locked to portrait, the menu doesn't rotate. Is there a way to detect that the phone is being held in landscape, and then force a reload so that the menu will re-orient?
The tour works as expected if the phone screen rotation is unlocked.
Tour for mobile viewing only:
https://s3.us-west-1.amazonaws.com/steelblue.medi…Tour/index.htmlThanks,
Travis -
Yep, that portion of the code could definitely be cleaned up, but it wasn't what was causing my problem in this case.
I had grabbed the Before/Afterr slider from Kaus examples. I removed what code I knew I didn't need, but I didn't remove all of it as I don't know what a lot of it does. When I removed the struck-out portion below, the tour once again started functioning how I intended. Now back to work on the interface. :)
Current fixed iteration..
https://steelblue.media/Testing/Travis…23_B/index.htmlThis portion of code was causing the problem..
<action name="sync_viewers" type="js">
var viewFrom = krpano.view;
var viewTo1 = krpano.layer.getItem("krpano1").krpano.view;
var viewTo2 = krpano.layer.getItem("krpano2").krpano.view;viewTo1.hlookat = viewTo2.hlookat = viewFrom.hlookat;
viewTo1.vlookat = viewTo2.vlookat = viewFrom.vlookat;
viewTo1.camroll = viewTo2.camroll = viewFrom.camroll;
viewTo1.fovtype = viewTo2.fovtype = viewFrom.fovtype;
viewTo1.fov = viewTo2.fov = viewFrom.fov;
viewTo1.fisheye = viewTo2.fisheye = viewFrom.fisheye;
viewTo1.architectural = viewTo2.architectural = viewFrom.architectural;
viewTo1.pannini = viewTo2.pannini = viewFrom.pannini;
viewTo1.tx = viewTo2.tx = viewFrom.tx;
viewTo1.ty = viewTo2.ty = viewFrom.ty;
viewTo1.tz = viewTo2.tz = viewFrom.tz;
viewTo1.ox = viewTo2.ox = viewFrom.ox;
viewTo1.oy = viewTo2.oy = viewFrom.oy;
viewTo1.oz = viewTo2.oz = viewFrom.oz;
viewTo1.rx = viewTo2.rx = viewFrom.rx;
viewTo1.ry = viewTo2.ry = viewFrom.ry;
</action> -
Hello. I'm working on a pano with lookto buttons so that when you click a button, it looks at a different area of the pano. I have that part working as expected.
I also want to add in a before/after slider. I have that working as well, but now when I click a button it zooms all the way into the pano and then resets once it gets to its rotation point.
I am trying to get it to just look without zooming, but I can't figure out what to change.
Look to buttons working as expected:
https://steelblue.media/Testing/Travis…okAt/index.htmlWhen I add the before/after slider, it zooms all the way in before getting to the view angle:
https://steelblue.media/Testing/Travis…fter/index.htmlThanks for any help,
TravisHere is the XML for the version with the before&after...
Code
Display More<krpano> <!-- Compare Panos Example - use krpano-layers for the pano-display and sync their view - any two kind of pano images can be used, multires, different resolutions - provide side-by-side / top-bottom / splitscreen / overlap-blending modes - a slider-control for the splitscreen - a blending-control for the overlap-mode --> <!-- the two pano images to compare --> <scene name="pano1" title="p01_Aerial_Existing" onstart="" thumburl="panos/p01_Aerial_Existing.tiles/thumb.jpg" lat="" lng="" alt="" heading=""> <control bouncinglimits="calc:image.cube ? true : false" /> <view hlookat="0.0" vlookat="0.0" fovtype="DFOV" fov="90" maxpixelzoom="0" fovmin="90" fovmax="90" limitview="auto" /> <preview url="panos/p01_Aerial_Existing.tiles/preview.jpg" /> <image> <cube url="panos/p01_Aerial_Existing.tiles/pano_%s.jpg" /> </image> </scene> <scene name="pano2" title="p01_Aerial" onstart="" thumburl="panos/p01_Aerial.tiles/thumb.jpg" lat="" lng="" alt="" heading=""> <control bouncinglimits="calc:image.cube ? true : false" /> <view hlookat="0.0" vlookat="0.0" fovtype="DFOV" fov="90" maxpixelzoom="0" fovmin="90" fovmax="90" limitview="auto" /> <preview url="panos/p01_Aerial.tiles/preview.jpg" /> <image> <cube url="panos/p01_Aerial.tiles/pano_%s.jpg" /> </image> </scene> <!-- the startup view --> <view hlookat="0" fovtype="dfov" fov="90" maxpixelzoom="0" fovmin="90" fovmax="90" limitview="auto"/> <layer name="krpano1container" type="container" safearea="false" x="0%" width="50%" height="100%" maskchildren="true" enabled="false" zorder="0" > <layer name="krpano1" type="krpano" align="left" width="200%" height="100%" onloaded="krpano.actions.loadxml(('<krpano>' + scene[0].content + '</krpano>'),null,IMAGEONLY);" /> </layer> <layer name="krpano2container" type="container" safearea="false" x="50%" width="50%" height="100%" maskchildren="true" enabled="false" zorder="0"> <layer name="krpano2" type="krpano" align="right" width="200%" height="100%" onloaded="krpano.actions.loadxml(('<krpano>' + scene[1].content + '</krpano>'),null,IMAGEONLY);" /> </layer> <events onresize="resize_viewers();" onviewchange="sync_viewers();" /> <action name="resize_viewers" scope="local"> w = stagewidth; h = stageheight; if(display.safearea_inset, // iPhone 'notch' fullscreen mode support w = display.safearea_inset.sw; h = display.safearea_inset.sh; ); layer[krpano1].width = w; layer[krpano1].height = h; layer[krpano2].width = w; layer[krpano2].height = h; </action> <action name="sync_viewers" type="js"> var viewFrom = krpano.view; var viewTo1 = krpano.layer.getItem("krpano1").krpano.view; var viewTo2 = krpano.layer.getItem("krpano2").krpano.view; viewTo1.hlookat = viewTo2.hlookat = viewFrom.hlookat; viewTo1.vlookat = viewTo2.vlookat = viewFrom.vlookat; viewTo1.camroll = viewTo2.camroll = viewFrom.camroll; viewTo1.fovtype = viewTo2.fovtype = viewFrom.fovtype; viewTo1.fov = viewTo2.fov = viewFrom.fov; viewTo1.fisheye = viewTo2.fisheye = viewFrom.fisheye; viewTo1.architectural = viewTo2.architectural = viewFrom.architectural; viewTo1.pannini = viewTo2.pannini = viewFrom.pannini; viewTo1.tx = viewTo2.tx = viewFrom.tx; viewTo1.ty = viewTo2.ty = viewFrom.ty; viewTo1.tz = viewTo2.tz = viewFrom.tz; viewTo1.ox = viewTo2.ox = viewFrom.ox; viewTo1.oy = viewTo2.oy = viewFrom.oy; viewTo1.oz = viewTo2.oz = viewFrom.oz; viewTo1.rx = viewTo2.rx = viewFrom.rx; viewTo1.ry = viewTo2.ry = viewFrom.ry; </action> <style name="button" type="text" zorder="2" css="text-align:center;" padding="4 8" bgborder="4 0xFFFFFF 1" bgroundedge="1" bgshadow="0 1 4 0x000000 1.0" onover="set(bgcolor, 0xC7E4FC);" onout="calc(bgcolor, pressed ? 0x90CAF9 : 0xFFFFFF);" ondown="set(bgcolor, 0x90CAF9);" onup="calc(bgcolor, hovering ? 0xC7E4FC : 0xFFFFFF);" /> <style name="button_selected" css="text-align:center; text-decoration:underline;" /> <action name="set_split_screen" scope="local" args="mode, split"> %1(layer[krpano1container].alpha, 1.0); %1(layer[krpano1container].x, 0%); %1(layer[krpano1container].y, 0%); %1(layer[krpano1container].width, ((1-split) * 100 + '%')); %1(layer[krpano1container].height, 100%); %1(layer[krpano1].x, 0%); %1(layer[krpano2container].alpha, 1.0); %1(layer[krpano2container].x, ((1-split) * 100 + '%')); %1(layer[krpano2container].y, 0%); %1(layer[krpano2container].width, ((split * 100 + '%'))); %1(layer[krpano2container].height, 100%); %1(layer[krpano2].x, 0%); </action> <!-- Split line--> <layer name="split_slider" type="container" safearea="false" zorder="1" x="50%" edge="top" width="20" height="100%" bgcapture="true" cursor="ew-resize" enablechildren="false" autoalpha="true" ondown="asyncloop(pressed, x=(mouse.x/stagewidth * 100) + '%'; set_split_screen(set, (1-mouse.x/stagewidth),true) );" > <layer type="container" align="top" width="2" height="100%" bgcolor="0xFFFFFF" bgshadow="0 0 16 0x000000 .5" bgalpha="1" /> </layer> <layer name="blend_slider" type="container" zorder="1" autoalpha="true" alpha="0" align="bottom" y="200" width="200" height="16" bgalpha="0.5" bgcolor="0xFFFFFF" bgborder="1 0xFFFFFF 0.2" bgroundedge="9" bgblur="5" > <layer name="blend_grip" align="left" edge="center" style="button" width="48" height="28" bgroundedge="20" padding="0" textalign="center" text="50%" x="50%" ondown.addevent="asyncloop(pressed, pos = (mouse.stagex - parentobject.stagex) / parentobject.pixelwidth; clamp(pos,0,1); x = 100*pos + '%'; text = (100-floor(100*pos)) + ':' + floor(100*pos); layer[krpano2container].alpha = pos; );" /> </layer> <!-- Here a special and optional hack: - The example is created with WebGL disabled (by webgl=false in the html). - That's because the panos are in sub-layers (with WebGL) and so no WebGL-layer in the main viewer is required. - This safes a few computer resources (but is normally not noticeable). - And to have still the context-menu items for the distorted views, which are only available with WebGL, here temporary the device.webgl setting is enabled and then restored again. --> <set var="backup_device_webgl" val="device.webgl" /> <set var="device.webgl" val="true" /> <include url="%VIEWER%/plugins/contextmenu.xml" /> <set var="device.webgl" val="backup_device_webgl" /> <!-- select the startup mode --> <action autorun="onstart"> //side_by_side(set); //top_bottom(set); split_screen(set,0.5); //overlap_blending(set); </action> <!-- MENU NAVIGATION BELOW --> <layer name="Orchards" type="text" keep="true" visible="true" align="lefttop" x="30" y="300" html="[b]Orchards[br] [/b]" css="font-family:Arial; font-size:20px; color:#000000;" autowidth="auto" autoheight="auto" vcenter="false" padding="10" wordwrap="true" bg="true" bgcolor="0xFFFFFF" bgalpha="0.75" bgborder="0" bgroundedge="0" bgshadow="" txtshadow="" mergedalpha="true" interactivecontent="false" onautosized="" onclick="looktohotspot(ShepardGlen); lookto(0,12,0,smooth(100,50,60));" /> <layer name="Shepard's Glen" type="text" keep="true" visible="true" align="lefttop" x="30" y="350" html="[b]Shepard's Glen[br] [/b]" css="font-family:Arial; font-size:20px; color:#000000;" autowidth="auto" autoheight="auto" vcenter="false" padding="10" wordwrap="true" bg="true" bgcolor="0xFFFFFF" bgalpha="0.75" bgborder="0" bgroundedge="0" bgshadow="" txtshadow="" mergedalpha="true" interactivecontent="false" onautosized="" onclick="looktohotspot(ShepardGlen); lookto(-165,20,0,smooth(100,50,60));" /> <layer name="Sycamore" type="text" keep="true" visible="true" align="lefttop" x="30" y="400" html="[b]Sycamore[br] [/b]" css="font-family:Arial; font-size:20px; color:#000000;" autowidth="auto" autoheight="auto" vcenter="false" padding="10" wordwrap="true" bg="true" bgcolor="0xFFFFFF" bgalpha="0.75" bgborder="0" bgroundedge="0" bgshadow="" txtshadow="" mergedalpha="true" interactivecontent="false" onautosized="" onclick="looktohotspot(ShepardGlen); lookto(175,10,0,smooth(100,50,60));" /> <layer name="City Green" type="text" keep="true" visible="true" align="lefttop" x="30" y="450" html="[b]City Green[br] [/b]" css="font-family:Arial; font-size:20px; color:#000000;" autowidth="auto" autoheight="auto" vcenter="false" padding="10" wordwrap="true" bg="true" bgcolor="0xFFFFFF" bgalpha="0.75" bgborder="0" bgroundedge="0" bgshadow="" txtshadow="" mergedalpha="true" interactivecontent="false" onautosized="" onclick="looktohotspot(ShepardGlen); lookto( 130,72,0,smooth(100,50,60));" /> </krpano>
-
Thank you!
-
Klaus,
Do we need to be concerned with the LOG4J attacks? I assumed the issue was server-side, but I have heard from others that it can be back end or user.
-
Hi All,
I have been trying to get this to work for several days. I have an iFrame that displays a pano. The pano has a hotspot (Yellow A) in it. I am trying to set up an "onclick" that closes the iFrame window.
I am using a modified version of one of the example for testing:
https://s3.us-west-1.amazonaws.com/steelblue.medi…Test/index.htmlI have tried several things, but I can't figure out how to call the 'pop_close action in the base XML file. Is this the right way, or is there a better method to close this iFrame window?
Here is the onclick code that I am trying for the Yellow A hotspot:
Here is the action I am trying to the hot spot to run:
Code<action name="popup_close"> set(global.plugin[popup_bg].enabled, false); set(global.events[popup].name, null); tween(global.plugin[pp_blur].range, 0.0); tween(global.layer[popup_bg].bgalpha, 0.0, 0.25); tween(global.layer[popup].alpha, 0.0, 0.25, default, removelayer('popup_bg', true); scope(private:POPUP, delete(popup); ); ); </action>
Many thanks for your help, or for pointing me in the right direction,
Travis -
I made some progress today. If I define the pano using a left-justified "area" with defined x/y, then the pano doesn't scale as the slider moves.
I am going to parse through some of the forum posts regarding resizing and pulling the browser data dynamically. I'll likely have some follow-up questions tomorrow.
Current Progress:
https://s3.us-west-1.amazonaws.com/steelblue.medi…fter/index.html -
https://steelblue.media/Testing/Slider…ionK/index.html
krpanoLeftDiv and krpanoRightDiv need fixed widths and you cant use width="900px" for a div, thats for images only.
not all solved with this, yet... but first replace width/height with stlye="width:900px;height:900px;"Thank you!
I made that change and went on to test further, I think I can drop the size from that DIV container altogether as my frame size is controlled in the CSS. The setup I am using is based on this: https://codepen.io/nosurprisethere/pen/xrXjYV
I also dropped one of the class assignments for the "left" DIV and modified the right to have both class assignments for the same DIV. Doing this brought back the interactivity with the pano, so they now stay in sync.
The last problem is that the DIV is designed to scale instead of masking, causing my pan to resize when the slider is moved.
Latest Test:
https://steelblue.media/Testing/Slider…antA/index.htmlCode
Display More<div class="wrapper"> <div class="viewersDiv"> <div id="krpanoLeftDiv" draggable="false"></div> </div> <div class="viewersDiv after"> <div id="krpanoRightDiv" draggable="true"></div> </div> <div class="scroller"> <svg class="scroller__thumb" width="100" height="100" viewBox="0 0 100 100"><polygon points="0 50 37 68 37 32 0 50" style="fill:#fff"/><polygon points="100 50 64 32 64 68 100 50" style="fill:#fff"/></svg> </div> </div>
-
I decided to take a step back and solve the two problems separately... First is trying to understand how DIVs work and why the pano is always recentering. And more importantly, can that be solved.
This DIV is resizable if you click and drag the lower right corner. The pano resizes/recenters as it would if it were loaded directly into the html code instead of inside a DIV.
Studies in DIVs version A:
http://steelblue.media/Testing/Slider…IV_A/index.html