星心 · StarHeart

用一片立体星空
把一句话送到 TA 心里

由几万颗会呼吸的星星组成的 3D 立体爱心,写上 TA 的名字和你的祝福,
配上一段当场合成的音乐 —— 生成一条链接,发过去就行了。

先看看效果 👉

左边这个预览就是真页面,可以直接点着玩。手机上点「点亮这片星空」会有音乐。

✦ 我也要做一个 先体验一下

这里面有什么

💗

3D 立体星星爱心

不是一张平面图,而是真正有厚度、会自转的立体爱心,由两三万颗独立闪烁的星星堆出来。

🪐

会动的不止爱心

环绕公转的小行星、升起的星尘喷泉、掠过的流星、上浮的光点、向外扩散的星环 —— 一共 8 组动画主体,随便开关。

🎵

音乐是当场算出来的

配乐由浏览器实时合成,不是 mp3。所以零版权风险、零加载体积,还能按主题换调式、速度、音色。

🔗

内容全在链接里

名字、祝福语、主题、音乐都压进一条链接,不用数据库、不用后端,链接发过去就能看。

💳

收款和内容分开跑

收款只认「订单号 + 金额 + 推荐人」,内容只认「一张签过名的卡密」。两边互不依赖,谁挂了都不影响另一方。

📈

推广佣金可追踪

链接后面加 ?ref=名字,每一单都会记下推广人,结算比例自己定,后台一键导出账目。

五步就做完了

第一步 · 网址链接

这个项目就是一个纯静态网站,部署上去就有自己的真链接。不需要买服务器,免费额度足够跑很久。

第二步 · 星星搭的爱心

爱心用「回旋体」数学算出来:把 2D 心形切片绕轴转一圈,得到真正的体积,再往里撒星星。已经做好并调过性能了。

第三步 · 配乐

四种主题各配一段实时合成的音乐;想换成自己的歌,把 mp3 丢进 assets/audio/ 就能切换。

第四步 · 定制内容

定制页填名字和祝福语,实时预览,一键生成专属链接 + 二维码,客户直接复制就能发。

第五步 · 收款与佣金

四种收款方式可选(收款码 / 跳转链接 / 人工确认 / 自动对接)。出单后台自动生成卡密、记录推广人、算出佣金。

要花多少钱

价格写在 site/data/config.json 里,你想改多少就改多少,改完刷新就生效。

常见问题

客户需要下载 App 吗?

不用。就是个网页,微信里点开就能看、就能听音乐。

没有服务器能跑吗?

能。整个站点是纯静态的,收款部分用「卡密」方案,不需要任何后端。以后想全自动收款再加一个免费的 Cloudflare Worker 就行。

链接会不会太长?

祝福语太长时链接会变长。建议祝福语控制在 120 字以内,或者用「短网址」服务再包一层(教程里有)。

能不能做成微信小程序?

可以,但有几个硬门槛(个人主体不能开通支付、虚拟内容类目审核难)。详细结论写在 部署教程的最后一节