UE像素流送交流(適合中國(guó)寶寶的教程)
本文旨在交流,我也是初學(xué)者,YouTube有大佬,
操作學(xué)習(xí)在官方的像素流送模板的基礎(chǔ)之上,建議使用UE5.0/UE4.27,UE5.1有明顯Bug,請(qǐng)知道的朋友告訴我,
目標(biāo)實(shí)現(xiàn),在官方模板添加滑塊,通過(guò)滑塊控制UE中相機(jī)的旋轉(zhuǎn),
第一部分
UE引擎準(zhǔn)備
1.1開(kāi)啟像素流送插件
????1.2在編輯器設(shè)置中添加參數(shù),具體參數(shù)含義查找官方文檔有詳細(xì)說(shuō)明
https://docs.unrealengine.com/5.2/zh-CN/unreal-engine-pixel-streaming-reference/
-AudioMixer -PixelStreamingIP=localhost -PixelStreamingPort=8888 -RenderOffscreen -log
????2.1像素流的包,我采取直接拷貝到工程項(xiàng)目目錄下,因?yàn)橐獙?duì)內(nèi)部文件修改
????2.2拷貝官方提供的網(wǎng)頁(yè)文件夾到信令服務(wù)器
2.3重命名文件夾為custom_html
2.4啟動(dòng)信令服務(wù)器
3.啟動(dòng)UE獨(dú)立進(jìn)程游戲,
?3.1像素流送插件只有在打包完成或者獨(dú)立游戲進(jìn)程模式才可以使用
4.在網(wǎng)站訪問(wèn),地址欄輸入網(wǎng)址http://127.0.0.1/PixelDemo.htm,
4.1前端操作
4.2UE中的接受節(jié)點(diǎn)
此處窗口始終前置此處推薦微軟的PowerToys
5.進(jìn)階創(chuàng)建屬于自己的Htm控制UE
5.1目標(biāo),創(chuàng)建通過(guò)滑塊控制相機(jī)旋轉(zhuǎn),
5.2找到滑塊的資源
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_js_rangeslider_pic
上面網(wǎng)址
刷新頁(yè)面可以看到滑塊,但不是自己設(shè)置的樣式
5.3拷貝樣式到.css中,上面提到關(guān)于網(wǎng)頁(yè)中拷貝的內(nèi)容
https://icon-sets.iconify.design/solar/videocamera-bold/
圖標(biāo)網(wǎng)址
目前還缺少邏輯鏈接
5.4添加邏輯
5.5在UE中接收數(shù)據(jù)
完結(jié)撒花
