bridge.net可以将C#代码转换成javascript,基于这种原理就可以将MonoGame游戏的编译成html+js运行于Web平台。

下面我来介绍一下如何使用MonoGameBridge将MonoGame游戏编译成javascript运行于Web平台。

下载安装项目模板:MonoGameBridgeVSIX   开源地址:https://github.com/chengcong/MonoGameBridge

下载解压后,双击image 进行安装,点击【Install】

image

安装完成,点击【Close】

image

 

 

 

打开Visual Studio 2017,【文件】【新建】【项目】

image

点击【Visual C#】找到【MonoGameBridge】,输入名称,存储位置等点击【确定】

 

image

可以看到当前项目和MonoGame的不同是多了一个index.html和bridge.js,初次使用可以忽略它们,只要知道bridge.js是monogame编译成javascript的配置文件,index.html是加载javascript的页面。开发游戏使用的还是C#和MonoGame并没有区别。

image

游戏开发完成以后,选中项目右键【生成】或【重新生成】

image

image

选中项目右键【在文件资源管理器中打开文件夹】

 

image

一次点开【bin】【Debug】 【net462】目录,这时候你会看到已经编译生成的html和js文件。image

发布到web

只需要将上述【bin】【Debug】 【net462】目录中的html,js文件和Content目录上传到网站目录即可!

注意:需要将xnb加入到网站服务器的mime中,以IIS为例:

image

image

扩展名输入.xnb,MIME类型输入application/zip

image

打开网址既可以! 为了方便调试,可以将IIS网站的根目录设置为本项目生成目录:MonoGameBridgeProject\bin\Debug\net462

 

本项目所有代码开源:https://github.com/chengcong/MonoGameBridge