用 ai 写了个 网页,各位佬们帮忙看看,🫣求轻喷

tukine 2026-07-19 20:57 1





不是专业的,所以很多地方可能做得不太好,我也不知道写了个什么,,,请见谅^-^^-^^-^,网址链接 https://view.novusrelay.com/

最新回复 (18)
  • sailtrack 07-19 20:58
    1

    我去,牛啊大佬。能分享一下提示词吗。这个太有创意了我说实话

  • DavidLee 07-19 20:58
    2

    其实我觉得这个网页做的蛮不错的,就是有一种很治愈的感觉

  • 小佬弟 07-19 20:59
    3

    可以转化壁纸吗,放到电脑壁纸后面不错

  • tukine 楼主 07-19 21:00
    4

    嗯,,,就是一点点改出来的,好像不知道怎么分享

  • scp3500 07-19 21:05
    5

    佬能透露一下是哪个模型吗,我是真想知道啊

  • Jeffry 07-19 21:09
    6

    好牛啊。但是"不是 xxx,是 xxx"的表达好像有点多了

  • sureai 07-19 21:09
    7

    如诗如画如电影,确实效果很有意思

  • tukine 楼主 07-19 21:11
    8

    Notion 里面的 Fable5,

  • wanmu 07-19 21:12
    9

    我去大佬你是来炫技的吗,这做的也太好了

  • 1000ttank 07-19 21:15
    10

    可以通过 github 开源出来嘛,我想做成壁纸 qwq

  • tukine 楼主 07-19 21:16
    11

    用纯原生 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 倍;小屏不变

  • tukine 楼主 07-19 21:20
    12

    那我看能不能开源,其实只有一个 HTML

  • wuang 07-19 21:21
    13

    楼主能放在github上吗,或者把HTML文件放出来

  • wanmu 07-19 21:21
    14

    创意无价呀佬,佬友的创意真是太好了

  • wuxubiao 07-19 21:29
    15

    这可以说是相当不错的屏保或者壁纸,话说这字数限制能不能少点呀,我就只想夸一句还得强行凑满字数 ^-^

  • wuang 07-19 21:33
    16

    让豆包根据网站复刻了一个,还是有些问题,但是没额度了,也不知道把源码搞出来




    豆包对话

  • 绎袅 07-19 21:38
    17

    如果只有一个html的话就可以直接打开网页保存就行了

  • wuang 07-19 21:40
    18

    应该不是简单的HTML,我感觉还有对应的js文件和css文件

* 帖子来源Linux.do
返回