什么?!通义千问也可以在线开发应用了?!

简介: 阿里巴巴推出的通义千问,是一个超大规模语言模型,旨在高效处理信息和生成创意内容。它不仅能在创意文案、办公助理、学习助手等领域提供丰富交互体验,还支持定制化解决方案。近日,通义千问推出代码模式,基于Qwen2.5-Coder模型,用户即使不懂编程也能用自然语言生成应用,如个人简历、2048小游戏等。该模式通过预置模板和灵活的自定义选项,极大简化了应用开发过程,助力用户快速实现创意。

前言

在这个信息爆炸的时代,高效的信息处理和创意生成成为了个人与企业竞争力的关键。阿里巴巴推出的通义千问,作为一个超大规模的语言模型,正是为了满足这一需求而生。它不仅能在创意文案、办公助理、学习助手、趣味生活等多个领域为用户提供丰富多彩的交互体验,还能够根据具体应用场景提供定制化解决方案。比如,在创意文案方面,通义千问能够依据用户提供的产品资料,迅速生成吸引眼球的营销文案,并提供专业的润色建议;作为办公助理,它能完成从SWOT分析到PPT框架搭建的一系列任务,极大提高了工作效率;而在学习辅助上,通义千问不仅能根据用户的学科背景生成高质量的练习题目,还能为用户量身定做学习路径,助力知识技能的全面提升。随着通义千问功能的不断扩展,它正逐渐成为人们日常生活和工作中不可或缺的智能伙伴。

image.png

近日,阿里通义宣布,通义代码模式上线,官方称可以实现大白话一键生成应用。通义代码模式基于Qwen2.5-Coder 模型开发,官方表示即便用户不懂代码和编程,也可用大白话让通义 AI 自动编码,网站、数据图表和小游戏等。通义代码模式预置了一批热门应用,包括个人简历、2048 小游戏、答案之书等。

image.png

代码模式

首先我们还是进入到通义千问的主界面,此时注意到下方多了一个代码模式的选项:

image.png

点击代码模式,我们可以看到会弹出一些应用模板,同时下面也会提示当前代码模式的特性:

image.png

需要注意的是,使用代码模式后,此对话将默认使用代码模式不可退出

image.png

我们以答案之书为例,点击答案之书让其生成对应代码:

ac258995-88ef-4f68-9857-918f6be00c7d.gif

总体来说还是很不错的,我们继续尝试另一个模板:

image.png

最终的生成效果也是很不错的:

image.png

不过上面这都是预置好的prompt,接下来,我们模仿这些prompt模板来让代码模式生成一些新作品

我给出的游戏prompt如下:

请根据以下要求,编写一个完整、美观的 HTML 网页小游戏页面,包含以下功能和设计:

页面布局:
页面背景采用清新绿色调,游戏主界面居中展示,界面背景选用从浅绿到深绿的渐变色,具备圆角边框及轻微阴影,营造立体感。

游戏图标:
游戏图标置于页面顶部中央位置,图标使用指定的CDN链接:https://img.alicdn.com/imgextra/i3/O1CN01HKF8IE21NglxmBjwj_!!6000000006973-2-tps-456-502.png,图标大小适配其容器,保持居中且不重复。

游戏名称与简介:
游戏名称设为“神秘森林之旅”,使用白色加粗字体,游戏简介为“探索未知,寻找宝藏”,简介采用浅绿色细体字,位于游戏名称下方,便于玩家了解游戏背景。

操作区域:
包括开始游戏、暂停、重新开始、设置按钮。按钮采用绿色主题,使用Font Awesome图标装饰,按钮颜色为浅绿,具备平滑的过渡效果,使用户界面友好且直观。

游戏状态栏:
显示玩家当前生命值、金币数量等信息,使用简洁的图标和数字表示,位于页面底部,信息背景为深绿色,确保可读性。

提示信息:
当玩家在游戏中遇到特定事件时,屏幕中央会弹出提示信息框,信息框背景为半透明,文本为白色,确保信息清晰可见,帮助玩家更好地理解游戏进程。

最终生成界面如下:

ba421d3f-b37f-43ea-a7d2-f35acc201a2e.gif

很显然,是存在一些问题的,没有找到开始游戏以及暂停的按钮在哪里,所以我们直接告知它:

没有找到操作区域包括开始游戏、暂停、重新开始、设置按钮的位置,请换成一个显眼的颜色

