- tukine2026-07-199428
- sailtrack2026-07-1976899
我去,牛啊大佬。能分享一下提示词吗。这个太有创意了我说实话
- DavidLee2026-07-1911190
其实我觉得这个网页做的蛮不错的,就是有一种很治愈的感觉
- 小佬弟2026-07-1931275
可以转化壁纸吗,放到电脑壁纸后面不错
- tukine2026-07-199428
嗯,,,就是一点点改出来的,好像不知道怎么分享
- scp35002026-07-197486
佬能透露一下是哪个模型吗,我是真想知道啊
- Jeffry2026-07-1924260
好牛啊。但是"不是 xxx,是 xxx"的表达好像有点多了
- sureai2026-07-194370
如诗如画如电影,确实效果很有意思
- tukine2026-07-199428
Notion 里面的 Fable5,
- wanmu2026-07-1924446
我去大佬你是来炫技的吗,这做的也太好了
- 1000ttank2026-07-198219
可以通过 github 开源出来嘛,我想做成壁纸 qwq
- tukine2026-07-199428
用纯原生 HTML5 Canvas 写一个零依赖单文件交互作品《候鸟 · MIGRATION》:
一群纸质感几何候鸟沿一条无限延伸的迁徙航线飞行,世界、镜头、音乐、诗句
全部程序化生成,永不循环重复。
【世界:风格是地理属性】
- 俯瞰大地程序化无限生成:田块网格、双正弦蜿蜒河流、欧洲老城临河联排屋
(共用山墙、高低错落、偶发教堂尖塔)、后排散屋、烟囱、树木
- 5 种场景风格 = 5 段地理气候,沿飞行方向分段轮换(每段约 8600 世界单位):
暖纸 WARM / 雾境 MIST / 暮粉 DUSK / 雪境 SNOW / 夜航 NIGHT
- 风格锋面参差不齐、带长过渡带:地面、天空、雾、粒子、鸟的配色
全部在两种风格间连续插值,绝不硬切
- 风格细节:雪境针叶树+屋脊积雪;夜航窗户亮灯、星星浮现、河面反光熄灭;
晨昏锋面处地平线出现太阳光晕和地面光池(不画太阳圆盘)
- 粒子随风格换型:尘絮 / 雪花(最多约240颗)/ 花瓣 / 萤火,参与深度排序
【鸟群:30 只独立弹簧(触屏 22 只)】
- 金角螺旋铺满椭圆盘 + 分层高度;每只鸟独立刚度、独立相位、
胆量按幂律分布(少数头鸟敢冲很远)
- 几何纸鸟造型:鸟头、龙骨、双翼、尾,三角面拼成,带地面投影
- Boids 分离力(平方衰减+力上限+速度阻尼,滑开而不是弹开)
- 左侧 60% 屏幕软引力边界:越靠边推动衰减越强,每只鸟边界呼吸相位不同
- 鸟色随场景冷暖偏移 10–20%(保持纸白主调,夜航转月光蓝灰),
过渡带内每只鸟按自身位置采样,群体可同时带两端色
【镜头:无剪辑的自动运镜系统】
- 16 个命名镜位库(正俯视、俯冲、贴河掠水、沿河前推、侧向轨道、
低空宽景、环绕、拉远揭示、正背面、迎面、高空漂移……)
- 每圈约 96 秒,每镜 16–19 秒,段内前半保持、后半平滑滑向下一镜,
全程连续无切换;跨圈无缝衔接
- 每圈按规则重排变奏:骨架固定(俯视→下降→中景→压轴→回升),
高圈/低圈交替,压轴背面/迎面隔圈轮换,相邻镜偏航差≥30°防跳剪,
距离近/中/远三档随机抽卡;左上角实时显示镜位名与变奏号(如 VAR 02)
- 自动/自主镜头切换:自主模式下拖拽转镜头(俯仰+偏航)、滚轮或双指捏合真缩放
【交互:鼠标 = 风】
- 光标偏移引航鸟群(越靠屏幕边缘漂移越快),带微抖死区;
光标越快响应越缓(反向 1€ 滤波),松手后风势缓缓消散、纸飞机自己滑回航线
- 自动模式下滚轮 = 轻微观察偏移(拉远/抬高),停手 2 秒缓慢回归
- 手机:触摸即风眼;竖拿时整页 CSS 旋转 90° 强制横向体验;按 DPR 渲染防糊
【声音】
- 两首内嵌 base64 配乐交替循环(曲间停 2.4 秒),开场 5 秒淡入
- WebAudio 程序化环境声三层:风(低通噪声+LFO 起伏)、
河水(窄带噪声,镜头低且贴近河道才浮现)、纸翼簌簌(高频,贴近才可闻)
- 音乐开关按钮
【诗句层】
- 13 段候鸟主题短诗随旅程轮播,逐字淡入 + 一条横线展开;
白天墨色、夜航转白,颜色随世界换装渐变;可开关
【开场与 UI】
- 「开始迁徙 →」按钮:请求全屏 + 锁横屏 + 防息屏
- 开局场景选择(暖纸/暮粉/夜航/雾/雪)= 选择起飞地点,之后仍沿同一航线飞
- 米纸底色 #f6f2e9、墨字 #3a362c,UI 墨色随场景自动变色
- 大屏适配:≥2200px UI 文字约 1.5 倍,≥3200px 约 2 倍;小屏不变
- tukine2026-07-199428
那我看能不能开源,其实只有一个 HTML
- wuang2026-07-1916490
楼主能放在github上吗,或者把HTML文件放出来
- wanmu2026-07-1924446
创意无价呀佬,佬友的创意真是太好了
- wuxubiao2026-07-1964114
这可以说是相当不错的屏保或者壁纸,话说这字数限制能不能少点呀,我就只想夸一句还得强行凑满字数 ^-^
- wuang2026-07-1916490
让豆包根据网站复刻了一个,还是有些问题,但是没额度了,也不知道把源码搞出来

4kn3qj1h56kpk.feishuapp.com

候鸟迁徙动画
沉浸式交互式Canvas动画网站,跟随鼠标操控鸟群飞行,切换多场景配色,体验治愈的候鸟迁徙之旅。
豆包对话

- 绎袅2026-07-1922834
如果只有一个html的话就可以直接打开网页保存就行了
- wuang2026-07-1916490
应该不是简单的HTML,我感觉还有对应的js文件和css文件


