{ "$schema": "https://open-design.ai/schemas/plugin.v1.json", "specVersion": "1.0.0", "name": "example-webgl-distortion-grain", "title": "Distortion & Grain", "title_i18n": { "zh-CN": "失真与颗粒", "zh-TW": "失真與顆粒", "ja": "ディストーション&グレイン", "ko": "디스토션 & 그레인", "de": "Verzerrung & Korn", "fr": "Distorsion & grain", "ru": "Искажение и зерно", "es": "Distorsión y grano", "pt-BR": "Distorção e grão", "en": "Distortion & Grain" }, "version": "0.1.0", "description": "A vertical gallery (Three.js) where planes bend with scroll velocity, ripple under the cursor via simplex noise, and carry a film grain.", "description_i18n": { "zh-CN": "竖向图廊(Three.js):平面随滚动速度弯曲、在光标处经单纯形噪声起伏失真,并带胶片颗粒。", "zh-TW": "豎向圖廊(Three.js):平面隨捲動速度彎曲、在游標處經單純形雜訊起伏失真,並帶底片顆粒。", "en": "A vertical gallery (Three.js) where planes bend with scroll velocity, ripple under the cursor via simplex noise, and carry a film grain." }, "license": "MIT", "author": { "name": "Open Design", "url": "https://github.com/nexu-io" }, "credits": [ { "role": "effect", "name": "Jan Kohlbach / Codrops", "license": "MIT" }, { "role": "imagery", "name": "Original (AI-generated)" }, { "role": "simplex noise", "name": "Ashima Arts", "license": "MIT" } ], "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-distortion-grain", "tags": [ "example", "first-party", "gallery", "webgl", "three.js", "scroll", "distortion", "grain", "shader", "powered-preview", "untitled" ], "compat": { "agentSkills": [ { "path": "./SKILL.md" } ] }, "od": { "kind": "scenario", "taskKind": "new-generation", "mode": "prototype", "scenario": "design", "surface": "web", "preview": { "type": "html", "entry": "./example.html" }, "useCase": { "query": { "en": "Build a vertical gallery where image planes bend with scroll velocity, distort under the cursor via simplex noise, and carry a film grain.", "zh-CN": "构建竖向图廊,图片平面随滚动速度弯曲、在光标处经单纯形噪声失真、并带胶片颗粒。" } }, "context": { "skills": [ { "path": "./SKILL.md" } ], "designSystem": { "primary": true } }, "pipeline": { "stages": [ { "id": "generate", "atoms": [ "file-write", "live-artifact" ] } ] }, "capabilities": [ "prompt:inject", "fs:write" ] } }