先前使用ue4自帶的web brower插件嵌入了網頁，但是全屏覆蓋網頁的時候，網頁層劫持了鼠標對場景的操作控制。
之前的項目中為了實現這種透明區域可控，同事采用的是在User Interface-->Widget Blueprint組件中如下布局：
這樣確實也實現了所需要的功能，但是可以看到由於四塊頁面是分開的，所以這四塊要分4個頁面寫。
那么問題來了，可不可以只用一個web brower組件，並且還能實現透明區域點擊穿透，讓場景響應鼠標操作呢？
這就是同事最近發現的一個web插件---WebUI，我也跟着學習了一波，插件我已經傳到百度雲了，地址如下：
鏈接：https://pan.baidu.com/s/1_rAZsh5_qd9Ul_Z_Dp_23Q 提取碼：myrt
1.下載插件
下載好插件之后，放到上述文件夾下(引擎版本4.24.3，平台windows)
然后打開項目，在插件窗口開啟該插件
2.編寫組件藍圖
User Interface-->Widget Blueprint
這一步和之前差不多，多了幾個關於透明穿透的設置
依次是：
開啟透明穿透，
穿透值（透明度小於該值就穿透），
穿透延遲。
3.編寫HUD藍圖類
新建一個HUD藍圖類，然后寫藍圖
其實你也可以直接利用上一篇的藍圖；
其實就是添加自己寫的UI組件到場景中，但是上圖的藍圖額外添加了對網頁的事件處理和始終顯示鼠標
4.world setting添加hud
寫完上述HUD類之后，設置在wirld setting中設置HUD class
這個小寫的hud就是我之前自己寫的那個HUD類。
至此，Web UI插件的應用就結束了。
