开维游戏引擎:H5网页游戏导出exe,html,微信小游戏,安卓apk
一、 运行效果
目标:将现有的网页游戏,导出:exe、web页面、微信小游戏、安卓apk
工具:vscode+cline+skill+deepseek等工具,实现整个流程,全程自动化
效率:网页游戏AI转成html+wasm形式,运行效率提高几倍
说明:这种方式也是快速复刻网页游戏的新路线。不仅是网页游戏,普通网页也可以直接转成exe、web页面、微信小游戏、安卓apk。利用AI可以直接编写或快速导出应用
“开心消消乐”网页游戏源码下载地址:
https://github.com/LIUBOliubo/Games/tree/master/games/kaixinlian
原版网页运行效果:

导出的windows版本exe运行效果:

生成四个应用:exe,web,微信小游戏,安卓apk

二、 准备运行环境
2.1 安装开维游戏引擎
下载地址:
https://www.ikaiwei.com/download/gamejs/kaiwei_gameide_setup.exe
默认安装目录说明:
C:\Program Files\KaiweiEngine\gameIde.exe,主程序,支持CLI命令
C:\Program Files\KaiweiEngine\AI,AI资源md文件,用于生成skill
C:\Program Files\KaiweiEngine\example,游戏源码实例,用于ai参考

2.2 vscode安装cline插件
Vscode下载:https://code.visualstudio.com/download
打开插件页面,搜索Cline并安装,注册登录

2.3 Cline配置AI大模型
右上角设置选项配置模型,可使用免费的deepseek,或者付费的API

三、 使用skill
3.1 权限修改
把文件操作权限打开

3.2 导入skill并运行
将“C:\Program Files\KaiweiEngine\AI\skill\kaiwei-game”文件夹复制到vscode创建目录

使用@引用资源,选择“Add Folder”,选择文件夹kaiwei-game

对话生成游戏。注意运行前如果打开了界面IDE程序,先关闭。

由于网页版本中图标是合图,所有让AI直接切图
3.3 运行结果
默认在C:盘根目录下生成游戏工程源码和四个导出应用
如需继续修改,cline中输入需求继续迭代
四、 创建skill
安装程序中,默认有skill,即“C:\Program Files\KaiweiEngine\AI\skill\kaiwei-game”文件夹,如果想根据自己的需求优化skill,参考下面流程。
4.1 安装node
Claude Code 要求 Node.js 版本 ≥ 18.18。
官网下载并安装:https://nodejs.org/en/download
安装后用管理员打开cmd窗口运行node.js –version查看版本

4.2 安装Claude Code CLI
管理员打开cmd命令窗口,输入命名
npm install -g @anthropic-ai/claude-code
验证安装是否成功
claude –version

4.3 使用Claude Code安装插件skill-creator
skill-creator地址:
https://github.com/anthropics/skills/tree/main/skills/skill-creator
管理员打开cmd命令行窗口,输入claude
claude

在聊天框里输入:
请帮我安装skill-creator
安装成功提示

4.4 Claude Code配置大模型
在安装好的claude的目录下,生成settings.json文件,并配置大模型。Claude默认在用户名下。
方法一:
在“C:\Users\用户名.claude”目录下,创建settings.json将下面的内容拷贝到文件中,添加key。
{
"env": {
"ANTHROPIC_AUTH_TOKEN": "sk-你的DeepSeek API Key",
"ANTHROPIC_BASE_URL": "https://api.deepseek.com/anthropic",
"ANTHROPIC_MODEL": "deepseek-v4-pro",
"ANTHROPIC_DEFAULT_OPUS_MODEL": "deepseek-v4-pro",
"ANTHROPIC_DEFAULT_SONNET_MODEL": "deepseek-v4-pro",
"ANTHROPIC_DEFAULT_HAIKU_MODEL": "deepseek-v4-flash",
"CLAUDE_CODE_SUBAGENT_MODEL": "deepseek-v4-flash",
"CLAUDE_CODE_MAX_OUTPUT_TOKENS": "500000"
},
"permissions": {
"allow": [],
"deny": []
}
}

