hub / github.com/RedContritio/shan_shui_inf

github.com/RedContritio/shan_shui_inf @main

Chat with this repo

repository ↗ · DeepWiki ↗ · + Follow

256 symbols 592 edges 30 files 3 documented · 1% ● updated 3y agostable · 2021-12-13★ 451 open issues

Browse by type

⨍ Functions 195◇ Types & classes 61

What it actually does AI analysis from the code graph — generated when you open this

loading…

README

{Shan, Shui}*

English | 中文

Procedurally-understandably-generated vector-format infinitely-scrolling Chinese landscape for the browser.

This project is based on react framework, and use typescript to code.

Support downloading svg image of any range (without background).

The algorithm is based on page of {Shan, Shui}* coded by Lingdong Huang

[TOC]

Install

sudo apt-get install nodejs
npm install # or `yarn`

Usage

npm start

Render Components

man

water

architecture

arch01

green - hut

red - box

pink - rail

arch02

black - deco

red - box

arch03

blue - pagroof

red - box

pink - rail

arch04

blue - pagroot

red - box

pink - rail

boat01

transmissionTower01

tower01

tree

tree01

tree02

tree03

tree04

tree05

tree06

tree07

tree08

mountain

flatmountain

distmountain

TODO

[ ] Add airplane
[ ] Deploy to GitHub Pages via GitHub Actions
[ ] More smooth autoscroll

Extension points exported contracts — how you extend this code

ISvgElement (Interface)

(no doc) [3 implementers]

src/render/svg/interfaces.ts

src/ui/SettingPanel.tsx

IPoint (Interface)

(no doc) [2 implementers]

src/render/basic/point.ts

State (Interface)

(no doc)

src/ui/SettingPanel.tsx

IChunk (Interface)

(no doc) [1 implementers]

src/render/basic/chunk.ts

browse all types & interfaces →

Core symbols most depended-on inside this repo

↓ 11 filesPRNG

src/render/basic/PRNG.ts

↓ 8 filesPerlinNoise

src/render/basic/perlinNoise.ts

↓ 5 filesstroke

src/render/parts/brushes.ts

↓ 5 filespoly

src/render/basic/utils.ts

↓ 4 filesrandChoice

src/render/basic/utils.ts

↓ 4 filesnormRand

src/render/basic/utils.ts

browse all functions →

Shape

Function 103

Method 92

Class 40

Interface 21

Languages

TypeScript100%

Modules by API surface

src/render/basic/point.ts23 symbols

src/render/parts/tree.ts20 symbols

src/render/parts/arch.ts19 symbols

src/render/svg/types.ts18 symbols

src/App.tsx17 symbols

src/ui/Menu.tsx16 symbols

src/render/parts/man.ts15 symbols

src/ui/ScrollableCanvas.tsx13 symbols

src/render/basic/range.ts13 symbols

src/render/basic/polytools.ts12 symbols

src/render/parts/mountain.ts10 symbols

src/ui/ButtonSource.tsx9 symbols

For agents

$ claude mcp add shan_shui_inf \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact

github.com/RedContritio/shan_shui_inf @main

{Shan, Shui}*

Install

Usage

Render Components

man

water

architecture

arch01

arch02

arch03

arch04

boat01

transmissionTower01

tree

tree01

tree02

tree03

tree04

tree05

tree06

tree07

tree08

mountain

mountain

flatmountain

distmountain

TODO

Extension points exported contracts — how you extend this code

Core symbols most depended-on inside this repo

Shape

Languages

Modules by API surface

For agents

Ask about this repo answers extend the page