GDevelop的下载、你好、打包

1、下载

访问GDevelop的Github发行页面下载

2、创建项目

左侧菜单栏,点击构建,右侧主界面,点击+ 创建一个项目,弹出新建项目窗口
项目名称改为Hi GDevelop!
存储此项目的位置,改为您的电脑
取消勾选允许玩家在游戏中进行身份验证
点击创建项目

3、重命名场景,修改窗口标题

Untitled scene界面(可能又叫未命名场景),点击项目管理器按钮
在这里插入图片描述
右键Untitled scene,重命名,修改为主场景
在这里插入图片描述
修改后,单击打开主场景
点击打开设置按钮,打开主场景属性
在这里插入图片描述
输出窗口标题为主窗口,点击确定

4、添加按钮和文本

  1. 按钮
    右下角点击+添加一个新对象,显示新建对象窗口
    选择用户界面 - 面板精灵按钮
    选择第一个按钮BlackDecoratedButton就行
    右侧对象列表,右键BlackDecoratedButton,点击编辑对象
    要显示的初始文本改为点击按钮
    点击应用
  2. 文本
    右下角点击+添加一个新对象,显示新建对象窗口
    选择文本 - 文本
    大小改为150
    要显示的初始文本改为Hi GDevelop!
    点击应用
  3. 添加
    右侧对象列表,拖拽BlackDecoratedButtonNewText到预览界面

5、设置场景事件

右键任意对象,选择打开场景事件

点击+添加事件
点击添加条件
选择BlackDecoratedButton对象
右侧选择,BUTTON (PANEL SPRITE)分类下的Is clicked
点击确定

点击添加条件右侧的添加操作
选择NewText对象
右侧选择,修改文本
最右侧,修改符号,选择一个操作符,选择= (设为)
最右侧,文本,输入"你好,GDevelop!"
点击确定

再点击添加条件右侧的添加操作(追加一个操作)
选择NewText对象
右侧选择,位置分类下的X 位置
最右侧,修改符号,选择一个操作符,选择= (设为)
最右侧,值,输入50"(修改后文字变长,向左挪挪)
点击确定

6、预览

点击抬头位置的预览按钮
请添加图片描述

7、发布到web平台

  1. 发布
    点击抬头位置的发布按钮,查看右侧,导出并在其他平台发布
    点击导出到其他平台,显示发布你的游戏窗口
    选择Web
    点击选择目录选择导出文件夹
    在项目根目录创建文件夹.My projectoutweb,选择此文件夹
    点击导出为 HTML5 游戏
  2. 运行
    借用Live Server插件的服务器能力,运行html以及加载相关文件
    同样的,有服务器功能的软件都可以做到
    例如:Live Previewpython -m http.server 8000fenix(JS)、Caddy file-server(Go)、gohttpserver(Go)、ran(Go)、miniserve(Rust)、static-web-server(Rust)、使浏览器支持file协议

    VSCode安装Live Server插件
    用VSCode打开.My projectoutweb文件夹
    点击VSCode右下角Go Live启用本地服务器
    浏览器将自动打开
    在这里插入图片描述

8、手动发布到桌面平台

  1. nvm
    安装nvm
    运行cmd /c "nvm install 18.15.0 && nvm use 18.15.0 && npm config set registry https://registry.npmmirror.com"

  2. 发布
    点击抬头位置的发布按钮,查看右侧,导出并在其他平台发布
    点击手动创建,显示手动创建窗口
    选择桌面
    点击选择目录选择导出文件夹
    在项目根目录创建文件夹.My projectoutwin_manual,选择此文件夹
    点击

  3. win_manual
    点击打开文件夹,打开.My projectoutwin_manual文件夹

  4. 图标
    下载png文件改名为icon.png,放在.My projectoutwin_manual文件夹
    访问https://github.com/Hunlongyu/electron-icon-builder/releases
    下载Electron-icon-builder.7z,解压后将其放在.My projectoutwin_manual文件夹
    运行electron-icon-builder.exe,点击Confirm生成图标

  5. 更新依赖
    在该路径下找到package.json
    编辑该文件(更改为最新版本,保证没有类似12 vulnerabilities (6 moderate, 6 high)的报错即可),例如
    "electron": "18.2.2"改为"electron": "23.2.1"
    "electron-builder": "22.11.11"改为"electron-builder": "24.1.2"

  6. npm安装
    在该路径下运行cmd /c "set ELECTRON_MIRROR=https://npmmirror.com/mirrors/electron/&& npm install"

  7. 下载electron压缩包
    在该路径下运行npx electron-builder --win --x64
    注意输出,获取下载地址
    例如:https://github.com/electron/electron/releases/download/v23.2.1/electron-v23.2.1-win32-x64.zip
    按两次Ctrl+C停止运行
    根据下载地址在npmmirror上手动下载electron压缩包
    下载完压缩包放入%LOCALAPPDATA%electronCache路径

  8. 下载winCodeSign
    再次运行npx electron-builder --win --x64
    获取下载地址https://github.com/electron-userland/electron-builder-binaries/releases/download/winCodeSign-2.6.0/winCodeSign-2.6.0.7z
    手动下载后解压
    解压路径举例:%LOCALAPPDATA%electron-builderCachewinCodeSignwinCodeSign-2.6.0rcedit-x64.exe

  9. 下载nsis
    再次运行npx electron-builder --win --x64
    获取下载地址https://github.com/electron-userland/electron-builder-binaries/releases/download/nsis-3.0.4.1/nsis-3.0.4.1.7z
    手动下载后解压
    解压路径举例:%LOCALAPPDATA%electron-builderCachensisnsis-3.0.4.1NSIS.exe

  10. 下载nsis-resources
    再次运行npx electron-builder --win --x64(文件只有700多k,一不小心就下载成功了,可以不用手动下载)
    获取下载地址https://github.com/electron-userland/electron-builder-binaries/releases/download/nsis-resources-3.4.1/nsis-resources-3.4.1.7z
    手动下载后解压
    解压路径举例:%LOCALAPPDATA%electron-builderCachensisnsis-resources-3.4.1plugins

  11. 生成
    运行npx electron-builder --win --x64
    安装包:.My projectoutwin_manualdistHi GDevelop! Setup 1.0.0.exe
    程序文件夹:.My projectoutwin_manualdistwin-unpacked

9、发布到桌面平台

需要创建一个帐户才能使用该功能
什么?注册不上?那还发布个屁啊



请添加图片描述

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
THE END
分享
二维码
< <上一篇
下一篇>>