有个机会来了!!!STEAM
Creator星球游戏开发社区
共 7627字,需浏览 16分钟
· 2021-08-30
Cocos 官方今天发布了 Cocos Creator 3.3.0 版本,《奔跑吧小仙女》同步升级最新版引擎,购买过的伙伴可免费升级。
Cocos Store 购买的用户,使用 Cocos Store 3.x 版本引擎进入商店即可下载最新版本;
在 Cocos 微店购买的用户,请进入微店联系客服发送消息『升级小仙女』客服人员将会给你发送新版链接。
后续会打通Cocos微店与Cocos帐号的互通,敬请期待!
游戏链接:
https://store.steampowered.com/app/1636700/Wirewalk/
Node.js
来实现,所使用到的工具包括 Electron
和 Greenworks
。基于 Electron
,可以轻松将 Cocos Creator 发布到任何桌面。注:本文所有命令行都将从 Windows VSCode
终端或Windows Powershell
运行。
1
了解 Node.js
Node.js
是一个功能强大的工具,通过使用 JavaScript
作为通用语言部署到许多原生平台,可以开发多种类型的应用程序和其他工具。2
安装 Electron
Node.js
(请选择最新的稳定版本)Electron
项目,打开 VSCode
,找到你想要的项目文件夹,然后输入:npm init -y
npm i --save-dev electron
index.js
的文件,内容如下:const { app, BrowserWindow } = require('electron')
app.on('window-all-closed', function() {
if (process.platform != 'darwin')
app.quit();
});
app.on('ready', function() {
mainWindow = new BrowserWindow({
width: 768,
height: 768,
show: true,
fullscreen: false,
resizable: false,
frame: true,
title: "MyGame"
});
mainWindow.removeMenu();
mainWindow.on('closed', function() {
mainWindow = null;
});
});
electron .
MyGame
的空白应用程序窗口,说明你已完成。BrowserWindow
。了解更多创建 Electrom 信息:https://www.electronjs.org/docs/tutorial/quick-start#create-the-main-script-file
将项目从 Creator 导出到 Electron
Electron
项目中的某处,在 Electron
项目的根文件夹中创建一个名为cocosExport
的子文件夹。Electron
的 index.js
,你要做的是在创建 mainWindow
对象后在任何地方添加:mainWindow.loadURL('file://' + __dirname + '/cocosExport/web-desktop/index.html').then(() =>{
});
electron .
HTML
以及 Electron
的 BrowserWindow
进行额外调整,使其看起来更流畅。接下来,讲一下如何集成 Steamworks API。安装 Greenworks 和 Steamworks API
Steamworks
本身不支持 Electron
(甚至在 JavaScript
中也不支持),因此你需要下载一个名为 Greenworks
的工具。这个工具也是一个 Node.js
包,它通过在 JavaScript
中暴露一个接口来访问 Steam API
的本地编译的 C++
函数。下载 Greenworks 和 Steamworks API
Greenworks
存储库的主分支并将其放在单独的文件夹中。Steamworks API
,将 Steamworks API
放在 Greenworks
根目录下的 deps
文件夹中,并将 Steamworks
文件夹重命名为steamworks_sdk
。我们需要构建 Greenworks
,以便二进制文件在你下载并已安装的 Node.js
版本上正常运行。构建 Steamworks
Greenworks
的根文件夹中运行 Greenworks
,以便正确安装所有依赖项。npm install
Greenworks
本身。我们需要一个名为 node-gyp
的 node.js
构建工具。node-gyp
:npm install node-gyp -g
Greenworks
项目的根目录中运行以下命令来构建 Greenworks
:node-gyp rebuild --target=<electron_version> --arch=x64 --dist-url=https://atom.io/download/atom-shell
electron
版本更改 electron
版本,例如 12.0.7 ,相关文件会在里面:build\Release\greenworks-win64.node了解更多构建 Greenworks
的信息:https://github.com/greenheartgames/greenworks/blob/master/docs/build-instructions-electron.md
Greenworks
复制到你的 Electron
项目并加载它。Electron
项目中。Electron
项目的根文件夹中创建一个名为 Greenworks
的文件夹。在其中,复制 Greenworks
项目根文件中的 greenworks.js
文件和 lib
文件夹。lib
文件夹中,将文件 greenworks-win64.node
替换为你在上一步中构建的文件。index.js
文件顶部添加以下行:const greenworks = require(‘./greenworks/greenworks’);
Greenworks
对象以查看它具有哪些方法。启动 Greenworks
Greenworks
,需要做的第一件事是创建一个名为 steam_appid.txt
的文件,其中包含你的应用程序 ID
而没有其他任何内容。应用程序 ID
是商店中的那个,比如我的游戏《Wirewalk()↳》,Steam 是1636700。不要将此 txt
文件复制到本教程最后一步的最终版本中,因为它仅用于测试目的。
Greenworks
了!let relaunch = greenworks.restartAppIfNecessary(1636700);
if(relaunch){
app.quit();
}
else{
if(greenworks.init()){
console.log('Steam inited successfully');
loadWindow();
}
else{
app.quit();
}
}
Greenworks
应该是你收到“ready”事件后要做的第一件事。restartAppIfNecessary
函数可防止游戏在 Steam 之外启动并通过从 Steam 打开它来重新启动它。但这只是为了发布——因为文件 steam_appid.txt
的存在会使 restartAppIfNecessary
总是返回 false
。Cocos 和 Electron 之间的通信 - 成就
成就功能
来举例说明使用 Steamworks
的功能。Steamworks
网站上创建一个成就:API
名称是我们需要传递给 greenworks
的名称。类
来处理与 Electron
的通信,你可以在成就逻辑确定发布成就的时间后调用该类。此代码在 TypeScript
中:export default class Electron
{
static releaseAchievement(id: string): void
{
(window as any).electron.ipcRenderer.invoke('releaseAchievement', id);
}
}
Electron.releaseAchivement('bad_cats');
electron
的对象。这个 electron
对象将成为我们与 Cocos 进程中的 Electron
进程进行通信的大门。我们将通过调用 invoke
方法进行通信,使用字符串参数来标识要调用的回调,后跟任意数量的参数。electron
。我发现更简单的方法是通过编辑构建项目时由 Cocos 生成的结果HTML
(在 cocosExport
文件夹中的 index.html
),将以下内容添加到输出 HTML
,在 <body >
tag之前。<script>
window.electron = require('electron');
</script>
electron js
文件并给出错误,因为它无法找到它。Electron
浏览器窗口的 HTML
可以与本机节点进程通信。本质上使 electron.js
可用。为此,我们需要在创建 BrowserWindow
时传递这些额外的参数。webPreferences: { nodeIntegration: true, contextIsolation: false }
Electron
上添加接收器功能。创建 mainWindow
后,可以在任何位置添加此代码。ipcMain.handle('releaseAchievement', (event, achievementString) => {
console.log('releasing achievement', achievementString);
greenworks.activateAchievement(achievementString);
});
handle
方法是与invoke
匹配的方法。在这个例子中,Electron
收到 releaseAchievement
息后,它会调用 reenworks
tivateAchievement
告诉它为用户激活成就。electron .
将项目导出到 Windows、Mac 或 Linux
electron-packager
。npm install electron-packager -g
electron-packager . MyGame --platform=win32 --arch=x64 --overwrite
–platform
值来构建 Mac 和 Linux,可以在 electron
文档中找到可用平台的列表。https://electron.github.io/electron-packager/master/modules/electronpackager.html#officialplatform
评论
真心建议大家搞个香港身份,再不冲就晚了
香港一直有“互联网荒漠”之称,疫情这三年,香港开始大力扶持互联网 科技工程 /IT产业,公布了《香港智慧城市蓝图》。目前规划已经覆盖到交通、医疗、经济、教育、环境等多个方面。目前在智能制造,5G网络、智慧城市等领域人才,通过香港优才计划入境都极具优势。什么是香港优才计划优才计划,全称优秀人才入境计划
公子龙
0
Node.js 22 来了!
大厂技术 高级前端 Node进阶点击上方 程序员成长指北,关注公众号回复1,加入高级Node交流群本周 Node.js 22 版本发布了!亮点包括 require() ES 模块、WebSocket 客户端、V8 JavaScript 引擎的更新
程序员成长指北
0
Java8 Steam流太难用了?那你可以试试 JDFrame
来源:juejin.cn/post/7356652717392740404👉 欢迎加入小哈的星球 ,你将获得: 专属的项目实战 / Java 学习路线 / 一对一提问 / 学习打卡 / 赠书福利全栈前后端分离博客项目 2.0 版本完结啦, 演示链接
小哈学Java
1
顶级 Javaer 都在用的 20 个类库,真香!
点击关注公众号,Java 干货及时推送↓推荐阅读:投了 100 多份简历后…优秀且经验丰富的Java开发人员的特征之一是对API的广泛了解,包括JDK和第三方库。我花了很多时间来学习API,尤其是在阅读了Effective Java 3rd Edition之后 ,Joshua Bloch建
Java技术栈
1
面试官:在原生input上面使用v-model和组件上面使用有什么区别?
前言面试官:vue3的v-model都用过吧,来讲讲。粉丝:v-model其实就是一个语法糖,在编译时v-model会被编译成:modelValue属性和@update:modelValue事件。一般在子组件中定义一个名为modelValue的props来接收父组件v-model传递的值,然后当子组
高级前端进阶
0
上班的时候,有一群摸鱼搭子非常重要...
上班的时候,有一群摸鱼搭子非常重要!一到上班时间,他们就从四面八方涌进群里冒泡...从八卦聊到股市、从职场聊到乌X兰局势,偶尔还会复读、相亲、battle...然后,下午6点钟准时消失不见...所以你要不要加入我们一起摸鱼?我们有北京、上海、深圳、广州、杭州、武汉、成都、南京等8个城市的摸鱼群,还有
产品经理日记
0
知乎高问:程序员有必要知道为什么做某个功能吗?
将Python客栈设为“星标⭐”第一时间收到最新资讯前言知乎上有一个提问:程序员有必要知道为什么做某个功能吗?↓↓↓今天,我们就这个话题一起来做个讨论。不知道程序员的你,在接到产品经理提的一个需求后,是习惯马上动手开始撸代码呢?还是会先暂停一下,认真思考一会如下一些问题,比如这个需求产生的背景是什么
Python客栈
0
五一Python抢票神器来了
还在为五一回家抢不到火车票发愁吗?今天介绍一个Python抢票神器,希望对你有帮助。Py12306是一个流行的开源项目,旨在帮助用户更便捷地查询和预订中国铁路12306网站上的火车票。以下是使用Py12306的基本步骤和一些注意事项:安装与环境准备安装Python: 确保你的系统中安装了Python
Python小二
1