


🌟 十二星座庇护所——用代码编织的星辰梦






【与AI共舞】
每一件师生共创的AI作品,都是创意与努力的结晶;每一行代码、每一次交互,都值得被更多人看见!【与AI共舞的日子】专栏,专门记录浙江省首批人工智能一流通识课《人工智能与人文教育》和全国智慧共享课程《中小学人工智能教学》课堂上,师生与AI携手共进的点滴时光。


你有没有想过,当孤独袭来时,谁能给你最温暖的陪伴?每天在城市的喧嚣中奔波,内心却找不到可以安放的角落。
我们的同学用代码给出了治愈答案:《十二星座庇护所:用代码编织的星辰梦》,这是一个专为需要情感慰藉的星座爱好者打造的线上治愈空间,让每个用户都能在星空下找到属于自己的角落。


一、作品介绍

星空之门的起点
作品名称: 十二星座庇护所——用代码编织的星辰梦
作者:张蓓蓓
使用场景: 每日运势查询、星座情感匹配、个性化空间生成、成长记录养成。
整体功能:这是一个专为Z世代星座爱好者打造的沉浸式星座文化体验平台。项目以“治愈”为核心,融合了运势查询、星座匹配、空间生成、等级系统四大核心功能。无论你是想要情感慰藉,还是寻求自我表达,在这里都能找到适合的星辰角落。



网站展示


二、网页亮点

✨ 亮点一:治愈系视觉设计
采用深紫到玫红的梦幻渐变背景,点缀细碎星点,营造静谧的深夜星空氛围。界面元素全部采用圆角矩形和柔和光影,拒绝尖锐感,让每一次打开都有种被治愈的感觉。




🏮 亮点二:智能空间生成系统
基于Canvas技术的空间生成功能,能够根据用户的星座特质自动生成独一无二的3D庇护所。从云端小屋到海底基地,从沙漠绿洲到山巅城堡,每一次生成都是一次拆盲盒式的惊喜体验。
智能空间生成演示

💕 亮点三:精准星座匹配算法
基于星座性格特质矩阵设计的匹配算法,不仅能给出缘分指数,还能提供具体的相处建议和相处雷区提示。让“缘分”不再是玄学,而是一种理解彼此的工具。





🏆 亮点四:成长激励体系
从小屋到天空之城的五级进阶系统,配合每日签到、成就任务、装饰物解锁,让用户在探索星座文化的过程中收获成就感和归属感,并且每一次成长都能在星空下留下印记。
三、创作思路
01
缘起:一个真实的情感需求

“这个项目的诞生,源于我的一次深夜失眠。那是提交课题作业的前夜,压力让我辗转难眠。我习惯性打开星座APP看运势时,却只看到冰冷的数字和模板化的文案,心里更空虚了。”
“如果有一个地方,不是告诉我‘今天运气不好’,而是告诉我‘没关系,慢慢来,明天会更好’,那该多好。于是,这个念头在我脑海里发芽。”
02
过程:从简陋到完善的迭代

第一次尝试
让AI生成一个基础的星座运势查询网页,结果只是一个简单的输入框和下拉菜单,显示“今天运势很好”,没有任何美感。
逐步改进
向AI描述想要“深紫色渐变背景、细碎星点、圆角按钮、治愈氛围”
AI调整后,继续反馈“星点太密,阴影太重”,一步步打磨视觉效果
加入空间生成功能:定义星座颜色偏好、建筑风格、自然元素规则,用Canvas绘制
加入星座匹配功能:定义星座元素匹配规则,生成缘分指数和分析文字
加入等级系统:设计5级进阶,解锁新建筑和装饰物
03
结果:一个温暖的星座空间

现在的“十二星座庇护所”已经是一个功能较为完整的星座体验平台:
✨ 治愈系视觉——深紫星空背景,圆角柔和设计
🏮 运势查询——12星座今日运势,包含幸运物品、幸运方位、宜忌提示
💕 星座匹配——输入两个星座,生成缘分指数和相处建议
🏠 空间生成——根据星座特质自动生成专属庇护所
🏆 等级系统——从初心小屋到天空之城的成长之路
🎨 装饰物系统——解锁12种装饰物,为空间增添个性

四.老师说&同学说
01.
老师评语

“这个星座网站很惊艳。深紫星空背景治愈感很足,运势查询、星座匹配、空间生成、等级系统四大核心功能完整,空间生成的Canvas绘制尤其有创意。
更难得的是,这是同学用AI一步步迭代出来的——从最初简陋的输入框,到现在的完整平台,你学会了向AI提问。代码是AI写的,但想法是你的。
门课的目标达到了:想法比代码更重要,将AI变为工具,让我们每个人都能成为产品设计师。”
02.
同学评价


想到了抖音上的AI视频哈哈哈哈哈哈哈哈哈
算的也太准了…怎么做到的…
太有意思的网站了
十二星座!决定你的庇护所!
“界面太好看了!是我喜欢的星空风格,完全不觉得俗气。每次打开都有种被治愈的感觉。空间生成功能太棒了,我生成了三个白羊座专属空间,每个都不一样,太有成就感了!”
“作为一个对星座半信半疑的人,这个APP让我重新认识了星座。不是迷信,而是一种了解自己和他人的有趣视角。文案写得很温暖,没有那种‘算命’的感觉。空间生成功能很治愈,每天睡前生成一个,感觉像做了一场白日梦。”
“空间生成是我最喜欢的功能!每次点击‘开始生成’都像拆盲盒一样期待。已经生成了8个空间,解锁了樱花树装饰物,好期待天空之城!”

五、精进建议

1. 增加空间自定义功能
空间生成完全基于AI算法,建议加入手动调整选项,允许用户替换装饰物、调整布局,让用户的个人偏好有更多表达空间。
2. 优化装饰物解锁机制
装饰物数量较少,且解锁速度较慢,建议增加装饰物数量或提供更多免费解锁途径,给用户更多选择和成就感。
3. 增加社区化功能
主要是个人探索体验,建议增加星座话题讨论、空间展示分享等功能,让用户之间产生互动,形成真正的“星座社区”。


六、总结与展望

我们相信,星座不是迷信,而是一种理解自我和他人的有趣视角。星座庇护所不是终点,而是一个新的起点。未来,我们希望它不仅仅是一个网站,而是一个温暖的星座社区,一个让每个星座用户都能找到归属感的地方。
如果你也有想要实现的想法,如果你也想看看自己用AI能创造什么——关注我们,加入更多创意实践,一起探索AI时代的无限可能。



关注AI传习社
传千年师道,习万物智能
✅ AI作品分享 & 智能技术教学
✅ 线下活动预约& AI作品定制
✅ 交流合作|内容共创|项目对接
投稿/合作/交流:3678581590@qq.com
部分图文来源于网络,侵删
AI传习社
关注我们


AI传习社
作者丨张蓓蓓
编辑丨赖银珊
一审丨陈泓霓
二审丨李家凝
终审丨解山娟
End
夜雨聆风