https://github.com/dahegyi/hydra-plus

a visual editing environment for hydra-synth
https://github.com/dahegyi/hydra-plus

hydra-synth javascript modular-synth threejs visualizer vuejs webgl

Last synced: 24 days ago
JSON representation

a visual editing environment for hydra-synth

• Host: GitHub
• URL: https://github.com/dahegyi/hydra-plus
• Owner: dahegyi
• License: mit
• Created: 2022-11-07T22:17:44.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2025-09-05T16:16:49.000Z (9 months ago)
• Last Synced: 2025-09-05T18:30:00.183Z (9 months ago)
• Topics: hydra-synth, javascript, modular-synth, threejs, visualizer, vuejs, webgl
• Language: Vue
• Homepage: https://hydra-plus.xyz
• Size: 8.42 MB
• Stars: 12
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# hydra+

![GitHub package.json version](https://img.shields.io/github/package-json/v/dahegyi/hydra-plus)

hydra+ is a double-screen visual editing environment based on the [hydra synth](https://github.com/hydra-synth/hydra-synth), designed for ease of use and to project live visuals without revealing any code.

_The application is tested only on Chromium-based browsers, so it may not work properly on other browsers._

If you have any questions, suggestions, or just want to report a bug, please use the **Issues** or **Discussions** tab on [Github](https://github.com/dahegyi/hydra-plus).

## Known issues:

- initScreen doesn't work properly in visualizer

- initScreen doesn't initialize properly after refreshing the page

## Local development

1. Clone the repository: `git clone git@github.com:dahegyi/hydra-plus.git`

2. Install dependencies: `npm install`

3. Run the development server: `npm run dev`

### Usage

- `npm run dev` - Runs the development server

- `npm run build` - Builds the production version

- `npm run preview` - Serves the production version locally

- `npm run prepare` - Installs the Git hooks (runs automatically on `npm install`)

- `npm run lint` - Runs ESLint and Stylelint

- `npm run lint:fix` - Runs ESLint and Stylelint and fixes the errors