Construct Shader Graph

Post reply
Not favoritedFavorited Favorited 8 favourites
From the Asset Store
Target 2.0 Slot HTML5 Construct 2 and Construct 3
$15 USD
Casino? money? who knows? but the target is the same!
bellborn's avatar
bellborn

  • If you are not aware I recently developed a shader graph tool for Construct 3.

    This makes it very accessible for anyone from artists to experimented shader devs to create their own effects for Construct 3.

    The tool is available as a web app here:

    skymen.github.io/construct-shader-graph

    It comes with:

    • A dozen examples
    • 187 built in nodes
    • A fully featured manual
    • An advanced preview system
    • Support for all shader languages
    • Custom nodes
    • Comments and auto node arranging
    • Exported code is commented for easy debugging
    • Full source code available for free

    I am extremely proud of this tool. It has already been used by a few folks to create shaders and I can't wait to see more people use this for custom shader creation.

  • This is fantastic. I just used it to develop a more efficient version of a stack of effects I had been using.

    Thank you for your work!

    edit: I found a bug: github.com/skymen/construct-shader-graph/issues/74

  • Very cool.

  • Try Construct 3

    Develop games in your browser. Powerful, performant & highly capable.

    Try Now Construct 3 users don't see these ads

  • This looks truly amazing - and it has a manual - but that's more of a reference - and I still have no idea how to use it! Any chance of a tutorial? Or are there any good, generic learning resources for shaders?

    But, bravo - I can see this truly elevating Construct's graphical capabilities. Would also love to see some kind of library of user-generated shaders.

  • For now the best thing I could do was provide a bunch of examples, and add more specific explanations to the nodes I deemed most confusing.

    Giving a full manual page for all 187 nodes by hand would be too long so I decided to give a reference and only explain the ones I would get complaints about.

    I want to make a video going over the tool and all of its nodes at some point, but for now the best way to learn is to just mess around with it. Of course, some shader knowledge is required, but there are many lessons made for the Unity, Unreal or Blender shader/material graphs that should give you learnings that transfer over quite well to this tool.

    My hope is to catch the eye of more and more people and to eventually work with people in the community to make the tool more accessible as I can't do all of it on my own :)

  • Having more examples would probably help!

    Is there a way we could donate to this project? I'd love to support it!

  • Yes :)

    You can donate on the Open Collective page:

    opencollective.com/construct-community/projects/shader-graph

    Feel free to request examples and I'll try to make more.

  • Made this holographic card shader using the shader graph.

    Subscribe to Construct videos now

    I also went ahead and fixed a few of the bugs that were reported on github and most importantly fixed 2 issues that were causing the tool to lag a lot.

    It's now a lot smoother, even with hundreds of nodes in the file.

    Addons exported should now have the language file exported correctly :)

    If you find any issue or want to make a request, please make sure to create a new issue on the github repo, and I will try to fix them as soon as I can.

  • All the examples in the shadergraph is so friggin cool

  • This is a great tool for people who would like to make their own effects, well done!

  • Thanks Skymen for sharing this cool tool. Still in love with Shader effects since gigatron times ;)

  • Thank you for the update and the fixes! It's worth putting the opencollective link forward (in app, and in the `README.md`).

    I just made a donation.

  • Thanks :)

    This is much appreciated.

    You're right, I'll add a link to the Open Collective in the app

  • Did some more work on the shader graph to fix a bunch of issues and improve the UX

    I have organised the remaining work under a few major updates:

    The Changelog Update
    An update focused on implementing proper versioning on the editor and the shader files. This will allow me to make changes to the data structures used while keeping them backwards compatible, and it will allow me to notify users of the changes that I push
    The Big Preview Update
    An update focused on the preview window to fix a few of its shortcomings and add many more features
    Sub Graphs And Routines
    An update focused on adding the sub graph feature. I want to try and design it so Sub Graphs can also be reused as routines, so I can implement functions, loops and proper if else statements

    Right now I'm really happy with the tool and I will take my time adding these features because they represent a lot of work and I don't think they are vital for the time being.

    I'm curious to hear what kind of features you guys would see and which one you feel the tool is most lacking.

  • Subscribe to Construct videos now

    Tried making a short breaking down how I made the 3D holographic card effect.

    I might make more in the future :)

Post reply
Index icon Return to board index
Jump to:
Active Users
There are 1 visitors browsing this topic (0 users and 1 guests)