方法二:
右键打开Powershel窗口,拷贝下面两部分内容分别运行。在“C:\Users\用户名.claude”目录下修改settings.json文件中的key值。
创建文件夹:
if (-not (Test-Path "$env:USERPROFILE\.claude")) { New-Item -ItemType Directory -Path "$env:USERPROFILE\.claude" -Force }
生成配置文件和内容,并修改key:
$content = @'
{
"env": {
"ANTHROPIC_AUTH_TOKEN": "sk-你的DeepSeek API Key",
"ANTHROPIC_BASE_URL": "https://api.deepseek.com/anthropic",
"ANTHROPIC_MODEL": "deepseek-v4-pro",
"ANTHROPIC_DEFAULT_OPUS_MODEL": "deepseek-v4-pro",
"ANTHROPIC_DEFAULT_SONNET_MODEL": "deepseek-v4-pro",
"ANTHROPIC_DEFAULT_HAIKU_MODEL": "deepseek-v4-flash",
"CLAUDE_CODE_SUBAGENT_MODEL": "deepseek-v4-flash",
"CLAUDE_CODE_MAX_OUTPUT_TOKENS": "500000"
},
"permissions": {
"allow": [],
"deny": []
}
}
'@
Set-Content -Path "$env:USERPROFILE\.claude\settings.json" -Value $content -Encoding UTF8
4.5 使用skill-creator创建skill
输入下面提示,创建skill。拷贝下面内容,claude中右键,回车运行。
请帮我写一个 skill,功能:用开维游戏引擎函数,自动生成游戏并导出游戏。
需求:
1. 开维游戏引擎安装:
先检测用户是否安装了开维游戏引擎,判断”C:\Program Files\KaiweiEngine\gameIde.exe”文件不存在,则需要下载安装。
安装包下载地址:
https://www.ikaiwei.com/download/gamejs/kaiwei_gameide_setup.exe
安装默认路径是:”C:\Program Files\KaiweiEngine”,安装后有实例和和skill资料库。
安装前判断vscode是否是管理员权限,如果不是管理员权限则提高权限或者是打开一个管理员权限的cmd窗口。
安装时需要使用静默安装命令,不需要用户提示直接安装,命令如下:
kaiwei_gameide_setup.exe /VERYSILENT /SUPPRESSMSGBOXES /NORESTART /SP-
2. 游戏实例资源如下:
C:\Program Files\KaiweiEngine\example\001_HelloWorld 开维游戏工程实例
001_HelloWorld\001_HelloWorld.gmp 工程文件,josn格式,保存文件和资源文件
001_HelloWorld\main.js 游戏js代码
001_HelloWorld\resource\font 资源目录,字体,其中st.ttf文件为字体库
001_HelloWorld\resource\img资源目录,游戏所需要的游戏图片
3. 游戏函数API使用方法和参数说明:
C:\Program Files\KaiweiEngine\AI\skill\KaiweiEngine-api.md
开维游戏代码API用法,包含参数用法和简单的实例,特别注意自动生成游戏代码时,没有的游戏类函数禁止使用,v8引擎自己的js系统函数除外
4. 游戏源码参考:
C:\Program Files\KaiweiEngine\AI\skill\KaiweiEngine-example.md
开维游戏代码实例,包含几个运行实例,涵盖几乎所有的游戏API函数用法,需要给大模型作为知识库使用,没有涉及到的函数,参考游戏函数API使用方法和参数说明
5. 游戏CLI命令行用法:
C:\Program Files\KaiweiEngine\AI\skill\KaiweiEngine-cli.md
开维游戏命令行,用于游戏引擎直接调用游戏js源码运行,导出exe,html,微信小游戏,安卓等命令。导出目录默认为c:盘根目录。
6. 游戏自动生成流程:
1) 新建工程,可以用CLI命令,指定新建工程的目的路径,默认为c:盘根目录
2) 新建工程后,可以把C:\Program Files\KaiweiEngine\example\001_HelloWorld实例中的font,img目录包括目录下的文件都拷贝过去,里面有默认的字体库st.ttf和logo.png
3) 用大模型生成游戏代码后,拷贝到main.js中,如果文件多,则创建新文件,写入到工程文件gmp中
4) 调用CLI中的命令,一键导出所有应用,包括exe,html,微信小游戏,安卓,默认导出目录为c:盘根目录。导出默认为竖屏
5) 打包时默认是debug模式,如果用户指定是release模式时,需要用命令先创建一个安卓key证书,默默密码111111,然后在用命令打包安卓release版本
6) 一键打包后,运行导出的“项目名称_exe”文件夹中的“run.exe”,观看游戏运行效果。
创建成功后提示

并在“C:\Users\用户名.claudes\kills”目录下生成kaiwei-game,拷贝到vscode中使用

可以继续修改提示词生成skill,或者直接修改生成的SKILL.md文件,优化skill。
源码下载:
https://github.com/ctrljshaha/KaiweiEngine
https://www.ikaiwei.com/download/gamejs/example.zip
开维游戏引擎下载:
https://www.ikaiwei.com/download/gamejs/kaiwei_gameide_setup.exe
开发文档:
https://www.ikaiwei.com/gamejs/api/index.html
游戏演示:普通代码和AI 代码
https://www.ikaiwei.com/gamejs/api/index.html#/zh-cn/docs/example/example
https://www.ikaiwei.com/gamejs/api/index.html#/zh-cn/docs/example/example_ai
更多推荐


所有评论(0)