{"id":13523813,"url":"https://deepkolos.github.io/shader-graph-wgsl/","last_synced_at":"2025-04-01T01:33:36.484Z","repository":{"id":161611692,"uuid":"632744744","full_name":"deepkolos/shader-graph-wgsl","owner":"deepkolos","description":"一个 Unity Shader Graph 高仿 WGSL 特供版","archived":false,"fork":false,"pushed_at":"2024-03-11T13:14:22.000Z","size":8316,"stargazers_count":105,"open_issues_count":0,"forks_count":6,"subscribers_count":6,"default_branch":"main","last_synced_at":"2024-11-02T08:31:17.643Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://deepkolos.github.io/shader-graph-wgsl/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/deepkolos.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-04-26T03:28:36.000Z","updated_at":"2024-10-27T01:42:00.000Z","dependencies_parsed_at":null,"dependency_job_id":"a416aa75-6264-4d08-b812-30e8d8ecd2b8","html_url":"https://github.com/deepkolos/shader-graph-wgsl","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deepkolos%2Fshader-graph-wgsl","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deepkolos%2Fshader-graph-wgsl/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deepkolos%2Fshader-graph-wgsl/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deepkolos%2Fshader-graph-wgsl/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/deepkolos","download_url":"https://codeload.github.com/deepkolos/shader-graph-wgsl/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246567360,"owners_count":20798158,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-01T06:01:03.962Z","updated_at":"2025-04-01T01:33:31.472Z","avatar_url":"https://github.com/deepkolos.png","language":"TypeScript","funding_links":[],"categories":["Demos"],"sub_categories":["Safari"],"readme":"# Shader Graph WGSL\n\n一个 Unity `Shader Graph` 高仿 `WGSL` 特供版\n\n## Demo\n\n[在线体验](https://deepkolos.github.io/shader-graph-wgsl/)\n\n\u003cdiv style=\"display: grid; grid: repeat(2, 180px) / auto-flow 290px;\"\u003e\n  \u003cimg width=\"280\" alt=\"fresnelOutline\" src=\"./screenshots/fresnelOutline.png\"\u003e\n  \u003cimg width=\"280\" alt=\"dissolve\" src=\"./screenshots/dissolve.png\"\u003e\n  \u003cimg width=\"280\" alt=\"procedural\" src=\"./screenshots/procedural.png\"\u003e\n  \u003cimg width=\"280\" alt=\"subgraph\" src=\"./screenshots/subgraph.png\"\u003e \n  \u003cimg width=\"280\" alt=\"subgraph\" src=\"./screenshots/previewNumber.png\"\u003e \n  \u003cimg width=\"280\" alt=\"subgraph\" src=\"./screenshots/flowmap.png\"\u003e \n\u003c/div\u003e\n\n## TODO\n\n- 增加 视频内 Demo https://www.bilibili.com/video/BV1GB4y1y7FT\n- 增加 [PreviewNumber 节点](https://deepkolos.github.io/shader-graph-wgsl/?graph=devUtility) ✅\n- 增加 [FlowMap Demo](https://deepkolos.github.io/shader-graph-wgsl/?graph=demoFlowMap) ✅\n- 修复内存泄漏 ✅\n- 迁移 https://juejin.cn/post/7160463663504031781 文中特效到shader graph\n  - [demoImageFlip](https://deepkolos.github.io/shader-graph-wgsl/?graph=demoImageFlip) ✅\n- 完善 Lit template\n- 编辑操作\n  - 缩放限制 ✅\n  - minimap\n  - 全貌\n  - 自动对齐\n  - 多选 ✅\n  - 背景拖拽 ✅\n    - no alt 框选 ✅\n    - alt 整体拖拽 ✅\n  - 复制粘贴剪切[单/多] ✅ 快捷键控制(TBD)\n  - 单点链接未完成弹出新增节点菜单,选择后并链接 ✅\n  - 新增节点弹窗增加键盘控制[enter/上下] (TBD)\n- 问题\n  - 大图长连接不容易阅读, 也不容易模块化\n    - 解: 设计新增variable节点 ~~会对编译顺序有影响, 需要编译完variable 定义节点, 才能编译引用节点~~\n    - ✅ 提供VariableRef/VariableDef 不修改原有编译顺序, 只是个不显示连接的特殊节点\n  - 函数节点内容不方便编辑 先提供个方便编辑的地方\n  - 参数更新复用老参数配置\n  - 链接稍微困难, 需要增大识别区域 ✅\n  - 右键未触发节点选择 导致删除可能误删, 先增加提示+顺序调整规避 ✅\n  - 右键菜单二级菜单无法显示 ✅\n  - 缺少SG示例库 节点开发不方便 资源上传需要代码手动替换\n  - SubGraph编译报错 还是有一些偶现的编译出错 ✅ 编译时序问题 编译1未完成再编译2\n  - 节点数量多时候编辑卡顿 预览canvas合并为一个 ✅\n\n# 赞助\n\n如果项目对您有帮助，欢迎打赏\n\n\u003cimg src=\"https://upload-images.jianshu.io/upload_images/252050-d3d6bfdb1bb06ddd.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240\" alt=\"赞赏码\" width=\"300\"\u003e\n\n感谢各位支持~~\n# License\n\nMIT 仅供学习交流使用","project_url":"https://awesome.ecosyste.ms/api/v1/projects/deepkolos.github.io%2Fshader-graph-wgsl%2F","html_url":"https://awesome.ecosyste.ms/projects/deepkolos.github.io%2Fshader-graph-wgsl%2F","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/deepkolos.github.io%2Fshader-graph-wgsl%2F/lists"}