During the development of an audio-reactive shader, it would be cool if there would be an option to auto-repeat the audio that is loaded from SoundCloud, so that I can close the Audio-Input window and concentrate at the iterations of the shader.

It'd be great to be able to use a video as a texture.

Veda has this feature.

Hey, I was just trying to use another theme from Ace. Specifically I was trying to find a theme that might work well w/ this thick text bordering -- source, preview

I'm just trying to go for something I can read against some reaaaally abrasive visuals where I can't even find my mouse sometimes 😛

I tried copying in a JS file and CSS file but maybe Ace changed the way themes are selected, sometime since you inlined the source ... any clue? No worries if not, just figured I'd ask before digging deeper

Chrome doesn't seem to ask for permission to use mic input on http sites, so might be worth redirecting http to https?

Alternatively, the error message when it fails could suggest trying again after loading over https.

put in wiki and within the_force

None of the workshop files work in the live version, I keep getting a error on vec3 saying its not valid.

Create a tutorial in the wiki

Hi, I wanted to create an effect where I take the difference of the current and the previous webcam frame to detect motion. I tried something like this:

void main () {

    vec4 w1 = texture2D(channel0, uvN());
    vec4 w2 = texture2D(backbuffer, uvN());
    vec4 test = w1 - w2;

    gl_FragColor = vec4(test) ;
    
}

But this doesn't work because it subtracts the previous output frame (instead of the previous webcam frame) from the current webcam frame, which leads to a flickering effect. So my question is simply, is there a way for me to access the previous webcam frame?

Thanks so much for this tool, it is really fun to play around and learn with.

The texture panel is limited to 4 active textures and 16 available ones.

Could this be updated to store more of them?

Also, how many active textures could be used at the same time?

Hi!
Thanks for making the force.

The bands input only works on chrome on first access to microphone permission. When you reload the page chrome remembers that you give it permission but bands continues to be all 0 value. Weird thing is that the files on system (file tab) also only work depending if your chrome remembers permission or not.

The error in the console is:
pageGlobals.js:436 Uncaught TypeError: mSound.mStream.stop is not a function at initAudio (pageGlobals.js:436) at HTMLInputElement.<anonymous> (pageGlobals.js:265) at HTMLInputElement.dispatch (jquery-2.1.1.min.js:3) at HTMLInputElement.r.handle (jquery-2.1.1.min.js:3)

It works fine in Firefox, even when you press "remember permission" and reload the page, then the bands global just starts working right off the bat. I can look into this myself next week, but I thought I'd make an issue in case its an easy fix.
Cheers.

HI Shawn,

First of all, thank you for creating the The_Force.
It is super easy to create audio reactive shaders with it <3

I was wondering if you and others might also find useful adding a keydown event with the space bar, or any other key, to toggle the music's play/stop functions?

I thought of it as I was using this:

• ctrl+shift will toggle text visibility

and I wanted to access the music without having the code on the screen, nor the pop-up, for recording purposes.

I'd like to be able to remove textures from the panel in order to upload new ones.

Right now I observe nice code-completion for snippets. The dropdown menu gives me clues about the arguments the function takes; then I can select with the arrow keys and when I press enter, the function populates with dummy type-names where I need to put the parameters.

Builtins show up in the code-completion selector, 1. without any parameter clues and when the user selects them with enter, 2. there are no dummy values.

Builtins have overrides, sometimes a lot. I think usually these overrides are just for the different vector (and float) types, rather than optional arguments. Rather than displaying every version of the override, it's probably more desirable to show only one version, with a generic 'dummy type-name.' The glsl documentation I have on hand uses the term 'genType' or 'genDType' for this pseudo-generic type.

This more advanced code-completion for builtins would be very helpful for newcomers, or even oldcomers with cruddy recall.

Right now builtins are entered as 'keywords' rather than 'snippets.' I suggest they be moved into 'snippets', but with another tag name (so that they are distinguished from snippets). I don't see much point in duplicating the functions as snippets and keywords.

That would be neat!

Right now gifs can be uploaded as textures.

However, they aren't animated and instead get frozen at some frame, it'd be nice to have them animated.

these two functions are mentioned in the info, but don't appear to be defined. <3 love this tool by the way!

When I think about performing with this tool, I'm actually thinking about some pretty simple visuals with slow changes ... and only changing code sometimes. I like the idea of showing the code when I'm changing it, but maybe hiding it when I leave the code alone, and start playing with synths. To support a use-case like this, it could be cool to hide the code sometimes.

To make audiovisual animations.

Make more flexible for both sending and receiving.

Hi,

I've copied and pasted about half of the examples in the examples folder (The_Force/shaderExperiments) into the editor and none of them seem to work. They all just change the background color. That doesn't appear to be intended based on the name. Perhaps they need to be updated?

i'm using a macbook pro, Mojave 10.14.6
tried on both chrome (81.0.4044.129 (Official Build) (64-bit)) and firefox (68.6.1esr (64-bit))
same results.

It would be great to have a full export of a shader, so that the created file could also be used in other IDEs that don't come with the build-in functions as The Force does.

Use Case

• Create a shader in The Force
• Export the shader and import it into https://github.com/vcync/modV
• Add parameters and use it for visual performances