做宣传海报网站,wordpress 七牛设置,静态网站说明书,珠海网站建站一、webgl打包
创建一个空项目#xff08;或者直接使用现成的项目都可以#xff09;这里以该空项目为例子 注意#xff1a; 如果你的unity项目中有文字#xff0c;不需要使用unity默认的字体#xff0c;需要更改它的字体#xff0c;否则在最后生成的页面中会显示不出来…一、webgl打包
创建一个空项目或者直接使用现成的项目都可以这里以该空项目为例子 注意 如果你的unity项目中有文字不需要使用unity默认的字体需要更改它的字体否则在最后生成的页面中会显示不出来文字
好在你的windows在C盘自带了字体我这里使用的微软雅黑来进行了替换别的字体我没有测试可自行尝试。 点击file ---》 Building Settings ---》 Player Settings ---》 Publishing Settings 勾选 点击Build之后进行打包最终在指定目录下生成三个文件打包完成 直接点击index.html是无法直接运行的会报错 这是因为它需要通过一个本地或远程服务器例如通过 http:// 协议访问并占用一个端口来运行。
这里我们除了可以直接使用vscode的 Open with Live Server之外还可以使用IIS托管这个web服务器 二、IIS托管Web服务器
打开 控制面板 ---》 程序 ---》 启用或关闭Window功能
将IISInternnet Information Services的全部选项打开 这样就可以在电脑上找到一个叫IIS管理器的东西 打开之后右键网站添加网站 然后再在webgl生成的文件中添加一个Web.config文件就行了代码如下
?xml version1.0 encodingUTF-8?
configurationsystem.webServerstaticContentmimeMap fileExtension.unity3d mimeTypeapplication/octet-stream /mimeMap fileExtension.unityweb mimeTypeapplication/binary /remove fileExtension.mem /mimeMap fileExtension.mem mimeTypeapplication/octet-stream /remove fileExtension.data /mimeMap fileExtension.data mimeTypeapplication/octet-stream /remove fileExtension.memgz /mimeMap fileExtension.memgz mimeTypeapplication/octet-stream /remove fileExtension.datagz /mimeMap fileExtension.datagz mimeTypeapplication/octet-stream /remove fileExtension.unity3dgz /mimeMap fileExtension.unity3dgz mimeTypeapplication/octet-stream /remove fileExtension.jsgz /mimeMap fileExtension.jsgz mimeTypeapplication/x-javascript; charsetUTF-8 /remove fileExtension.lua /mimeMap fileExtension.lua mimeTypetext/x-lua /remove fileExtension.assetbundle /mimeMap fileExtension.assetbundle mimeTypeapplication/octet‐stream /remove fileExtension.txt /mimeMap fileExtension.txt mimeTypeapplication/octet‐stream /remove fileExtension.manifest /mimeMap fileExtension.manifest mimeTypeapplication/octet‐stream /remove fileExtension. /mimeMap fileExtension. mimeTypeapplication/octet‐stream /remove fileExtension.* /mimeMap fileExtension.* mimeTypeapplication/octet‐stream /remove fileExtension. /mimeMap fileExtension. mimeTypeapplication/octet‐stream //staticContentdirectoryBrowse enabledtrue //system.webServer
/configuration目录最后是这这样的 这样我们就可以在 http://localhost:8090 这个url中访问到我们的webgl网页了 三、部署至Vue
在你要展示的vue组件中使用iframe容器来展示这个页面
templateiframe srchttp://127.0.0.1:8090/ width1280 height720 webkitallowfullscreentrue mozallowfullscreentrueallowfullscreentrue frameborder0/iframe
/templatescript setup/scriptstyle/style
其中属性的意思为 然后启动Vue项目 npm run dev 就可以在这个组件页面中看到这个webgl页面了
