人人都是 AI 编程家竞赛——交给Trae🫡

官方发了一场活动,名叫Trae - Vibe - Coding,英文不怎么好,有些单词我碰到不会的,就会去查一下vibe氛围。官方要把码农气氛搞嗨起来,那我也来嗨一下。

像icon标语🪧说的什么引爆我的码农激情,安排,这不就来了嘛,开启我的 vibe maker 之旅。这个单词vibe:激情、气氛、大概是这么个意思。

那是一个伸手不见五指的夜晚,我的显示器成了房间里唯一的光源,那一晚我还不是码农,我还只是在会聊QQ。
依稀记得,窗外的雨点敲打着玻璃,像无数细小的手指在轻轻叩门。
那一晚通过一位Q友,学会了神奇魔法🤫。

自从那以后,电脑💻就是我的玩伴,我的玩伴就是电脑💻。我爸从不管我,我妈管我管得严,尤其不让我玩电脑,声称玩坏了脑子声称好学生从不玩电脑。

googlegoo得6,我妈会经常拔网线,自此我和《像素恐龙🦖》邂了逅:

那么这次参赛,有《像素恐龙》搭桥梁,我以这个作品跟官方参与参与吧。

这是一款基于经典Chrome离线恐龙游戏的创新版本,采用纯HTML5、CSS3和JavaScript技术开发的横版跑酷游戏。玩家控制一只彩色恐龙在无尽的沙漠中奔跑,通过跳跃和下蹲来躲避各种障碍物,挑战更高的分数。

用Trae @Builder智能体去创建 一个 html、css、js前端小游戏项目 (正好可以自动部署到掘金的云上,还省得我的服务器经费......

@Builder 已经悄咪咪帮我做了好多事,起初我只是一个想法,AI带我遨游

  • index.html - 游戏主页面,包含完整的HTML结构和SVG元素
  • style.css - 多彩好玩的游戏样式,包含动画效果和响应式设计
  • script.js - 完整的游戏逻辑和交互功能

游戏特性

🎮 游戏控制

  • 空格键 - 开始游戏/跳跃
  • ↑方向键 - 跳跃
  • ↓方向键 - 俯身躲避

🎨 视觉元素(全SVG设计)

  • 恐龙 - 可爱的像素风格恐龙,带有跑步动画
  • 仙人掌 - 绿色多刺仙人掌障碍物
  • 飞鸟 - 会飞行的鸟类障碍物
  • 云朵 - 漂浮的白云背景装饰
  • 地面 - 简洁的地面线条

🌈 多彩设计

  • 渐变天空背景(蓝色到绿色到黄色)
  • 阴影和光效
  • 流畅的动画过渡
  • 现代化的UI界面

🎯 游戏功能

  • 实时计分系统
  • 最高分记录(本地存储)
  • 随机障碍物生成
  • 游戏速度递增
  • 碰撞检测
  • 游戏结束重启

游戏已在本地服务器启动,可以通过浏览器访问 http://localhost:8000/ 开始游戏!按空格键即可开始你的恐龙快跑冒险之旅!

调整

通过上面👆🏻一句提示词,基本上已经完工想法所想的像素恐龙快跑🦖,不过还需再调整调整☺️:

✉️:要调整,1、游戏结束后没有暂停,2、按空格之后弹窗没有消失,3、要计分。

进一步调整

✉️:还需调整,1、游戏结束,恐龙触碰到仙人掌,路面需要停止,游戏需要停止;2、恐龙需要多彩并且有尾巴好看一点。除了仙人掌,还可以有一些路障等障碍物。

效果

部署发布

部署到掘金的 vibe coding 的云☁️上。

直接用智能体掘金发布,说一句话部署并发布到掘金,它就会给你一个地址,就是咱这个恐龙小游戏的云地址啦,点击打开即可玩耍。

王朔承认他日常就是刷十小时短视频,

贾樟柯沉迷用手机看短剧无法自拔,

余华每年版税收入三千万不爱社交喜欢躲在家看动画片,

莫言自从爱上摄影观鸟更是一发不可收拾,

毕赣在十三邀里承认自己很懒,拍电影耽误工期蹲在房间看世界杯。

我奶我爷现在一人一部智能手机刷视频也上瘾。

我通过咱这个智能AI编程工具,动动嘴就能把自个儿的想法实现出来成品。话不多说,现在就去发给咱妈去玩一玩,让她小时候老拔网线,玩电脑还是有好处的,不要小看智能电子时代的力量。

相关推荐
绿荫阿广1 天前
使用.NET开发并上线一个小智AI对话机器人的MCP服务转接平台
.net·asp.net core·mcp
张拭心1 天前
前端没有实际的必要了?结合今年工作内容,谈谈我的看法
前端·ai编程
Java中文社群1 天前
编程界变天!ClaudeOpus4.5发布:拳打谷歌,脚踢 OpenAI,附保姆级使用教程
ai编程
zandy10111 天前
2025年11月AI IDE权深度测榜:深度分析不同场景的落地选型攻略
ide·人工智能·ai编程·ai代码·腾讯云ai代码助手
youngerwang1 天前
【字节跳动 AI 原生 IDE TRAE 】
ide·人工智能·trae
带刺的坐椅1 天前
(让 Java IA & MCP 更简单 )Solon AI v3.7.2 发布
ai·chatgpt·openai·solon·mcp
算家计算1 天前
编程AI新王Claude Opus 4.5正式发布!编程基准突破80.9%,成本降三分之二
人工智能·ai编程·claude
洗澡水加冰1 天前
MCP与Skills的辨析
后端·aigc·mcp
大模型真好玩1 天前
LangChain1.0实战之多模态RAG系统(二)——多模态RAG系统图片分析与语音转写功能实现
人工智能·langchain·mcp
PetterHillWater2 天前
千问快速review评审Java工程代码与异步代码智能体
ai编程