mirror of
https://github.com/nexu-io/open-design.git
synced 2026-10-27 09:51:12 +01:00
7d005a17c3
* feat(examples): add 10 WebGL example templates Adds 10 first-party powered-preview WebGL examples under plugins/_official/examples, each a self-contained dir (SKILL.md + example.html + open-design.json, self-contained i18n): C-tier — faithful Codrops ports (MIT + credit + LICENSE; original imagery): webgl-depth-gallery, webgl-pixel-reveal-gallery, webgl-horizontal-parallax, webgl-distortion-grain D-tier — original self-contained WebGL2 shader heroes (no third-party assets): webgl-caustic-pool, webgl-halftone-drift, webgl-holographic-foil, webgl-voronoi-cells, webgl-aurora-veil, webgl-liquid-iridescence All changed files are <1MB (pass the blob-size gate). The two large mirror showcases (oryzo, opendesign) are deferred: they exceed the 1MB blob guard and need their heavy assets moved to repository-assets R2 (per the gate's guidance). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> * fix(examples): stop shader setup after WebGL2 fallback message Wrap each pure-shader example script in an IIFE and return early when getContext('webgl2') is unavailable, so unsupported environments settle on the fallback message instead of throwing. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> --------- Co-authored-by: Tuola Ge <gexingli@refly.ai> Co-authored-by: Claude Opus 4.8 <noreply@anthropic.com>
94 lines
2.6 KiB
JSON
94 lines
2.6 KiB
JSON
{
|
|
"$schema": "https://open-design.ai/schemas/plugin.v1.json",
|
|
"specVersion": "1.0.0",
|
|
"name": "example-webgl-halftone-drift",
|
|
"title": "Halftone Drift",
|
|
"title_i18n": {
|
|
"zh-CN": "半调漂移",
|
|
"zh-TW": "半調漂移",
|
|
"ja": "ハーフトーン・ドリフト",
|
|
"ko": "하프톤 드리프트",
|
|
"de": "Halbton-Drift",
|
|
"fr": "Dérive en trame",
|
|
"ru": "Полутоновый дрейф",
|
|
"es": "Deriva de semitono",
|
|
"pt-BR": "Deriva de meio-tom",
|
|
"en": "Halftone Drift"
|
|
},
|
|
"version": "0.1.0",
|
|
"description": "A self-contained WebGL2 hero: a flowing field screened through a rotated halftone dot grid into a duotone print aesthetic; move the cursor to bend the drift.",
|
|
"description_i18n": {
|
|
"zh-CN": "自包含 WebGL2 主视觉：流场经旋转半调网点屏幕化为双色印刷质感；移动光标扰动漂移。",
|
|
"zh-TW": "自包含 WebGL2 主視覺：流場經旋轉半調網點螢幕化為雙色印刷質感；移動游標擾動漂移。",
|
|
"en": "A self-contained WebGL2 hero: a flowing field screened through a rotated halftone dot grid into a duotone print aesthetic; move the cursor to bend the drift."
|
|
},
|
|
"license": "MIT",
|
|
"author": {
|
|
"name": "Open Design",
|
|
"url": "https://github.com/nexu-io"
|
|
},
|
|
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/webgl-halftone-drift",
|
|
"tags": [
|
|
"example",
|
|
"first-party",
|
|
"hero",
|
|
"webgl",
|
|
"webgl2",
|
|
"shader",
|
|
"halftone",
|
|
"duotone",
|
|
"generative",
|
|
"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 self-contained WebGL2 hero of a flowing field screened through a rotated halftone dot grid into a duotone print look, cursor-reactive.",
|
|
"zh-CN": "构建自包含 WebGL2 主视觉：流场经旋转半调网点屏幕化的双色印刷质感，光标可扰动。"
|
|
}
|
|
},
|
|
"context": {
|
|
"skills": [
|
|
{
|
|
"path": "./SKILL.md"
|
|
}
|
|
],
|
|
"designSystem": {
|
|
"primary": true
|
|
}
|
|
},
|
|
"pipeline": {
|
|
"stages": [
|
|
{
|
|
"id": "generate",
|
|
"atoms": [
|
|
"file-write",
|
|
"live-artifact"
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"capabilities": [
|
|
"prompt:inject",
|
|
"fs:write"
|
|
]
|
|
}
|
|
}
|