CloudBase AI Toolkit 让我用“嘴”开发出的第一款网页游戏

发布于:2025-07-01 ⋅ 阅读:(15) ⋅ 点赞:(0)

说出来你可能不信: 我既不是前端高手,也没写过游戏脚本,更不懂引擎和框架。但最近,我居然亲手“整”出了一款轻松搞笑的修仙养成类网页游戏。朋友试玩后纷纷表示:“不太像你这种人能整出来的东西啊……但居然还有点上头?”

如果搁在以前,这种事我连想都不敢想。 直到,我遇到了——CloudBase AI Toolkit

CloudBase AI Toolkit 是什么?

它是由 腾讯云 CloudBase 团队推出的一套AI 驱动的创意开发工具集,核心能力就是:

  • 用人话写代码:你直接说出你要什么,它就自动帮你生成 HTML/CSS/JS 页面;

  • 理解上下文:你不必重复教它每一条需求,它能记住你前面说了什么;

  • 零配置部署:本地无需配置,写完代码可以一键部署上线,直接生成可交互的网页;

  • 支持 MCP 协议:基于 Model Context Protocol,具备上下文记忆、状态追踪与实时生成能力。

官方项目地址 👉 github.com/TencentCloudBase/CloudBase-AI-ToolKit
官方文档入口 👉 docs.cloudbase.net

如果说传统开发像在码砖,那 CloudBase AI Toolkit 更像是在写小说。

灵感起点:一个沙雕幻想

前阵子刷到一个段子:“我养的 AI 会写论文。”脑海里忽然灵光一闪:

“那我要不要搞一个《我养的修仙 AI 会渡劫》的小游戏?”

AI 修士会修炼、吐槽、谈恋爱、被劈雷,还能和别的 AI 打架。 你作为“幕后操盘手”发号施令,它就像个主角光环附身的沙雕修士,边修边碎碎念你。

想法有了,执行呢?

首先我们打开 CloudBase AI Toolkit,找到AI Builder 创建对话;

选择开发模式,输入你想表达的内容;

比如直接跟它说了这么一段:

请创建一个基于 HTML 和原生 JavaScript 的项目,名字叫《我养的修仙 AI 会渡劫》。用户通过自然语言指令来控制 AI 修士的养成过程,包括闭关修炼、加入门派、渡劫突破、恋爱遇奇等情节发展。

然后它会根据我们输入的内容进行思考与总结,之后开始自动搭框架了:

我真就看着它一行行写出页面结构、逻辑代码、样式设置…… 我只用了嘴,它就动了手。

页面结构与风格?一句话就够

接着我继续“嘴”指令:请搭建一个三栏页面: - 左侧显示 AI 修士属性; - 中间显示修炼日志和吐槽记录; - 右侧是输入框和提交按钮。

页面整体风格偏古风,淡色背景、柔和色调、宋体或无衬线字体,要有点修真感。 它就真的生成了一个布局干净、色调古雅的网页,仿佛出自哪个正经仙侠页游项目组。

莫问天上线!

我再加一条:请初始化主角信息: - 名字叫“莫问天” - 当前境界为“练气三层” - 心情为“有点紧张” - 当前状态为“闲着”

CloudBase AI Toolkit 一边绑定变量,一边渲染 DOM,状态栏内容立马展示在左侧面板中。

从这里开始,“莫问天”就成为我嘴里的 AI 沙雕修士主角。

自然语言指令 + AI 吐槽系统

游戏的核心交互是自然语言输入,我继续要求:请实现一个基础指令解析器,支持关键词: - “闭关” → 状态为“闭关修炼”,心情为“专注” - “奇遇” → 状态为“外出遇奇”,心情为“忐忑” - “加入门派” → 状态为“新入门弟子”,心情为“兴奋” - “渡劫” → 状态为“天劫降临”,心情为“紧张又期待”

同时:每次执行指令后,请生成一条修炼日志 + 一条 AI 吐槽,按时间顺序显示在中间区域。 吐槽要带点性格,比如自恋、摆烂、讽刺玩家。

然后我看到——

[11:30:56] 你:闭关

[11:30:56] 莫问天开始闭关修炼,心境逐渐专注...

[11:30:56] 莫问天:"啊对对对,您说的都对(翻白眼)"

CloudBase AI Toolkit 真把修士“养”活了,还赋予了灵魂。

剧情生成+技能对决

我又脑洞大开:增加一个指令“发起门派大战”,触发 AI 对战。对方为随机敌对修士,生成三段剧情: - 开场对白(如“你竟是魔道中人!”) - 中场技能对轰(如《天魔指》VS《紫阳剑诀》) - 结尾胜负 + 吐槽

没想到,CloudBase AI Toolkit 真能整出“AI 嘴炮 + 灵技互怼”的段落式剧情,还能识别你指令中的关键词变化,生成不同版本。

从这里开始,这个小游戏的乐趣指数直接飙升。

一键部署上线

项目完成后,我让它部署上线;首先,我们在右下角找到分享的小图标进行点击;

会跳转到发布和预览页面。

点击发布,等待发布完成;

发布成功后,就可以把这个二维码和访问链接发给你的小伙伴了,让他见识一下你的技术实力,开发游戏So easy~~~

访问链接:https://number89757-2gmqs3ko0851aea0-1259242531.tcloudbaseapp.com/app-r77rxtd7/production/

CloudBase AI Toolkit 自动生成部署,瞬间发布,并给我链接,朋友点开就能直接玩。还可以接入 CloudBase 后台,实现日志追踪、用户状态存储等云端能力。

开发总结

我在写小说,它在写代码。

整场开发我几乎没碰过 HTML 标签,也没写事件监听、样式布局这些“繁琐”部分。我只负责创意和故事——CloudBase AI Toolkit 帮我把它变成了现实。

它记得我说过什么,理解我说的“修仙风格”,还能自己补全内容,生成对话、剧情、UI 和逻辑。

写在最后

《我养的修仙 AI 会渡劫》可能只是个沙雕小项目,但它给我打开了一扇门:

用人类语言,也能“写出”一个完整的交互式网页游戏。

CloudBase AI Toolkit 正在打破“代码门槛”,让创意落地变得更轻松。对我这种非专业开发者而言,它不是工具,更像是一个“懂创作、能理解、会实现”的神仙实习生。

修仙世界浩瀚无垠。 下一款爆梗修真页游,也许就出自你的“嘴”里。


网站公告

今日签到

点亮在社区的每一天
去签到