一、文本支持的改进
● 文本热点VR模式下渲染优化.
◦ 之前的版本中使用 CSS3D标准渲染.
◦ 从技术上讲(css3d)是一个非常简单的解决方案,但有几个缺点:
1、 cross-browser-css3d错误/差异,在每个浏览器还是存在不同的问题,例如iOS呈现css3d异步比WebGL的内容有点延迟,边缘/ IE的尺度不同,Chrome和Firefox有三维裁剪问题等等…
2、 一个HTML元素不能被渲染的两次,例如'伪VR(真正的WebVR是唯一不是WebGL)两个HTML元素是必需的,另外需要手动同步。
3、几个渲染和处理细节是在浏览器内部完成的,存在不可控。
4、不失真或后处理可能出现问题。
◦ 现在可以使用 textfield plugin插件作为hotspot热点, krpano 将其渲染成 bitmap位图 (via HTML5 canvas)并作为 WebGL 纹理实现 (与插入图片一样).
◦ 这允许实现更多的控制和更快的渲染。VR支持和立体渲染也没有问题。.
◦ 但由于没有浏览器可渲染HTML文本成位图,需要由Krpano输出,并尽量能够匹配的浏览器的HTML输出标准.
◦ 虽然暂时不支持全部HTML/CSS的渲染,但字体和字体样式还是支持的.同样可以在krpano Flash and HTML5 viewers中显示,边框和阴影也可以支持.
◦ 所有文本热点都是使用WebGL作为默认渲染, 但如果需要改成css3d渲染是,可以设置属性renderer="css3d".
◦ 重要提示 - 为什么要切换回CSS3D 渲染?因为在使用iframe、交互式HTML元素或特殊的CSS格式化时,还需要css3D支持。
● The krpano Flash浏览器已在内容建立文本插件,并自动指向改插件.
● 现在新增一<layer> and <hotspot>中的类型, type="text"用来定义文本层和热点,这样不需要设置url="textfield.swf" 了,但如果您不使用该type类型,仍可以使用旧方法url.
● 为了更方便使用文本插件,新增了以下新文本属性:bg, bgcolor, bgalpha,bgborder, bgroundedge, bgshadow, txtshadow. 代替之前的 background*, border*, shadow* and textshadow* 属性(当然旧属性目前还可以继续使用,以便以前的代码可以运行在新版本).
● 新属性mergedalpha="false" 可用于设置独立颜色、透明度,用于边界和背景.
● 由于有时候不可以使用引号,因此当前还是使用 [sq] and [dq] 作为单、双引号作为文本输入.(领主tips, s是single、d是double)
● 文本插件修正功能:
◦ 非设置distorted的hotspot热点的对齐和边界偏移问题.
◦ 已设置Distorted的文本热点已可以在Flash模式下支持并显示边框和阴影.
二、krpano Tools / Droplets升级
● The krpano tools and droplets现在可以支持立体图像.
◦ 具体格式如下:
1、一张 12x1 or 1x12 stereo-cubestrip 图片:左右两张6x1的六面体图片,或上下两张1x6的六面体图片,常用于以下几种应用输出 (VRay, OToy, GearVR).
2、一张图片内含有两张球形360x180图片:左右各一张,或上下各一张
3、两张 6x1 cubestrip图片,图片文件名称后缀表明左右 (e.g. '_l' and '_r' ).
4、两张球形360x180图片,图片文件名称后缀表明左右 (e.g. '_l' and '_r' ).
◦ 符合格式的立体图像拖入工具后可以被自动检测识别,生成项目.
◦ 立体图像可以通过这些新属性进行编辑和设置: stereosupport, stereolabels and customimage[name].stereosupport.
(领主打开confing文件,果然找到更新了的立体设置参数)
● 作为立体支持的副作用,现在也有cubestrip图像作为输入支持.
◦ 由于有多种不同的立方体图片的排列方式,所以这些工具具有自动图像/基于内容的分析来检测正确的排列
◦ 允许的最常用的cubestrip /立方贴图格式-包括vray,OTOY,gearvr,Autodesk,PalateCAD (.ppan files)等.
◦ 基于该版本功能,立体全景图实际应用案例:
• 新工具 MAKE VTOUR (VR-OPT) droplet - 优化 VR
◦ 该可以实现生成更小图像和更快的渲染,在进入VR模式后切换读取.
◦ 在非VR环境下,默认是显示左边的全景图片.
● 修正 MAKE VTOUR (MULTIRES) droplet
◦ 不同于VR-OPT droplet, MULTIRES droplet不再生成专门针对VR的图片,只会生成一般普通的非优化的左右立体图像.
● Auto-Leveling 自动拉平功能支持 (e.g. for Ricoh Theta images/理光相机的图片)
◦ 支持 EXIF or XMP 水平方向信息 并且使用这些信息拉平全景图.
◦ 立方体转换过程中,通过映射图像本身的球体,或者在 xml中加入预对齐设置.
◦ 我们可以通过autolevel 设置来实现,找到config文件 (e.g. in the basicsettings.config),然后找到autolevel/noautolevel设置.
● krpano Testing Server测试服务器改进
◦ 改进Window 10 支持 (更好的 HiDPI支持,不会在最小化时闪退).
◦ 改进在Mac OSX上运行稳定性 (不会在打开项目时闪退).
● 其他改进:
◦ 支持PNG 格式图像(不支持转换输出,只支持输入).
◦ krpano sphere2cube/transform tool 球形图转六面体,使用了新语法,新的 'lookat' and 'rotate'可以定义转换输出后的图形的默认方向和旋转角度.
◦ 拖入批量图片建立项目时,自动排序设置可以通过sortinput参数来禁用(config文件内).
◦ 可选支持水平镜像图片.
◦ 不再支持生成针对移动设备小于(1024x1024px)分辨率的图片.
◦ MAKE PANO droplets可在个人文件夹输出.
◦ 改进Mac OSX 旧版本兼容性.
三、krpano Viewer浏览器改进
● 新功能:
◦ 新的events.oncontextmenu事件 - 在右键菜单显示前可以实现该动作监听,从而可以动态改变右键菜单显示或执行其他需要的动作.
◦ 新的events.onsingleclick and events.ondoubleclick事件 - 无需插件可实现屏幕单击和双击的监听. 新增mouse.clickx and mouse.clicky 属性,可以反馈出点击坐标.
◦ 新的browser.protocol协议属性.例如获取 'http' or 'https' ,并通过占位符放到url中,这样就可以动态生成当前浏览器协议url:
1 |
%$browser.protocol% |
◦ 新的autorotate.zoomslowdown设置,可以控制放大屏幕时是否放慢旋转.
◦ 新的WebGL设置可以定义热点渲染的两个属性: mipmapping and premultiplyalpha.
● 修正:
◦ 当切换场景使用 KEEPMOVING标记时,保持自动旋转速度. 这有助于自动漫游时无缝对接的感觉.
◦ 改进iPhone横屏全屏模式支持 (修正在非Safari 浏览器或其他自定义Webviews,如app内嵌).
◦ 修正 '>=' 在某些情况不被解释.
◦ 添加一个基于iOS漏洞,而允许使用Base64网址热点的解决方法.
◦ 支持使用spherical球形图片作为预览图像.
◦ 修正背景颜色,避免出现白背景白字情况 (e.g. 例如Panotour中默认背景是白色).
◦ 如果全景网页内嵌到iframe,避免使用focus=true属性 (避免网页在Firefox中自动滚动).
四、Plugins插件升级
● Videoplayer Plugin
◦ 新的 playsinline设置可以禁用浏览器自带的播放器弹出播放视频,这个是webkit的设定, 不是kr可以控制的,领主觉得成功率有待测试.
● WebVR Plugin
◦ 当浏览器支持WebVR但不工作是,自动回退到支持 'MobileVR' (例如一些Android的 Chrome浏览器有该现象).
◦ 升级到最新的WebVR API.
◦ 修正: iOS 唤醒锁的支持.
● Gyro2 Plugin
◦ resetSensor复位动作同样支持复位到纵坐标位置,之前版本只支持复位到横坐标方向.
● Googlemaps Plugin
◦ 升级到 Googlemaps JS API最新版本.
◦ 输出本地地图支持更多自定义参数.
◦ Googlemaps 新特性插入的具体案例说明:
编译:领主
下载地址
[需开通会员权限]