https://deepkolos.github.io/shader-graph-wgsl/

一个 Unity Shader Graph 高仿 WGSL 特供版
https://deepkolos.github.io/shader-graph-wgsl/

Last synced: 5 days ago
JSON representation

一个 Unity Shader Graph 高仿 WGSL 特供版

• Host: GitHub
• URL: https://deepkolos.github.io/shader-graph-wgsl/
• Owner: deepkolos
• Created: 2023-04-26T03:28:36.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-03-11T13:14:22.000Z (8 months ago)
• Last Synced: 2024-06-05T15:50:25.138Z (5 months ago)
• Language: TypeScript
• Homepage: https://deepkolos.github.io/shader-graph-wgsl/
• Size: 7.93 MB
• Stars: 96
• Watchers: 6
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-webgpu - Shader Graph WGSL - A node based shader editor, by [deepkolos](https://github.com/deepkolos) - [Repository](https://github.com/deepkolos/shader-graph-wgsl) (Demos / Safari)

README

        
# Shader Graph WGSL

一个 Unity `Shader Graph` 高仿 `WGSL` 特供版

## Demo

[在线体验](https://deepkolos.github.io/shader-graph-wgsl/)



  

  

  

   

   

   



## TODO

- 增加 视频内 Demo https://www.bilibili.com/video/BV1GB4y1y7FT

- 增加 [PreviewNumber 节点](https://deepkolos.github.io/shader-graph-wgsl/?graph=devUtility) ✅

- 增加 [FlowMap Demo](https://deepkolos.github.io/shader-graph-wgsl/?graph=demoFlowMap) ✅

- 修复内存泄漏 ✅

- 迁移 https://juejin.cn/post/7160463663504031781 文中特效到shader graph

  - [demoImageFlip](https://deepkolos.github.io/shader-graph-wgsl/?graph=demoImageFlip) ✅

- 完善 Lit template

- 编辑操作

  - 缩放限制 ✅

  - minimap

  - 全貌

  - 自动对齐

  - 多选 ✅

  - 背景拖拽 ✅

    - no alt 框选 ✅

    - alt 整体拖拽 ✅

  - 复制粘贴剪切[单/多] ✅ 快捷键控制(TBD)

  - 单点链接未完成弹出新增节点菜单,选择后并链接 ✅

  - 新增节点弹窗增加键盘控制[enter/上下] (TBD)

- 问题

  - 大图长连接不容易阅读, 也不容易模块化

    - 解: 设计新增variable节点 ~~会对编译顺序有影响, 需要编译完variable 定义节点, 才能编译引用节点~~

    - ✅ 提供VariableRef/VariableDef 不修改原有编译顺序, 只是个不显示连接的特殊节点

  - 函数节点内容不方便编辑 先提供个方便编辑的地方

  - 参数更新复用老参数配置

  - 链接稍微困难, 需要增大识别区域 ✅

  - 右键未触发节点选择 导致删除可能误删, 先增加提示+顺序调整规避 ✅

  - 右键菜单二级菜单无法显示 ✅

  - 缺少SG示例库 节点开发不方便 资源上传需要代码手动替换

  - SubGraph编译报错 还是有一些偶现的编译出错 ✅ 编译时序问题 编译1未完成再编译2

  - 节点数量多时候编辑卡顿 预览canvas合并为一个 ✅

# 赞助

如果项目对您有帮助，欢迎打赏



感谢各位支持~~

# License

MIT 仅供学习交流使用