https://github.com/repcomm/glsl-graph

https://github.com/repcomm/glsl-graph

Last synced: 10 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/repcomm/glsl-graph
• Owner: RepComm
• Created: 2022-11-20T00:13:32.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2022-11-20T00:13:47.000Z (about 3 years ago)
• Last Synced: 2025-01-28T08:52:35.553Z (12 months ago)
• Language: TypeScript
• Size: 185 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: ReadMe.md

Awesome Lists containing this project

README

          
# glsl-graph

Attempting to make a node based GLSL editor

Also an exercise at making a not terrible node editor

I like using blender a lot, so this will probably mimick blender's Shader Nodes editor for the most part input-wise.

![img](./example.png)

## Implemented

- Node rendering

- Connection rendering

- Dynamic input/output ports

- Input:

  - G : Grab (move) similar to blender

  - B : Box Select (similar to blender)

  - Click (+Shift) : Select (similar to blender)

  - C : Start Connect (not final, debugging purposes, hover over a node then press C, then click on another node)

- Box Selection

- Click selection

- Multi selection with Shift

- A ModeHandler to handle different states of editing