本文纯属瞎折腾+水,Wallpaper Engine 制图 dalao 完全可以绕过

闲得没事翻出了在 Steam 吃灰已久的 Wallpaper Engine,开始折腾起了如何制作 Wallpaper Engine 壁纸,发现了一个有点有趣的东西。

snipaste_20170625_111405

于是我就拿 GameMaker:Studio 试水去了,刚好在 Steam 社区发现有外国玩家率先试水成功还发了一篇指南:http://steamcommunity.com/sharedfiles/filedetails/?id=783506171&searchtext=gamemaker

这个方法在 Steam 的 Wallpaper Engine 社区早有先例,这里我把社区的指南拿过来研究一下,顺便自己写一遍让大家能看得懂。

注意事项

本教程利用了 Wallpaper Engine 的网页壁纸功能,因此所有支持导出 HTML5 的游戏引擎均可采用此制作方式。

【HTML5 大法好(手动滑稽)】

正题

准备游戏

先准备好一个已经准备好的游戏(此处引用官方范例)

然后打开游戏的 Global Game Settings,确认游戏的输出名(即图里的 HTML5 output name)是否为 index.html,如果是就不用管了,如果不是要改回 index.html。

然后取消勾选 Display "running outside server" alert 选项(就是允许调用本地文件,取消后会弹出一个窗口,因为这么做可能会影响浏览器安全)

snipaste_20170625_112651

然后保存它导出这个游戏。

然后你就会得到这三个文件了。snipaste_20170625_113450

如果没问题的话那么就可以直接去 Wallpaper Engine 制作壁纸了。

美化(可选)

如果你的游戏尺寸过大,会有一个滚动条,这玩意巨丑的说,所以这里要去掉这个滚动条。

去掉滚动条非常简单,只要给 index.html 的 body 设置 CSS overflow 属性为 hidden 即可。

这是代码:

overflow: hidden;

完整代码如下:

body {
    overflow: hidden;
    background: #000000;
    color:#cccccc;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

Wallpaler Engine 开始

打开 Wallpaler Engine,选择“新网页壁纸”,导入刚刚存放游戏的目录,工程名称随意:

snipaste_20170625_115010

然后预览一下。

snipaste_20170625_115145

最后打开 Wallpaper Engine 更换壁纸试试吧,就像这样。

snipaste_20170625_115542

关于游戏居中

可以利用 GameMaker Language 的函数 window_center() 设置。

唯一的问题

无法使用键盘控制,这个不算 BUG,因为 Wallpaper Engine 官方根本就不准备做这个,所以你只能像制作手机游戏那样纯触控操作咯。

至于怎么发布,大家都懂的,不懂看官方指南就行。


一个苦逼高中党的日常