https://github.com/szymonkaliski/SDF-UI

WebGL node editor for Signed Distance Functions
https://github.com/szymonkaliski/SDF-UI

graph react redux ui webgl

Last synced: 3 months ago
JSON representation

WebGL node editor for Signed Distance Functions

• Host: GitHub
• URL: https://github.com/szymonkaliski/SDF-UI
• Owner: szymonkaliski
• License: mit
• Created: 2017-01-29T15:04:12.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2017-02-01T09:21:37.000Z (almost 8 years ago)
• Last Synced: 2024-06-22T18:48:02.318Z (5 months ago)
• Topics: graph, react, redux, ui, webgl
• Language: JavaScript
• Homepage: https://sdf-ui.firebaseapp.com/
• Size: 275 KB
• Stars: 109
• Watchers: 7
• Forks: 10
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# SDF-UI

## Experimental node-based UI for generating SDF shaders in a browser



Live: [https://sdf-ui.firebaseapp.com](https://sdf-ui.firebaseapp.com)

Made with [react](https://facebook.github.io/react/), [react-gl](https://github.com/gre/gl-react), [redux](https://github.com/reactjs/redux) and [immutable](https://facebook.github.io/immutable-js/).

Most of the code is intentionally left without any optimisations, to be used as starting point for building other graph-based UIs.

## Run

1. clone this repo

2. `yarn` or `npm install`

3. `yarn run start` or `npm start`

## Build

1. `yarn run build` or `npm run build`

## TODO

- [ ] make math operations work on vec3 as well as float - this will require inputs that can accept both floats and vec3s

- [ ] add a way to "unpack" vec3 into three floats, process them, and pack again

- [ ] overwrite connections instead of blocking if there's already one made