0. 先和大家打个招呼吧 
我是谁： 一名热爱传统山水画、喜欢小猫小狗的设计爱好者兼高二理科生，对艺术疗愈特别感兴趣，是个零基础的技术小白～
我是怎么用 TRAE 把 Demo 做出来的：
完全不会写代码的我，一开始还挺忐忑的，不知道能不能做出一个完整的作品。但真的开始用 TRAE 之后，发现真的太神奇了！
我就是把脑子里的想法一句句说给它听——“我想做一个和宠物有关的疗愈网站”、“要有小猫小狗可以对话”、“还要有手绘创作的功能”、“加一个跳跃抓捕的小游戏吧”……它居然都能听懂，而且每次说改什么，它马上就能改好。
最让我惊喜的是，我只需要描述画面感，比如"把背景改成春天的感觉"、“让小猫更可爱梦幻一点”、“对话框要暖乎乎的”，它就能直接生成对应的效果，完全不用我懂代码。
TRAE 帮我跨过了最大的坎——就是"我不会写代码所以做不出来"这个心理障碍。原来有想法就够了，技术的事交给它就好～整个过程就像和一个很懂你的朋友一起做东西，特别有成就感！
1. Demo 简介
是什么： 一个基于 AI 的萌宠疗愈互动网站，融合了游戏、手绘创作和动态叙事。
面向谁： 喜欢小动物、需要情绪疗愈的所有人群，特别是压力大的学生、上班族，以及喜欢可爱事物的小朋友。
主要功能：
宠物好友聊天室
页面上有四只超可爱的宠物小伙伴——Kitty喵（布偶猫）、小金毛、金宝（金渐层）、吉吉（马尔济斯）。每只宠物都有自己独特的性格和说话方式，点击头像会主动打招呼，打字和它们聊天会得到温暖治愈的回复～每只宠物还有专属的动画视频，毛茸茸的超治愈！
跳跃抓捕小游戏
超简单上手的小游戏——点击屏幕让宠物跳跃，抓捕飞过的蝴蝶、小甲虫和小花，每抓到一个能量槽就+10%。背景有飘动的云朵、摇摆的树木、飞翔的小鸟和飘落的叶子，还可以切换喜悦/平静/放松三种情绪场景。
手绘创作区
在画布上自由画画，用画笔、橡皮和各种颜色表达当下的心情。AI 会为你的画作生成神奇的元素，把简单的涂鸦变成独一无二的艺术品～
动态叙事
选择和 Kitty喵 还是小金毛一起冒险，然后在湖边探索、画画或者冥想，每一个选择都会走向不同的故事情节，就像和你的宠物小伙伴一起经历一段温暖的旅程～
2. Demo 创作思路
灵感来源：
我特别喜欢小猫小狗，每次看到它们心情都会变好。加上我对艺术疗愈很感兴趣，就想能不能把这两件事结合起来——做一个既能和可爱宠物互动，又能画画表达情绪的地方，让大家打开网页就能被治愈到。
还有就是我很喜欢传统山水画那种"境由心造"的感觉，于是就想到了：用户的心情是什么样的，场景就会变成什么样——开心的时候是春天，平静的时候是冬天，放松的时候是夏天，把中国传统的意境和现代的 AI 技术结合起来。
想解决的问题：
现在大家生活节奏都很快，压力也大，很多时候想找个地方放松一下却不知道去哪。刷手机越刷越累，玩游戏又怕沉迷。我想做一个"轻量级"的疗愈小站——不用下载，打开就能用，几分钟就能让心情变好一点。
还有就是很多人（包括我自己）不擅长用语言表达情绪，但画画可以。手绘创作区就是希望大家能用画笔把心情"画"出来，不用画得好，画出来就是疗愈。
为什么做这个方向：
我考虑了好几个方向，最后选了萌宠疗愈，因为：
-
门槛最低 —— 可爱的小动物谁都喜欢，不需要学习成本，打开就能被治愈
-
最有温度 —— 宠物是有情感连接的，比冷冰冰的工具更有疗愈感
-
和我最契合 —— 我自己就喜欢小猫小狗，做自己热爱的东西才会有热情呀～
3. Demo 体验地址
4. TRAE 实践过程
完整开发流程：
第一步：创意构思 
最开始我只是说"我想参加 TRAE AI 大赛，擅长山水画，喜欢小猫小狗，想做艺术疗愈相关的内容"，TRAE 一下子给了我好几个创意方向，每个都很有意思！最后我选了萌宠疗愈工坊这个方向，因为觉得最可爱也最有温度。
第二步：页面搭建 
确定方向后，我跟 TRAE 描述了我想要的功能——宠物互动、手绘创作、动态叙事、疗愈花园……它直接就生成了一个完整的 HTML 页面！导航栏、Hero 区域、功能展示、游戏演示、手绘创作区……全部都有，而且配色还是粉粉嫩嫩的治愈系，太懂我了！
第三步：游戏玩法
我想要一个简单又好玩的小游戏，就跟 TRAE 描述了"小猫跳跃抓蝴蝶"的想法——静态小猫在左边，背景从右往左滚动，点击跳跃，碰到蝴蝶就收集能量。它不仅实现了完整的游戏逻辑（抛物线跳跃、碰撞检测、能量槽增长），还加了云朵、树木、飞鸟、飘落的叶子这些细节，画面一下子就生动了！
第四步：宠物对话系统 
我希望宠物们能和用户聊天，而且每只宠物的性格都不一样——小猫温柔，小狗活泼，金渐层高贵，马尔济斯甜美。TRAE 给每只宠物都写了一套专属的回复语料，打招呼、开心、难过、感谢、聊吃的、聊玩的……各种场景都有，对话起来真的像在和真实的宠物聊天！
第五步：视觉优化 
后来我又找了很多可爱的图片和视频素材，让 TRAE 一张张加进去——金渐层的视频、马尔济斯的视频、不同季节的背景图、还有开场动画……它都完美地整合进去了，整个页面越来越丰富，也越来越治愈～
关键步骤截图：
（此处请附上 3 张以上开发过程截图，例如：初始创意对话截图、游戏功能实现截图、最终效果截图）
关键任务对话 Session ID：
2873452653456311:7c99d301cdf1f2cc7f6bbff9178a64c2_6a5395cf2f4cff597d7a27fa.6a564900022765fc127e7a2e.6a564900022765fc127e7a2c:TRAE Work CN.0.1.34.no_sid.no_ppe.T(2026/7/14 22:34:40)
2873452653456311:d7eb8f82da403127ae5cd684fb0eb916_6a5395cf2f4cff597d7a27fa.6a564959022765fc127e7a3c.6a564958022765fc127e7a3a:TRAE Work CN.0.1.34.no_sid.no_ppe.T(2026/7/14 22:36:09)
2873452653456311:f087a9adfd4aff11d5d9a805094b84a2_6a5395cf2f4cff597d7a27fa.6a5663d8022765fc127e7a84.6a5663d7022765fc127e7a82:TRAE Work CN.0.1.34.no_sid.no_ppe.T(2026/7/15 00:29:12)
5. 对应的报名审核通过的帖子链接
最后想说的话： 作为一个完全零基础的小白，能做出这样一个完整的作品，真的特别开心。TRAE 让我明白，有想法比会技术更重要——只要你敢想，它就能帮你实现。希望这个小小的萌宠疗愈工坊，也能给看到它的你带去一点温暖～