国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

vue項目結(jié)合unity webgl,并相互通信

這篇具有很好參考價值的文章主要介紹了vue項目結(jié)合unity webgl,并相互通信。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

vue與unity交互完成,最開始使用vue-unity-webgl插件,用著感覺有很多問題,然后換成了iframe,簡單記錄一下

本文主要解決以下問題:

1.vue項目中如何引入使用unity webgl

2.vue如何與unity互信通信

主要步驟:

1.將unity打包后的文件夾引入至項目,我把它放在static目錄下

webgl vue,unity,前端,vue,前端

2.在vue文件通過iframe引入unity

webgl vue,unity,前端,vue,前端

3. 在vue文件中監(jiān)聽unity發(fā)送的信息

webgl vue,unity,前端,vue,前端

其中Test為unity定義的事件名,unityWatch為接收unity發(fā)的消息后的方法處理

4.vue發(fā)送事件給unity

webgl vue,unity,前端,vue,前端

5.完整代碼

webgl vue,unity,前端,vue,前端?

以上,一個簡單的vue結(jié)合unity并通信用iframe就完成了,謝謝觀看,如果不對之處,還望指正。

?文章來源地址http://www.zghlxwxcb.cn/news/detail-579827.html

到了這里,關(guān)于vue項目結(jié)合unity webgl,并相互通信的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費用

