分享一下Web 3D仿真的海面UI设计

Galok 2026-08-01 17:18 1

唠嗑一下怎么回事


最近想设计一个自己主页的跳转页面,见网上都是平平无奇的2D平面,尽管有些确实很漂亮,但是终究还是视觉上不够精彩。

然后我一直思考到底是为什么让我觉得不够独特?于是想自己设计一个符合自己喜好的中转页面,然后偶然看那个鬼动漫啥的,发现一念永恒挺好看的,这个画风不就是2D么,这个美感十足,但是看仙逆也是听可以,但是这个3D建模也还行,这两个动漫让我想到网页设计不就如此么。

反正就离谱的转折,那就搞个3D-Web?结果一搜索还真有,像那个Three.js,但是这个不太好改,我懒得学。 虽然都是AI在弄(滑稽)

于是调用起我的Agent,搜了几个GitHub项目找到了一个项目,让AI直接参考起来直接就做了。

后面的一些仿真都是自己慢慢打磨出来的,虽然是AI干活,但我想法毕竟还行。 ^-^


功能介绍



  • 模拟雷电、雷雨、天晴等真实天气变化

  • 日出日落、月升月降真实轨迹

  • 3D海平面,漂浮方式显示需要跳转的地址

  • 时间流速变化

  • 3D手动旋转切换不同视角(挺孤独的 ^-^)

  • 云层遮住也会明暗变化


详细展示



  • 正常进入


  • 这个是日出


  • 日落


  • 下雨


  • 星空


  • 瞅瞅这个闪电



有兴趣?


其实我很懒,没怎么看社区公告,也不太懂那个规则,所以就不乱贴一些地址了


反正这个也是AI一路搞定的,大家有兴趣可以自己撸一下哈哈哈

最新回复 (3)
  • Galok 楼主 08-01 17:27
    1

    这个项目放到github上了, 应该搜一下galokpeng能找到。 ^-^

  • bluse 08-01 17:46
    2

    galokpeng



    已star,正好嫌弃自己页面尝尝鲜 ^-^

  • Galok 楼主 08-02 01:31
    3

    非常感谢,我觉得很多2d做得都很精美,但是互动性太让人厌倦了

* 帖子来源Linux.do
返回