GitHub爆火!设计师用一个HTML文件造出京都月夜,打开就像走进电影

最近 GitHub 上有个项目火得不行——Kage,一位叫 Meng To 的设计师,把整个网站塞进了区区一个 HTML 文件里,却做出了电影级的沉浸式 3D 世界:月夜下的京都山寺、朱红满月、雨雾与落叶,打开页面就像走进一部动画电影。

玩法极简到“反常识”:没有按钮、没有菜单,全程只用鼠标滚轮。往下滚,镜头就沿着预设路径带你从山门走到静庭,看匠人工艺,最后在余晖中抵达“宣言”,五章叙事一气呵成。

Kage:京都月夜沉浸式3D网页场景

更硬核的是技术底子:基于 Three.js 实时渲染,配合泛光、胶片颗粒与暗角后处理;素材则由 GPT Image 2 生成图板,再拆成透明前景叠加进 3D 世界。整个项目零构建、零后端、零网络请求,克隆下来用任意静态服务器就能跑,而且完全开源免费。

适合谁?想惊艳客户的设计师、学 Three.js 的前端新手、做品牌预热页的营销人,甚至文旅和博物馆的数字导览都能“抄作业”。滚轮往下一滚,你会舍不得停。

网址:https://mengto.github.io/kage/(GitHub 开源:https://github.com/MengTo/kage)

暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