需求分析
功能要求
当玩家使用不支持 unity webplayer 的浏览器进入游戏时,让玩家通过微端玩游戏。
确保微端的功能和页游戏功能一致。
大体功能就是为unity web game开发微端,注:本文的微端做法也可适用于其它引擎的游戏项目。
运行环境
操作系统:Windows XP/7/8/10 x86/x64 (windows all) ,Mac和Linux用户可使用网页进入游戏
开发工具:Visual Studio 12/13/15 ,Unity3D 4.x 5.x
附加条件:已安装.NetFramework 2.0 及以上版本
流程图
文件说明
- wdSetup:微端安装程序
- fileUpdate:微端更新程序
- xxLauncher:微端启动器
- uninst:微端卸载程序
开发过程
version log
v0.1 原本老微端是使用C++编写登录器,主要技术是嵌入网页的方法,年代已久加上人员变动,没有交接到源码……
v0.2 由于种种某因,C++那边觉得.Net做这块可以快速出成品,所以技术上改用C#
v0.2 在2015年底,.NetCore正式还未发布,doNet的跨平台方案选择上mono较成熟,故考虑mono的GTK
v0.3 计划突然提前,mono gtk技术还没摸热,运营就要微端版本了,故改用windows 平台的doNet
v0.4 按照运营计划,完成开发并投入使用(使用wpf开发)
v0.5 0.4版本中使用的wpf技术需要.net framework3.5及以上版本,运营过程中发现玩家电脑并非都有安装,故考虑winform(仅需.net framework2.0)
v0.6 winform版本做法也是登录器+嵌入网页的实现方式,但运营觉得体验不够好(尤其在windows10下),同样需要玩家安装unity webplayer插件。
v0.7 改进做法:登录器 + 导出unity PC,MAC && Linux Standalone 工程(可执行程序)
已知问题
删除某个重要文件,无法启动。
roadmap
- 刷新和清除缓存功能
- 区分内网和外网版本
- 登录器能否调用用户的默认浏览器,而非IE?
- 提出好的方法标识文件版本,而非通过txt标记?
- 业务功能抽成dll,方便热更新主程序。
- 与运维平台整合,全自动化流程包括打包,签名,发布。
相关知识
system.diagnostics.process
https://msdn.microsoft.com/zh-cn/library/system.diagnostics.process%28v=vs.110%29.aspx
winform MSDN资料
https://msdn.microsoft.com/zh-cn/library/dd30h2yb(v=vs.110).aspx
WPF MSDN资料
https://msdn.microsoft.com/zh-cn/library/ms742119(v=vs.110).aspx
为Windows平台构建Unity插件
C# Call Windows API Messagebox
WIN32 API:C# calling a DLL API, in this case, MessageBox in user32.dll:http://snipplr.com/view/17634/
using System; using System.Runtime.InteropServices; class Example { // Use DllImport to import the Win32 MessageBox function. [DllImport("user32.dll", CharSet = CharSet.Unicode)] public static extern int MessageBox(IntPtr hWnd, String text, String caption, uint type); static void Main() { // Call the MessageBox function using platform invoke. MessageBox(new IntPtr(0), "Hello World!", "Hello Dialog", 0); } }
Unity调用doNet的dll
以winform的dll为例
1. 找到System.Windows.Forms.dll,并导入System.Windows.Forms到Unity工程的Pulgins目录
2. 修改player settings中api compatibillity Level 为 .NET2.0
3. 在Unity代码中调用winform的api
示例代码:https://github.com/zhaoqingqing/blog_samplecode/blob/master/Sample_Unity_WinForm.cs
窗体和控件的透明
窗体透明
1. 在Picturebox中放置背景图片,并至于底层。
2. using the Form.TransparencyKey property(设置Form透明)
3. 确保Form的TransparentKey和BackColor一致,并设置From的Border为None
4. 运行,就可以看到背景图多余的白边没有了。(PS:winform原生不支持alpha透明通道,需要美术调整图像)
//this.BackColor = Color.Black;//设置边角的颜色 //this.BackColor= new Color(); this.TransparencyKey = BackColor;//!imporant确保此属性和BackColor一致 this.FormBorderStyle = FormBorderStyle.None;
Form透明
stackoverflow:How to make winform window transparent and picture Visible?
另一个Demo:Transparent Borderless Forms in C#
图片和控件透明(GDI+)
codeproject:How to Use Transparent Images and Labels in Windows Forms
按钮图片透明
美术计划在Unity中制作Button一样,底图+图片文字描述,但是实际开发过程中,使用winform的button组件制作这个效果费时,还达不到理想效果,比如文字是图片的话,图片位置还调出满意的位置,下图是winform原生的button背景图和图片的属性
最后是使用两个PictureBox叠加在一起来达到效果的。
动画部分
How to show and hide form using sliding effect of AnimateWindow function using c#?
Picturebox.Image.Name无法获取
public void MouseEvent(object sender, EventArgs eventArgs, int animType, bool enter) { if (sender is PictureBox) { //FIX PictureBox无法获得图片的Name var pictureBox = sender as PictureBox; var hoverPicName = enter ? "pic_enter" : "pic_normal"; var obj = Resources.ResourceManager.GetObject(hoverPicName); if (obj != null) { pictureBox.Image = obj as Image; } } }
鼠标滑过更换图片/动画
winform原生button没有NGUI的button那样提供交互动画,这个还是要靠自己的动手。
PictureBox交互动画示例:https://github.com/zhaoqingqing/blog_samplecode/blob/master/LauncherForm_Snippet.cs
把图片合进Exe
1、选中项目,右键 - 属性 - 资源 ,点击下拉列表,选择图像。
2、多选需要的图片,拖动到资源中
3、在需要图片的控件中从 项目资源文件中选择,图片size模式为:AutoSize
4、注意:图片被替换之后,要重新选择一次图片,才会刷新。(PS.这是我遇到的问题)
代码调用图片
xx.Image = Resources.你的图片名 as Image
this.Icon = Resources.icon;
自动化Visual Studio流程
自动化visual studio编译 exe或dll 的过程,整合进运维平台流程,解放双手。
devenv 命令行参数:https://msdn.microsoft.com/zh-cn/library/xee0c8y7.aspx
遇到问题:参数错误
未能完成操作。参数错误。 用法: devenv [解决方案文件 | 项目文件 | 任意文件.扩展名] [开关] devenv 的第一个参数通常是一个解决方案文件或项目文件。 如果您希望在编辑器中自动打开文件, 也可以使用任何其他文件作为第一个参数。当您输入项目文件时,IDE 会在项目文件的父目录中查找与该项目文件具有相同 基名称的 .sln 文件。如果不存在这样的 .sln 文件, IDE 将查找引用该项目的单个 .sln 文件。如果不存在这样的单个 .sln 文件,则 IDE 将创建一个具有默认 .sln 文件名的未保存 的解决方案,其基名称与项目文件的基名称相同。 命令行生成: devenv 解决方案文件.sln /build [ 解决方案配置 ] [ /project 项目名称或文件 [ /projectconfig 名称 ] ] 可用的命令行开关:
问题的原因是这样的:我创建的csproj文件和vs的sln目录同级,在指定路径时,出现了问题
vs给出的错误提示中指出:可以使用项目项目文件或解决方案文件,所以改成csproj文件就OK了。
cd %~dp0 set log_file=%~dp0\logs\buildlog.log set save_path=%~dp0\release_files\ rem this project don't create sln,use csproj set launcher_sln=%~dp0\Lanucher_WinForm\Lanucher_WinForm.csproj set launcher_files=%~dp0\Lanucher_WinForm\bin\Release\YlLaunch.exe rem note path devenv %launcher_sln% /build Release /project "Lanucher_WinForm.csproj" /projectconfig Release /Out %log_file% copy %launcher_files% %save_path%\Launch_test.exe
示例脚本:https://github.com/zhaoqingqing/blog_samplecode/blob/master/build_vsproject.bat
注意事项:bat语法中 =号两边没有空格,我遇到有空格视为语法错误
set log_file="c:\buildlog.log" set log_file = "c:\buildlog.log"
dll和其它文件合并到一个exe
ILMerge
下载:https://www.microsoft.com/en-us/download/details.aspx?id=17630
C#中用ILMerge将所有引用的DLL和exe文件打成一个exe文件
踩过的坑
- WebBrowser在窗口大小改变闪动
- WinForm图片替换了还要重新浏览才会刷新