这时,通义会对整个界面直接进行重构,重构之后的界面如下:

image.png

确实是将操作区域按钮的颜色改为了显眼的黄色,并且按钮在悬停时会有更深的黄色过渡效果

image.png

但是当我们点击时,发现并没有任何游戏角色出现,可以看出还是之前的prompt太单薄了,并不够详细,因此通义也无法生成完整的应用

所以我们需要进一步细化游戏玩法

这里我也是结合通义的普通模式,给出具体的游戏玩法,prompt如下:

游戏概述:
“神秘森林之旅”是一款文字冒险游戏,玩家将在游戏中扮演一名勇敢的探险者,进入一片未知的神秘森林,通过智慧和勇气面对各种挑战,最终寻找传说中的宝藏。游戏共有10个关卡,每个关卡玩家将面临多个选择,不同的选择会导致不同的结果,包括增加经验值、获得道具或是减少生命值。如果玩家的生命值归零,则游戏结束;若成功通过10个关卡,则视为胜利。

游戏规则:
生命值:初始生命值为10点,生命值降至0时游戏结束。
经验值:通过解决问题或做出正确选择获得,经验值可用于解锁特殊能力或道具。
道具:游戏中可获得各种道具,如恢复生命值的药水、增加经验值的书籍等。
选择影响:每个关卡玩家需做出选择,不同的选择会影响玩家的生命值、经验值或获得的道具。

游戏界面描述:
欢迎界面:简短介绍游戏背景和目标,提供“开始游戏”按钮。
游戏主界面:显示当前关卡、生命值、经验值等信息,下方为游戏文本描述区,展示当前场景和可选行动。
选择界面:每次玩家需要做出选择时,屏幕上会显示几个选项,玩家需点击其中一个进行选择。
结果反馈:玩家做出选择后,系统立即反馈结果,如生命值变化、获得的新物品等。
游戏结束界面:当玩家生命值归零或成功通关时显示,提供重新开始或退出游戏的选项。

