GithubHelp home page GithubHelp logo

pckerneis / webaudio-visual-editor Goto Github PK

View Code? Open in Web Editor NEW
7.0 7.0 2.0 1.42 MB

A visual editor for WebAudio graphs

License: GNU General Public License v3.0

HTML 0.05% CSS 0.07% JavaScript 0.21% C++ 98.83% C 0.84%
audio audio-applications javascript-applications juce juce-application webaudio webaudio-api webaudioapi

webaudio-visual-editor's People

Contributors

pckerneis avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

webaudio-visual-editor's Issues

jassert when inspecting multiline comment

Describe the bug
There's an assertion (jassert) in Debug mode when trying to inspect a comment name property with line breaks. The PropertyItemTextComponent's editor isn't set into multiline

To Reproduce
Steps to reproduce the behavior (in Debug mode)

  1. Create a comment element (right-click on the graph panel, Add..., Add comment)
  2. Type some multi-line text.
  3. If you select this comment alone, a jassert is triggered when updating the inspector panel.

Expected behavior
I think the best thing to do would be to allow multi-line text property components. But that would need some visual trickery as the first line of the property's value would begin with the parameter's name label. e.g.

value: "This is a multiline
text looking good"

We would need either to add some 'offset' to the first line of the value's TextEditor, or
having smart connected editors for each line (that sounds heavy for objects that may have thousands of copies for a session) or, the simplest solution (but not as much satisfying) : just add a line break before the value section e.g.

value:
"This is a multiline text
made easy"

Desktop (please complete the following information):

  • OS: OSX 10.13.6
  • Version: 0.0.1

AudioNode constructor methods aren't handled by Safari

Chrome and Mozilla accept constructor methods for AudioNodes but Safari is still expecting the factory methods (e.g. AudioContext.createGain() etc...). There should be an option in the app preferences to determine wether we should use the factory or the constructor methods.

More in-app documentation

I'd like more in-app documentation in various forms.

  • The only one implemented today is the tips for Message elements (a popup-up filtered list of methods accessible is shown when the message's editor is used).
  • There should be a description of WebAudio elements such as nodes, contexts, buffer... It could be a tip window in the LibraryPanel or maybe a footer bar (but it'd be a small space for potentially long texts).
  • There should be a documentation panel. It can be based on JUCE's WebBrowserComponent to show HTML doc. Quick access to topics should be possible (something like "Show in documentation" in graph elements popup menu).
  • Auto-completion/validation in the code editors is too ambitious for now. It'd require to actually interpret the JS code.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.