体验完这个AI的新功能,我觉得我在手机上也能开发游戏了。 * { margin: 0; padding: 0; outline: 0; } body { font-family: “PingFang SC”, system-ui, -apple-system, BlinkMacSystemFont, “Helvetica Neue”, “Hiragino Sans GB”, “Microsoft YaHei UI”, “Microsoft YaHei”, Arial, sans-serif; line-height: 1.6; } .__page_content__ { max-width: 667px; margin: 0 auto; padding: 20px; text-size-adjust: 100%; color: rgba(0, 0, 0, 0.9); padding-bottom: 64px; } .title { user-select: text; font-size: 22px; line-height: 1.4; margin-bottom: 14px; font-weight: 500; } .__meta__ { color: rgba(0, 0, 0, 0.3); font-size: 15px; line-height: 20px; hyphens: auto; word-break: break-word; margin-bottom: 50px; } .__meta__ .nick_name { color: 576B95; } .__meta__ .copyright { color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.05); padding: 0 4px; margin: 0 10px 10px 0; } blockquote.source { padding: 10px; margin: 30px 0; border-left: 5px solid ccc; color: #333; font-style: italic; word-wrap: break-word; } blockquote.source a { cursor: pointer; text-decoration: underline; } .item_show_type_0 > section { margin-top: 0; margin-bottom: 24px; } a { color: 576B95; text-decoration: none; cursor: default; } .text_content { margin-bottom: 50px; user-select: text; font-size: 17px; white-space: pre-wrap; word-wrap: break-word; line-height: 28px; hyphens: auto; } .picture_content .picture_item { margin-bottom: 30px; } .picture_content .picture_item .picture_item_label { text-align: center; } img { max-width: 100%; } .pay_subscribe_notice { margin: 30px 0; padding: 20px; background: fffbe6; border: 1px solid ffe58f; border-radius: 8px; } .pay_subscribe_badge { display: inline-block; padding: 4px 12px; background: faad14; color: fff; border-radius: 4px; font-size: 14px; font-weight: 500; margin-bottom: 12px; } .pay_subscribe_desc { font-size: 15px; line-height: 1.8; color: rgba(0, 0, 0, 0.7); margin-bottom: 12px; } .pay_subscribe_hint { font-size: 13px; color: rgba(0, 0, 0, 0.4); } .__bottom-bar__ { display: flex; justify-content: space-between; align-items: center; position: fixed; bottom: 0; left: 0; right: 0; height: 64px; padding: 8px 20px; background: white; box-sizing: border-box; border-top: 1px solid rgba(0, 0, 0, 0.2); } .__bottom-bar__ .left { display: flex; align-items: center; font-size: 15px; white-space: nowrap; } .__bottom-bar__ .right { display: flex; } .__bottom-bar__ .sns_opr_btn { display: flex; align-items: center; user-select: none; background: transparent; border: 0; color: rgba(0, 0, 0, 0.9); font-size: 14px; } .__bottom-bar__ .sns_opr_btn:not(:last-child) { margin-right: 16px; } .__bottom-bar__ .sns_opr_btn > img { margin-right: 4px; }

体验完这个AI的新功能,我觉得我在手机上也能开发游戏了。

原创 数字生命卡兹克 数字生命卡兹克 2025-01-24 11:31 安徽

原文地址: https://mp.weixin.qq.com/s/Qk5Of_-rX7EUCcoIhm-a2g

故事是这样的。

我现在有27个群,而这里面最活跃最有趣最牛的,必须得是21群的群友。自然地,我每天和他们的交流学习也更频繁。

他们真的太猛了,我几分钟不看,都能刷到99+。

最近这帮人我也不知道是因为啥,连续聊了3天跃问了,就是阶跃星辰那个手机APP。

一直看我文章的老粉丝可能知道,跃问在我这儿一直都是iPhone16的AI识图启动器,但是我自己确实已经有段时间没去深度体验了。

要不是这回群友们讨论,我都没发现手机里的跃问也已经更新了,甚至还能生图了。

一打开app,AI滤镜和AI生图的参考效果图就直接弹出来了。

按照腿毛哥说的,效果确实好还挺不错。

但是要说吧,什么风格化文生图、AI滤镜的,别家产品老早也都有了,不是啥特别稀罕玩意儿。

不错,但还不够惊喜。

但是常规的把所有功能都体验了一遍以后,没想到,让我发现了一个很好玩的东西。

创意板。

真的有点意思。

我也不知道他们是啥时候更新的这功能,我是周四下午用的,当时ios端是已经有了。

我当时一上手,直接就拿这个创意板,花了1分钟,就能获得一个简易版的五子棋小游戏。

这个东西,和Claude的那个Artifacts有点像,只不过,他们把他搬到了手机上,而且,做完以后,可以直接发布到广场,还可以分享给朋友玩。

这尼玛,根本就不只是代码预览的逻辑,而是微信小程序的逻辑了好吧。

这,妥妥的是奔着创意生态去的。

正好马上要过年了,我家这边又不准放烟花,我就灵机一动。

随手拿这个创意板花了10分钟,搓了个电子烟花,它长这样。

就真的是,点哪哪放炮,吉祥话一套一套的。转发给朋友,你绝对是一堆春节祝福里最酷炫的那个。

点开就能玩儿,我做的链接在此:

https://yuewen.cn/share-creation/\*?message-share-id=71209908021272576&creation-record-id=70955057461686273&utm\_source=message\_share

来劲了,我的本体游戏之魂此时真的压不住了,于是,我又花了十几分钟,搞了一个专门应对过年七大姑八大姨的连环问,叫《新春拜年正确语录测试》的小游戏。

为啥做这个我先按住不表。。。

你们玩一下就懂了。。。

也是一样,点开就能玩。链接在此:

https://m.yuewen.cn/share-creation/71407556421439488?utm\_content=app\_linkcopy&utm\_source=share

最关键的是,这俩小玩意儿一行代码都不用写。就像聊天一样,跟他们这个创意板说说话就成了。

这个真的有点意思了。

也能看出来,跃问他们是真的没啥钱搞宣发,在我理解里,这个功能还是值得拿出来宣传宣传的,他们愣是就这么悄咪咪的上线了。

没有Claude那么高的门槛,在手机端就能用。

只需要用几句prompt,就能做出互动小程序、小动画、小游戏、svg…啥都行。

如果我的印象没错的话,这应该是国内c端用户,头一回,能在移动端上实现代码在线生成。

我的使用体验就四个字:简单好用

门槛贼低,能实现的效果也不赖。

基础的svg几句话就能搞定,稍微复杂点的小游戏也就是几轮prompt的事。

代码?别学了,现在就直接教你用prompt整活。

第一步当然是打开跃问app,记得更新到最新版。

你就能在【对话】页面找到【创意板】功能,点开后应该会出现这样的一堆模板内容:

这里提醒一下,一定要先点开【创意板】功能再输入prompt。不然跃问默认是进入和AI bot唠嗑的,就不会给你写代码了。

最开始给我整懵逼了好几回,返回去一看才发现忘点了。

要是一时没啥想法,直接用他们的模板也行。

比如这个“定制年夜饭菜单”,点开就完事了,跃问自己就开始嘟嘟嘟写代码。

没几分钟,就能看到成品:

给你们看下视频版本。

录屏这段,我保证点完“年夜饭”那个按钮之后,我一下手机都没碰。这一大串代码全都是跃问自己飞速敲出来的。

辅助编程在电脑上见的多了,手机端做到这个效果还是头一次,看着还是挺惊喜的。

说回我前面做的那两个小玩意儿。

我也把我的prompt直接公开给大家。

你可以直接点我上面文章开头那俩链接里的“做同款”按钮,也可以复制这两段prompt去创意板:。

第一个是电子烟花:

电子烟花祝福语🎆 

第二个是那个拜年问答小游戏:

面对极品亲戚怎么答🧧 

你可以先让跃问做一个基础的效果,然后在对话过程中调整,就能有不错的效果。

我也来跟大家分享一下,我做电子烟花的思路,希望能对大家,抛砖引玉。

拿电子烟花来说,我是这么整出来的:

首先得梳理产品逻辑,这步还挺简单:用户点击屏幕(交互) → 放个烟花 → 显示祝福。完事。

我寻思着烟花都是晚上放,那必须得先搞个黑色背景当夜空。

烟花的动画嘛,当然得模拟真实效果,从下往上发射,然后在空中绽开,粒子效果或许可以试试。最好再来个烟花的“咻-啪”音效,春节的氛围就对了。

需求想得差不多,我就直接在创意板里告诉跃问:

做一个黑色背景的放烟花的页面粒子效果,然后我点哪里哪里就会从下往上放一个粒子效果的烟花上取,装到上面以后会有一个音效出来。

(ps.我当时都没发现,里面有N哥错别字,不过跃问在这么多错别字的情况下,居然还真理解了我想要的效果。。

这个烟花效果长这样。

确实是个烟花,但是说实话,也就是个烟花了,跟我脑子里想的还差那么点意思。向上发射的动作不够帅,特别是音效,根本就没有。

这个时候,我想,不如去网上找个音效的文件,扔给跃问,直接让它用?

我去网上找了个烟花音效的链接,发现跃问真的能读取。

那个“向上发射”的轨迹,我也寻思着AI可能不懂啥叫“向上”,干脆用坐标概念跟它掰扯了一顿。

然后把修改完的新的Prompt扔给它,好多了。

就是不稳定,还是得roll几次。

但就我觉得,就算重roll,我觉得也比自己敲代码找bug强一万倍好吧,我是给天生懒癌,能点一点的事,绝对不想自己动脑。。。。

在又优化了几遍,roll出几个不符合地球物理规律的烟花后,最终下面这个prompt实现了我要的升起效果。

做一个黑色背景的放烟花的页面粒子效果,然后我点哪里哪里就会先从对应x坐标的屏幕最底端往上升起一团聚拢的粒子,这团粒子不受重力影响,在底部的时候不要散开,直到到用户点击的位置才能散,然后放一个精美的烟花,烟花散开的速度可以慢一点,要有一个音效,点击屏幕就开始播放。https://img.tukuppt.com/newpreview\_music/09/00/50/5c892db468eaf70918.mp3。然后还会显示出一些对新年的祝福的文字。

效果就是开头的那样:

大功告成!你就说这效果,过年当朋友面现场做一个,你就是你家亲戚面前,最靓的那个仔。

如果大家要复刻的话,其实推荐还是用我们链接里面的做同款,能百分百复刻出来,如果是复制这段prompt进去,我们测试下来,还是需要roll几次才能达到不错的效果的。

还是那个问题,不够稳定,不过问题也不大。

《怎么回答极品亲戚》的选择题小游戏也是一样的逻辑。想好页面层级、画面效果和内容,直接跟跃问说就完事了,代码它来就行。

当然,毕竟是app端的小功能,专业度和自由度肯定没电脑编程来得高。自己手搓的过程可能会出现一些bug提示。梳理好思路,尝试着多roll几次就好。

但说实话,都能直接手机编程了,一些时间和脑力成本的折腾不算啥。

加上手机的语音输入,曾经那个动动嘴就能做一个小程序的幻想,还真让它实现了。

看着手机里自动飞速打出的代码,一瞬间回想起很久以前,我第一次尝试编程。

当年还是个小屁孩的我看了一堆教程配环境、学语法。一顿操作猛如虎,结果折腾半天除了print出“hello world”,啥程序都没搞成。

创意还没开始,就被门槛劝退了。

短短一年,AI也卷到更加下沉,你不需要知道什么叫IDE、知道什么叫语法,用手机和人话,就能做出一些好玩的东西。

跃问可能在代码专业程度上和Claude3.5这种级别的,可能还有一些些的距离,但它是给更多的普通人,打开了一扇通向无限可能的创意之门。

过年想搞点不一样的,那就打开跃问。

动动手指,你也能成为朋友圈里最酷的创意之神。

也真心,祝你玩得开心。

我们,创作愉快。

以上,既然看到这里了,如果觉得不错,随手点个赞、推荐、转发三连吧,如果想第一时间收到推送,也可以给我个星标⭐~谢谢你看我的文章,我们,下次再见。

>/ 作者:卡兹克、稳稳、dongyi

>/ 投稿或爆料,请联系邮箱:wzglyay@gmail.com

数字生命卡兹克

![](data:image/svg+xml,%3Csvg xmlns=‘http://www.w3.org/2000/svg’ width=‘24’ height=‘24’ viewBox=‘0 0 24 24’%3E%3C!— Icon from Lucide by Lucide Contributors - https://github.com/lucide-icons/lucide/blob/main/LICENSE —%3E%3Cg fill=‘none’ stroke=‘%23888888’ stroke-linecap=‘round’ stroke-linejoin=‘round’ stroke-width=‘2’%3E%3Cpath d=‘M2.062 12.348a1 1 0 0 1 0-.696a10.75 10.75 0 0 1 19.876 0a1 1 0 0 1 0 .696a10.75 10.75 0 0 1-19.876 0’/%3E%3Ccircle cx=‘12’ cy=‘12’ r=‘3’/%3E%3C/g%3E%3C/svg%3E) 阅读![](data:image/svg+xml,%3Csvg width=‘25’ height=‘24’ viewBox=‘0 0 25 24’ fill=‘none’ xmlns=‘http://www.w3.org/2000/svg’%3E%3Cpath fill-rule=‘evenodd’ clip-rule=‘evenodd’ d=‘M16.154 6.797l-.177 2.758h4.009c1.346 0 2.359 1.385 2.155 2.763l-.026.148-1.429 6.743c-.212.993-1.02 1.713-1.977 1.783l-.152.006-13.707-.006c-.553 0-1-.448-1-1v-8.58a1 1 0 0 1 1-1h2.44l1.263-.03.417-.018.168-.015.028-.005c1.355-.315 2.39-2.406 2.58-4.276l.01-.16.022-.572.022-.276c.074-.707.3-1.54 1.08-1.883 2.054-.9 3.387 1.835 3.274 3.62zm-2.791-2.52c-.16.07-.282.294-.345.713l-.022.167-.019.224-.023.604-.014.204c-.253 2.486-1.615 4.885-3.502 5.324l-.097.018-.204.023-.181.012-.256.01v8.218l9.813.004.11-.003c.381-.028.72-.304.855-.709l.034-.125 1.422-6.708.02-.11c.099-.668-.354-1.308-.87-1.381l-.098-.007h-5.289l.26-4.033c.09-1.449-.864-2.766-1.594-2.446zM7.5 11.606l-.21.005-2.241-.001v8.181l2.45.001v-8.186z’ fill=‘%23000’/%3E%3C/svg%3E) 赞 ![](data:image/svg+xml;charset=utf8,%3Csvg xmlns=‘http://www.w3.org/2000/svg’ width=‘24’ height=‘24’ viewBox=‘0 0 24 24’%3E %3Cg fill=‘none’ fill-rule=‘evenodd’%3E %3Cpath d=‘M0 0h24v24H0z’/%3E %3Cpath fill=‘%23576B95’ d=‘M13.707 3.288l7.171 7.103a1 1 0 0 1 .09 1.32l-.09.1-7.17 7.104a1 1 0 0 1-1.705-.71v-3.283c-2.338.188-5.752 1.57-7.527 5.9-.295.72-1.02.713-1.177-.22-1.246-7.38 2.952-12.387 8.704-13.294v-3.31a1 1 0 0 1 1.704-.71zm-.504 5.046l-1.013.16c-4.825.76-7.976 4.52-7.907 9.759l.007.287c1.594-2.613 4.268-4.45 7.332-4.787l1.581-.132v4.103l6.688-6.623-6.688-6.623v3.856z’/%3E %3C/g%3E%3C/svg%3E) 分享 ![](data:image/svg+xml;charset=utf8,%3Csvg xmlns=‘http://www.w3.org/2000/svg’ xmlns:xlink=‘http://www.w3.org/1999/xlink’ width=‘24’ height=‘24’ viewBox=‘0 0 24 24’%3E %3Cdefs%3E %3Cpath id=‘a62bde5b-af55-42c8-87f2-e10e8a48baa0-a’ d=‘M0 0h24v24H0z’/%3E %3C/defs%3E %3Cg fill=‘none’ fill-rule=‘evenodd’%3E %3Cmask id=‘a62bde5b-af55-42c8-87f2-e10e8a48baa0-b’ fill=‘%23fff’%3E %3Cuse xlink:href=‘%23a62bde5b-af55-42c8-87f2-e10e8a48baa0-a’/%3E %3C/mask%3E %3Cg mask=‘url(%23a62bde5b-af55-42c8-87f2-e10e8a48baa0-b)‘%3E %3Cg transform=‘translate(0 -2.349)‘%3E %3Cpath d=‘M0 2.349h24v24H0z’/%3E %3Cpath fill=‘%23576B95’ d=‘M16.45 7.68c-.954 0-1.94.362-2.77 1.113l-1.676 1.676-1.853-1.838a3.787 3.787 0 0 0-2.63-.971 3.785 3.785 0 0 0-2.596 1.112 3.786 3.786 0 0 0-1.113 2.687c0 .97.368 1.938 1.105 2.679l7.082 6.527 7.226-6.678a3.787 3.787 0 0 0 .962-2.618 3.785 3.785 0 0 0-1.112-2.597A3.687 3.687 0 0 0 16.45 7.68zm3.473.243a4.985 4.985 0 0 1 1.464 3.418 4.98 4.98 0 0 1-1.29 3.47l-.017.02-7.47 6.903a.9.9 0 0 1-1.22 0l-7.305-6.73-.008-.01a4.986 4.986 0 0 1-1.465-3.535c0-1.279.488-2.56 1.465-3.536A4.985 4.985 0 0 1 7.494 6.46c1.24-.029 2.49.4 3.472 1.29l.01.01L12 8.774l.851-.85.01-.01c1.046-.951 2.322-1.434 3.59-1.434 1.273 0 2.52.49 3.472 1.442z’/%3E %3C/g%3E %3C/g%3E %3C/g%3E%3C/svg%3E) 推荐 ![](data:image/svg+xml,%3Csvg width=‘25’ height=‘24’ viewBox=‘0 0 25 24’ fill=‘none’ xmlns=‘http://www.w3.org/2000/svg’%3E%3Cpath d=‘M22.242 7a2.5 2.5 0 0 0-2.5-2.5h-14a2.5 2.5 0 0 0-2.5 2.5v8.5a2.5 2.5 0 0 0 2.5 2.5h2.5v1.59a1 1 0 0 0 1.707.7l1-1a.569.569 0 0 0 .034-.03l1.273-1.273a.6.6 0 0 0-.8-.892v-.006L9.441 19.1l.001-2.3h-3.7l-.133-.007A1.3 1.3 0 0 1 4.442 15.5V7l.007-.133A1.3 1.3 0 0 1 5.742 5.7h14l.133.007A1.3 1.3 0 0 1 21.042 7v4.887a.6.6 0 1 0 1.2 0V7z’ fill=‘%23000’ fill-opacity=’.9’/%3E%3Crect x=‘14.625’ y=‘16.686’ width=‘7’ height=‘1.2’ rx=’.6’ fill=‘%23000’ fill-opacity=’.9’/%3E%3Crect x=‘18.725’ y=‘13.786’ width=‘7’ height=‘1.2’ rx=’.6’ transform=‘rotate(90 18.725 13.786)’ fill=‘%23000’ fill-opacity=’.9’/%3E%3C/svg%3E) 留言