相關(guān)文章

  • Unity 發(fā)布WebGL、去Logo、網(wǎng)絡(luò)端通信 、本地運行

    Unity 發(fā)布WebGL、去Logo、網(wǎng)絡(luò)端通信 、本地運行

    以下內(nèi)容將和大家詳細分享 Unity 在 WebGL平臺的發(fā)布方法、 如何去除unity的Logo和加載界面、 WebGL與網(wǎng)絡(luò)端通信 、以及 如何在本地運行html。 一、Unity在 WebGL平臺的發(fā)布方法 1、如下圖,選擇webgl平臺,沒安裝的點擊下載安裝。 ?安裝后如圖。 ?選擇需要打包的場景,無特殊要求

    2024年02月06日
    瀏覽(31)
  • Unity3D WebGL平臺使用WebSocket通信的方法和示例

    Unity3D WebGL平臺使用WebSocket通信的方法和示例

    ? ? ? 之前在WebGL平臺和服務(wù)端交互的時候使用的是UnityWebRequest,通過WebAPI的方式進行交互,后來發(fā)現(xiàn)可以用WebSocket交互后就果斷換了WebSocket。 一、Unity3D客戶端 我在Unity端使用的是 NativeWebSocket NativeWebSocket下載地址 直接導(dǎo)入Unity即可, 下面是適配的代碼,直接掛載在GameObject。

    2024年02月11日
    瀏覽(26)
  • 淺談 JSON 對象和 FormData 相互轉(zhuǎn)換,打通前端與后端的通信血脈

    淺談 JSON 對象和 FormData 相互轉(zhuǎn)換,打通前端與后端的通信血脈

    大家都知道,前端在和后臺進行交互聯(lián)調(diào)時,肯定避免不了要傳遞參數(shù),一般情況下, params 在 get 請求中使用,而 post 請求下,我們有兩種常見的傳參方式: JSON 對象格式和 formData 格式,但是一些場景是需要我們對這兩種數(shù)據(jù)格式進行轉(zhuǎn)換的,例如表單提交,有些是 JSON 對

    2023年04月16日
    瀏覽(24)
  • vue項目接入unity3D模塊并進行數(shù)據(jù)通信

    vue項目接入unity3D模塊并進行數(shù)據(jù)通信

    unity工程師會提供一個前端可使用的包,將其放在vue項目的 public 下,我這里以 unity 文件夾命名

    2024年02月01日
    瀏覽(20)
  • Unity打包WebGL: 導(dǎo)入Vue

    Unity打包WebGL: 導(dǎo)入Vue

    1.1 任務(wù) 記錄將 Unity 項目打包成 WebGL ,并集成到 Vue 項目中的過程。 1.2 環(huán)境 Unity : 2021.3 Vue : 2 2.1 UI 界面 2.2 添加插件 構(gòu)建 WebGL 項目需要添加一個 .jslib 文件,用于 Unity 腳本函數(shù)與 JavaScript 函數(shù)交互 詳細內(nèi)容參考:Unity(WebGL)與JS通訊2022最新姿勢 web.jslib 文件內(nèi)容 2.3 添加腳

    2024年02月11日
    瀏覽(18)
  • Unity webgl 嵌入Vue實現(xiàn)過程

    Unity webgl 嵌入Vue實現(xiàn)過程

    Unity webgl嵌入到前端網(wǎng)頁中,前端通過調(diào)用Unity webgl內(nèi)方法實現(xiàn)需要展示的功能,前端點擊Unity webgl內(nèi)的交互點,Unity webgl返回給前端一些需要的數(shù)據(jù)。 例如:當(dāng)我們需要在三維場景中展示庫區(qū)中一些監(jiān)控設(shè)備的部署位置,通過點擊三維場景中的監(jiān)控按鈕打開當(dāng)前監(jiān)控設(shè)備的實

    2024年02月05日
    瀏覽(29)
  • springboot項目開啟ssl雙向認證且實現(xiàn)相互訪問通信瀏覽器訪問通信

    springboot項目開啟ssl雙向認證且實現(xiàn)相互訪問通信瀏覽器訪問通信

    1、服務(wù)器端===生成自簽名證書** 這段命令是使用Java的keytool工具生成一個RSA算法的密鑰對,并將其保存在名為server.jks的密鑰庫文件中。以下是各個參數(shù)的解釋: -genkeypair:生成密鑰對的命令。 -keyalg RSA:指定使用RSA算法生成密鑰對。 -keysize 2048:指定生成的密鑰長度為2048位。

    2024年03月21日
    瀏覽(24)
  • 基于Unity開發(fā)WebGL項目加載AB包(三)

    基于Unity開發(fā)WebGL項目加載AB包(三)

    在前兩篇文章中,我們分別了解了WebGL如何通過StreamingAssets加載AB包資源(鏈接:基于Unity開發(fā)WebGL項目加載AB包(一)_梵高先森丶的博客-CSDN博客)和如何通過局域網(wǎng)(本地服務(wù)器)加載AB包資源(鏈接:基于Unity開發(fā)WebGL項目加載AB包(二)_梵高先森丶的博客-CSDN博客),那么本文,

    2024年02月13日
    瀏覽(23)
  • Unity Webgl項目判斷當(dāng)前是手機還是電腦運行

    Unity Webgl項目判斷當(dāng)前是手機還是電腦運行

    首先:注意了! 該方法需要unitywebgl導(dǎo)出后才能看到效果?。?!(特別注意,在unity中運行 會顯示 大概意思是 找不到HelloFloat 方法) 首先需要寫一個JS的腳本,主要是調(diào)用mergeInto();方法,第一個參數(shù)不用變,第二個參數(shù)就是JS的方法集合。寫完之后將這個文件的后綴改為.jslib,名稱

    2024年03月13日
    瀏覽(84)
  • 【Unity】3D貪吃蛇游戲制作/WebGL本地測試及項目部署

    【Unity】3D貪吃蛇游戲制作/WebGL本地測試及項目部署

    本文是Unity3D貪吃蛇游戲從制作到部署的相關(guān)細節(jié) 項目開源代碼:https://github.com/zstar1003/3D_Snake 試玩鏈接:http://xdxsb.top/Snake_Game_3D 效果預(yù)覽: 試玩鏈接中的內(nèi)容會和該效果圖略有不同,后面會詳細說明。 經(jīng)典貪吃蛇游戲:蛇身隨著吃食物的增加不斷變長,通過A/D或方向鍵←→

    2024年02月07日
    瀏覽(17)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包