[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-94472":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":15,"stars7d":15,"stars30d":16,"stars90d":15,"forks30d":15,"starsTrendScore":15,"compositeScore":17,"rankGlobal":10,"rankLanguage":10,"license":10,"archived":18,"fork":18,"defaultBranch":19,"hasWiki":20,"hasPages":20,"topics":21,"createdAt":10,"pushedAt":10,"updatedAt":28,"readmeContent":29,"aiSummary":30,"trendingCount":15,"starSnapshotCount":15,"syncStatus":31,"lastSyncTime":32,"discoverSource":33},94472,"kage","MengTo\u002Fkage","MengTo","An interactive five-chapter night walk through a Kyoto mountain temple, rendered live in Three.js.","https:\u002F\u002Fmengto.github.io\u002Fkage\u002F",null,"HTML",914,162,1,0,476,57.64,false,"main",true,[22,23,24,25,26,27],"creative-coding","generative-art","interactive-storytelling","japanese-design","threejs","webgl","2026-08-24 04:01:22","# Kage\n\nAn interactive five-chapter night walk through a Kyoto mountain temple, rendered live in Three.js and layered with cinematic generated imagery.\n\n[**View the live project**](https:\u002F\u002Fmengto.github.io\u002Fkage\u002F) · [**View the source**](https:\u002F\u002Fgithub.com\u002FMengTo\u002Fkage) · [**Read the build prompt**](PROMPT.md)\n\n![Kage preview](assets\u002Fkage-preview.webp)\n\n## What it does\n\n- Moves a live WebGL camera through a mountain temple as the page scrolls.\n- Combines procedural architecture, lantern light, fog, rain, drifting leaves, a vermilion moon, and a restrained bloom pipeline.\n- Layers editorial typography, generated scene plates, and alpha-preserving WebP foreground elements over the 3D world, with section-specific fade and blur transitions.\n- Includes chapter navigation, a responsive mobile layout, reduced-motion behavior, and a custom cursor for precise pointer devices.\n\n## How it is made\n\nKage is a deliberately small static site. `index.html` contains the document structure, CSS, procedural scene construction, scroll choreography, and interaction logic. A vendored Three.js r149 build provides WebGL rendering without a package manager or build step.\n\nThe temple, torii, lanterns, moon, terrain, rain, leaves, fog, and post-processing are constructed at runtime. Optimized WebP scene plates and foreground cutouts sit in normal HTML layers, giving the page its collage-like depth while keeping the camera path and lighting live.\n\n## Build or remix it\n\nThe portable implementation brief in [PROMPT.md](PROMPT.md) describes the scene structure, layout system, motion language, and quality constraints needed to rebuild or reinterpret the experience.\n\n## Run locally\n\nFrom the repository root, run:\n\n```bash\npython3 -m http.server 4173 --bind 127.0.0.1\n```\n\nThen visit [http:\u002F\u002F127.0.0.1:4173\u002F](http:\u002F\u002F127.0.0.1:4173\u002F).\n\nThere is no build step, environment variable, analytics script, or runtime network dependency. Python is used only to serve the static files locally; any equivalent static server will work.\n\n## Project structure\n\n```text\nkage\u002F\n├── index.html\n├── PROMPT.md\n├── README.md\n├── assets\u002F\n│   └── kage-preview.webp\n└── secret-pathways-assets\u002F\n    ├── fonts.css\n    ├── three.min.js\n    ├── generated\u002F\n    └── foreground\u002Fpng\u002F\n```\n\n## Design and attribution\n\nKage is an original, independent design study inspired by Japanese temple architecture and night gardens. It is not affiliated with a specific temple, cultural institution, or tourism organization.\n\nThe cinematic scene plates and foreground artwork were generated for this project using GPT Image 2, then art-directed and composed with the live Three.js scene. The vendored Three.js r149 build retains its MIT license notice and copyright attribution.\n\n## More projects\n\nOther single-file experiments in the same vein — no build step, no framework, everything in one HTML document.\n\n- [**Complete Shelf**](https:\u002F\u002Fmengto.github.io\u002Fcomplete-shelf\u002F) — an original Three.js library of seven interactive clothbound hardcovers. · [source](https:\u002F\u002Fgithub.com\u002FMengTo\u002Fcomplete-shelf)\n- [**Sketchbook**](https:\u002F\u002Fmengto.com) — a page-flipping sketchbook of Singapore: drag to turn the page, drag the magnifier across it. · [source](https:\u002F\u002Fgithub.com\u002FMengTo\u002Fsketchbook)\n- [**Agent Skills**](https:\u002F\u002Fgithub.com\u002FMengTo\u002FSkills) — the reusable skill library these pages are built with, including the [falling leaves](https:\u002F\u002Fgithub.com\u002FMengTo\u002FSkills\u002Ftree\u002Fmain\u002Fagent-skills\u002Fweb-design\u002Ffalling-leaves) and [pointer trail](https:\u002F\u002Fgithub.com\u002FMengTo\u002FSkills\u002Ftree\u002Fmain\u002Fagent-skills\u002Fweb-design\u002Fpointer-trail-emitter) techniques extracted from Kage.\n\n## License\n\nNo license is currently granted for reuse or redistribution of the original Kage code or artwork. The third-party Three.js runtime remains covered by its included MIT license notice.\n","Kage 是一个基于 Web 的交互式夜间山寺漫游体验，通过滚动页面驱动 Three.js 实时渲染的 3D 场景，呈现京都山中寺院的五章节叙事旅程。核心功能包括程序化生成的建筑与自然元素（灯笼、红月、雾、雨、落叶）、分层混合的 WebP 前景图像与实时 WebGL 渲染、电影级后处理（bloom、模糊、淡入淡出）及响应式交互设计（自定义光标、减少动画支持、移动适配）。项目采用单文件 HTML 架构，无构建步骤、无依赖、纯静态部署，强调轻量与可移植性。适用于创意编程展示、交互叙事实验、日本美学数字策展及 WebGL 教学示范等场景。",2,"2026-08-10 02:30:02","CREATED_QUERY"]