Unity3d使用3D WebView for Windows and macOS打开全景网页(720云)操作问题记录

问题描述

使用Unity3d内嵌网页的形式打开720云中的全景图这个功能,使用的是3D WebView for Windows and macOS插件,720云的全景图在浏览器上的操作是滑动鼠标滚轮推远/拉近全景图,鼠标左键拖拽网页可以旋转全景图内容。网页的打开过程是正常的:

而当我在Unity3d中使用3D WebView for Windows and macOS插件打开后,滚轮操作的正常,而鼠标拖拽操作会和滚轮一直会拉远或者拉近画面。

左键拖拽:

正常效果:

解决方法

拖拽问题

这个问题是由于Canvas Web View Prefab的设置项(Drag Mode)设置不当引起的,Drag To Scrol是将拖拽操作映射为了滚轮操作,所以拖拽旋转全景图的操作失效了,需要将Drag Mode项从Drag To Scroll更改为Drag Within Page:

缩放问题

拉近或者拉远效果失效时可以查看Canvas Web View Prefab组件的Other settings下的Scrolling Enabled来启用滚轮,这个默认是开启的:

拉近或者拉远的滚轮灵敏度可以通过Other settings下的Scrolling Sensitivity来调整灵敏度:

其他

其他如网页上的点击失效,可以勾选Clicking Enabled来启用;鼠标悬停失效,可以勾选Hovering Enabled来启用;Drag Threshold(px)可以设置拖动启用的像素门槛(拖动超过该像素大小,才会生效)。