示例关卡流程:
第一关 - 进入森林
场景描述:你站在森林的入口,四周静悄悄的,只听见风吹过树叶的声音。前方有三条小径,分别通向北、东、西三个方向。
选择:
A. 向北走,似乎有一条明显的路标指向那里。
B. 向东走,那边看起来比较开阔。
C. 向西走,那边似乎有更多的树木遮挡视线。
结果:
选择A:你发现了一本古老的书籍,增加了你的经验值(+2)。
选择B:你遇到了一只友好的小动物,它带你找到了一条捷径。
选择C:你迷失了方向,生命值减少1点。
第二关 - 河流之谜
场景描述:你来到了一条宽阔的河流前,河水湍急,无法直接渡过。河岸两侧各有一个小木屋,似乎有人居住。
选择:
A. 敲响左边木屋的门,请求帮助。
B. 尝试找到一根树枝,自己制作简易筏子。
C. 敲响右边木屋的门,请求帮助。
结果:
选择A:木屋主人给了你一艘小船,帮助你安全渡河。
选择B:你成功制作了筏子,但过程中耗时较长,生命值减少1点。
选择C:木屋主人告诉你有一座桥在下游不远处,但你需要绕远路。
第三关 - 迷失的洞穴
场景描述:你走进了一个黑暗的洞穴,里面回荡着奇怪的声音。洞穴有两个分支。
选择:
A. 走左边的分支,感觉那里更宽敞。
B. 走右边的分支,感觉那里更安静。
结果:
选择A:你发现了一个藏有宝藏的小室,获得了金币(+5)。
选择B:你遇到了一只凶猛的野兽,幸运的是你及时逃脱,但生命值减少2点。
第四关 - 遗忘的神庙
场景描述:你来到了一座古老的神庙前,门前有一块石碑,上面刻着谜语:“天上有翅膀,地上有脚掌,水中游得快,陆地跑得慢。”
选择:
A. 回答“鸭子”。
B. 回答“鸟”。
C. 不回答,尝试强行进入神庙。
结果:
选择A:石碑缓缓移开,你顺利进入了神庙。
选择B:石碑没有反应,你浪费了时间,生命值减少1点。
选择C:你触发了机关,陷阱对你造成了伤害,生命值减少3点。
第五关 - 幻影迷宫
场景描述:你进入了一个充满幻影的迷宫,四周都是相同的墙壁,你感到非常困惑。
选择:
A. 跟随直觉,一直向前走。
B. 寻找线索,仔细观察周围的环境。
C. 原地等待,希望有人来救你。
结果:
选择A:你幸运地找到了出口,但过程中耗时较长,生命值减少1点。
选择B:你发现了迷宫的规律,顺利找到了出口。
选择C:你被幻影迷惑,生命值减少2点。
第六关 - 神秘的祭坛
场景描述:你来到了一个古老的祭坛前,祭坛上放着三瓶不同颜色的液体。
选择:
A. 喝下红色液体。
B. 喝下蓝色液体。
C. 喝下绿色液体。
结果:
选择A:你获得了暂时的力量提升,生命值增加2点。
选择B:你感到头晕目眩,生命值减少2点。
选择C:你获得了一种神秘的能力,可以在接下来的关卡中使用。
第七关 - 森林之心
场景描述:你来到了森林的中心,这里有一棵巨大的古树,树根深处似乎隐藏着秘密。
选择:
A. 探索树根下的洞穴。
B. 绕过古树,继续前行。
C. 向古树祈祷,寻求指引。
结果:
选择A:你发现了隐藏的宝藏,获得了金币(+10)。
选择B:你错过了宝藏,但继续前进。
选择C:古树回应了你的祈祷,为你指明了正确的方向。
第八关 - 夜晚的危机
场景描述:夜幕降临,你发现自己身处一片漆黑的森林中,四周充满了未知的危险。
选择:
A. 找一个安全的地方休息。
B. 继续前行,寻找出路。
C. 点燃篝火,驱散黑暗。
结果:
选择A:你安全度过了一夜,但失去了宝贵的时间,生命值减少1点。
选择B:你成功找到了出路,但途中遭遇了一些小麻烦。
选择C:篝火吸引了森林中的生物,你不得不与它们战斗,生命值减少2点。
第九关 - 最后的谜题
场景描述:你来到了一个神秘的石阵前,石阵中央有一块巨大的石头,上面刻着一个复杂的符号。
选择:
A. 解读符号,尝试解开谜题。
B. 忽视符号,继续前行。
C. 触摸石头,感受它的力量。
结果:
选择A:你成功解开了谜题,获得了一把钥匙,用于打开最终的宝藏室。
选择B:你错过了解开谜题的机会,但继续前进。
选择C:石头释放了一股强大的能量,你感到身体虚弱,生命值减少2点。
第十关 - 宝藏室
场景描述:你终于来到了传说中的宝藏室,室内堆满了金银财宝和珍贵的宝石。但在宝藏室的中央,有一扇巨大的门,需要一把钥匙才能打开。
选择:
A. 使用你在第九关获得的钥匙。
B. 尝试强行推开大门。
C. 寻找其他方法打开大门。
结果:
选择A:你成功打开了大门,获得了所有的宝藏,游戏胜利。
选择B:大门坚固无比,你无法推开,生命值减少3点。
选择C:你发现了一条秘密通道,绕过了大门,成功获得了宝藏,游戏胜利。

技术实现建议:
使用HTML和CSS构建基本的游戏界面,确保布局清晰、美观。
利用JavaScript编写游戏逻辑,包括玩家的选择处理、生命值和经验值的变化等。
可以考虑引入简单的动画效果,如选择后的反馈动画,增强游戏的互动性和趣味性。
通过上述设计,这款文字冒险游戏不仅能够提供丰富的故事情节和多样的选择,还能够让玩家在享受故事的同时锻炼决策能力和逻辑思维。希望这些建议能够帮助您创建一款令人兴奋的文字冒险游戏!

由于内容比较多,在代码模式下生成了接近一分钟左右,我们慢慢等待即可

最终效果如下所示:

c5401285-fdba-4669-b4d8-860ef7ac5ff5.gif

不到20分钟,一个前端摸鱼小游戏就开发好了,是不是很简单?

在开发完成之后,我们还可以直接下载或者分享给朋友在线体验:

image.png

游戏链接也放在这里了,因为是测试创建所以也存在一些逻辑bug没有优化,见谅~

神秘森林之旅

底层剖析

通义代码模式的背后是基于Qwen2.5-Coder 模型开发的。

