跳到正文
网页珍奇柜Web Curio

无限山水长卷

{Shan, Shui}* (shan-shui-inf),Lingdong Huang,2018 年

正在布展…

原作直展:这是 Lingdong Huang 的原始作品,按 MIT 许可证收录(版本 9f754d2)。原作代码未作修改;本柜的展示页把高 800 像素的长卷缩放到藏品框的高度,只能左右卷动,鼠标滚轮也会把长卷向前展开。开头它会自己慢慢卷动,滚一下滚轮就交给你。左上角是原作自带的菜单,可以换一幅新山水。 许可证全文 · 收录说明

它是怎么做的

  1. 第 1 步用 Perlin 噪声生成山体轮廓,叠加多层纹理笔触模拟皴法。
  2. 第 2 步树、房屋、人物等元素由独立的过程函数生成并按景深摆放。
  3. 第 3 步按视口分块生成,向右滚动时追加新的区块。
  4. 第 4 步整页是 SVG,可以按 seed 复现同一幅画。

复刻配方

一段技术配方,可以直接交给 AI 编程助手,也可以自己照着写。想指定技术栈、位置和性能预算,就把它加入实现方案。

Split the scroll into fixed-width chunks and generate each one deterministically from a seed plus chunk index. For mountains, build a silhouette from 1D noise, fill it with a paper color, then add many short noise-displaced strokes inside following the slope to mimic texture strokes. Place trees and small buildings with procedural functions at depth layers, drawing farther layers lighter. Append chunk SVG groups as the user scrolls horizontally and remove ones far off-screen.

档案

能不能拿来用

原作以 MIT 许可开源:可以阅读源码学习,按许可证条款使用;在自己的项目里引用时保留原作者署名。

性能开销

视觉强度

实现难度

尺度为策展判断(1 到 5),用于比较和推荐。

核实记录:Live page loads (HTTP 200); gh api: MIT, created 2018-01-30, description 'Procedurally generated Chinese landscape painting.'