Using pixel shaders in Flutter

[Raju Bitter]

Is it possible to use pixel shaders in Flutter? I'm looking into how it would be possible to create something like OpenFrame (capable of rendering pixelshaders as wall art) using Dart.
http://openframe.io/
http://editor.thebookofshaders.com/

Thanks, Raju

[Adam Barth]

We don't currently expose GLSL, but it's something we've thought about and are interested in doing eventually.  We still have a bunch of work we need to do to complete bread-and-butter features, like right-to-left layout and accessibility, which we'll probably want to do first.

Adam

--
You received this message because you are subscribed to the Google Groups "Flutter Dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to flutter-dev...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Raju Bitter]

Thanks, Adam. Good to know. And agree with you, makes sense to work on other features first.

[Raju Bitter]

Found the Github issue, posting the link here as a reference for other people interested in that feature:
https://github.com/flutter/flutter/issues/179

[Michael Francis]

I have pondering the feasibility of a Dart to GLSL compiler.

[Raju Bitter]

Hi Michael,

Do you mean a Dart UI framework rendering to WebGL? Or compiling a Dart function to a pixelshader?

Last year I worked on a project which has a JS to GLSL compiler, using the Acorn JS parser (https://github.com/ternjs/acorn). The architect of that platform created an improved version of the framework, where the full browser UI is rendered in WebGL. Check this demo (still alpha quality), but shows the idea.
https://makepad.github.io/makepad.html

Open the examples node, click on `shiny.js`, and then the run icon above the code editor. You'll see buttons rendering in the preview pane, where the button background is rendered using the pixelstyle property (gradient for border, pixelshader for background):

https://github.com/makepad/makepad.github.io/blob/master/examples/shiny.js#L9-L23

- Raju