Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/richardboehme/pixi-graph-editor-poc
Proof of Concept of a graph editor written with PixiJS
https://github.com/richardboehme/pixi-graph-editor-poc
Last synced: 13 days ago
JSON representation
Proof of Concept of a graph editor written with PixiJS
- Host: GitHub
- URL: https://github.com/richardboehme/pixi-graph-editor-poc
- Owner: richardboehme
- License: mit
- Created: 2023-11-06T16:34:37.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-11-14T15:18:27.000Z (12 months ago)
- Last Synced: 2024-10-05T00:41:54.477Z (about 1 month ago)
- Language: JavaScript
- Homepage: https://richardboehme.github.io/pixi-graph-editor-poc/
- Size: 16.6 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Proof of Concept: Pixi Graph Editor
This little demo web app implements a simple line graph editor using [PixiJS](https://pixijs.com/).
The application renders a list of points into a graph. The user can modify the coordinates of the points either by directly manipulating the x and y coordinates of the points in an input field or by dragging the point in the diagram.
Clicking on a line creates a new point that can be manipulated.
## Installation
Install NodeJS and npm. Afterwards, run
```
$ npm install && npm run dev
```
You should be able to visit the page at https://localhost:5173/pixi-graph-editor-poc. Maybe a different port has to be used. Have a look at the console output.