在2024年11月12日凌晨,阿里云通义大模型团队正式开源通义千问代码模型全系列,共6款Qwen2.5-Coder模型,每个规模包含base和Instruct两个版本(Base模型为开发者可以自行微调的基座模型,Instruct模型是可以直接聊天的官方对齐模型)。

其中32B尺寸的旗舰代码模型在十余项基准评测中均取得开源最佳成绩,成为全球最强开源代码模型,在多项关键能力上超越闭源模型GPT-4o。

image.png

具体可参考周周的另一篇作品,相信一定会为您带来更多的启发和帮助。:

全网首发!真·从0到1!万字长文带你入门Qwen2.5-Coder——介绍、体验、本地部署及简单微调

结语

或许有人认为,当前的代码模式不过是华而不实,对于实际开发并无太大助益。然而,历史总是惊人的相似:当第一辆汽车问世时,同样有许多声音质疑其速度甚至不如马车。但如今,汽车已成为我们日常生活中不可或缺的一部分,极大地改变了我们的生活方式。同理,尽管目前AI开发的应用尚处于初级阶段,所能实现的功能相对有限,但AI的发展速度远超传统行业。

给予AI一些时间和空间,我们有理由相信,无需编写代码即可开发复杂应用的日子将不再遥远,而且这些应用的功能将会越来越强大。在AI的助力下,“人人皆可成为开发者”的愿景正在逐步变为现实。让我们拭目以待,共同迎接这个充满无限可能的新时代!

相关文章
|
7月前
|
机器学习/深度学习 人工智能 自然语言处理
阿里通义千问大语言模型在人工智能教育领域的应用探索
阿里通义千问,阿里集团的大型预训练语言模型,应用于AI教育,实现个性化教学、自适应学习系统和智能答疑。通过AIGC,它生成个性化内容,适应不同学生需求,优化教育资源配置,推动教育创新。在教育场景中,模型提供实时反馈,定制学习路径,促进教学质量提升。随着技术进步,AI在教育领域的应用将更加深入,但也需关注伦理与安全。
1905 1
|
7月前
|
人工智能 Serverless 数据安全/隐私保护
云端服务器应用实践:函数计算X 通义千问快速部署 AI 个人助手应用
云端服务器应用实践:函数计算X 通义千问快速部署 AI 个人助手应用
394 2
|
人工智能 Serverless 数据安全/隐私保护
函数计算X 通义千问快速部署 AI 个人助手应用
基于函数计算X 通义千问快速部署 AI 个人助手应用,用户可以根据需要选择不同角色的AI助手开启写作,角色包括职业顾问、小红书写手、心灵导师等,你可以尽情发挥创造力,通过限制提示词、字数、情节等各种条件生成短篇小说。
11657 16
函数计算X 通义千问快速部署 AI 个人助手应用
|
人工智能 编解码 文字识别
通义千问720亿参数模型开源,适配企业级、科研级高性能应用
通义千问720亿参数模型开源,适配企业级、科研级高性能应用
1849 0
|
人工智能 Serverless 开发者
通义千问预体验,如何让 AI 模型应用“奔跑”在函数计算上?
函数计算 X 通义千问部署预体验,5 大场景让你速成 AIGC 创作家,来这里尽情发挥想象吧!
|
人工智能 机器人 Serverless
【体验有奖】函数计算 x 通义千问预体验,一键部署AI应用赢Airpods
本实验将基于函数计算,让您一键在阿里云上部署自己的对话机器人,快来打造自己的AI小助理吧!
|
人工智能 Serverless 开发者
【体验有奖】玩转 AIGC,函数计算 x 通义千问预体验,一键部署 AI 应用赢 Airpods
【体验有奖】玩转 AIGC,函数计算 x 通义千问预体验,一键部署 AI 应用赢 Airpods
|
7月前
|
并行计算 PyTorch 算法框架/工具
社区供稿 | 本地部署通义千问大模型做RAG验证
这篇文章中,我们通过将模搭社区开源的大模型部署到本地,并实现简单的对话和RAG。
|
3月前
|
人工智能 开发者
通义千问三款主力模型再降价,最高降幅85%
通义千问三款主力模型再降价,最高降幅85%
583 12
通义千问三款主力模型再降价,最高降幅85%
|
3月前
|
API 云栖大会
通义千问升级旗舰模型Qwen-Max,性能接近GPT-4o
通义旗舰模型Qwen-Max全方位升级,性能接近GPT-4o
1073 11