1. We're looking for feedback on Unity Starter Kits! Let us know what you’d like.
    Dismiss Notice
  2. Unity 2017.2 beta is now available for download.
    Dismiss Notice
  3. Unity 2017.1 is now released.
    Dismiss Notice
  4. Introducing the Unity Essentials Packs! Find out more.
    Dismiss Notice
  5. Check out all the fixes for 5.6 on the patch releases page.
    Dismiss Notice
  6. Help us improve the editor usability and artist workflows. Join our discussion to provide your feedback.
    Dismiss Notice

[Released] 2D Effect Shader Editor - Node-Based 2D Shader Effect Creation Tool

Discussion in 'Assets and Asset Store' started by tsangwailam, Jun 15, 2017.

  1. tsangwailam

    tsangwailam

    Joined:
    Jul 30, 2013
    Posts:
    199
    We are happy to tell you that the 2D Effects Shader Editor is released.

    facebook.jpg

    $20 for First Release, will increase in future release.
    Asset Store Link : http://u3d.as/QoP

    Doc | Forum | Website | Trailer Video

    2D Effects Shader Editor is a node-based shader creation tool for creating 2D shader effect that work with 2D sprite and Unity UI. It is tightly and seamlessly integrated with Unity’s UI. This integrated solution provides a familiar and consistent development environment for your shader creation workflow.

    Flexible and powerful node-based system let you create AAA quality 2D effect without writing any code. The shaders works without 2D Effects Shader Editor installed.

    2D Effects Shader Editor provides plenty of nodes range from basic operators to special color and distortion effects. This selection of nodes allows you to create shader effect with maximum creativity. The package also comes with plenty of examples to kick-start your learning.

    Trailer



    Trailer Video using 2D Graveyard Pack - Handcrafted Art from Alien Nude LTD: http://u3d.as/nau


    Basic workflow



    Highlighted Features
    • Node-based 2D shader effect editor
    • Easy, clean and integrated UI
    • Suitable for beginner to pro user
    • 40+ Color and distort effects
    • 20+ Procedural shapes
    • 100+ Basic operator and logic nodes
    • Animation node
    • Support unlit and surface shader
    • Work with 2D Sprite and Unity UI
    • One click shader update
    • Keyboard Shortcuts
    • Produce independent shader works without 2D Effects Shader Editor installed
    • Pure shader effect (*SpriteHelper script needed for shaders to work with multiple sprite atlas. The script is included)
    screenshot1.png
    screenshot2.png
    screenshot3.png screenshot4.png

    What’s News in version 1.1
    [New Features]
    • Add Shortcut “Cmd+L” for opening 2D Shader Editor
    • Add Shortcut “Cmd+Return” for maximzing editor window
    • Add “Copy” (Control+C) and “Paste” (Control+V)
    • Add “Blend Mode” in shader node. Select from predefined blend mode in the list.
    [New Nodes]
    • RadialBar Create procedural radial bar
    • Dithering Create dithering effect
    • ColorMaskAB Masking effect with two colors input. Output will leap between input A and B with the masking value.
    • Comments A resizable node which can add comments and group other nodes.
    • Chroma Key Replace color with backdrop color.
    • PI Constant Add PI constant to shader.
    • AND and OR operator node
    • AND(&&) and OR(||) logic node
    [New Examples]
    • Radial Bar - Show 3 types of radial bar use for Unity UI
    • Dithering - Show dithering effect with build-in pattern and texture.
    • Force Field - Simple and complex version of force field
    • Teleport - Animated teleport effect for fading in object
    • Color Blending - Show different type of blending mode
    [Bug fix]
    • Improve performance for large number of nodes
    • Hide inspector if editor window too small
    • Layout error when mouse drag near the border of canvas
    • Scrolling not respond when node inspector have scrollbar
    • Format the title of properties node
    • Ripple Node: incorrect graphic when negative offset.
    • Easing Animation Node - Add waiting time before start
     
    Last edited: Jul 11, 2017
  2. coverpage

    coverpage

    Joined:
    Mar 3, 2016
    Posts:
    87
    Looks promising. I'll bookmark this :)
     
  3. tsangwailam

    tsangwailam

    Joined:
    Jul 30, 2013
    Posts:
    199
    Still waiting approval. But we don't stop and add some more features in next update.

    Comments Node
    screenshot13.png

    [​IMG]

    More Examples:

    screenshot11.png
    screenshot12.png
    screenshot14.png
     
  4. zyzyx

    zyzyx

    Joined:
    Jul 9, 2012
    Posts:
    171
    Looks awesome! Bookmarked
     
  5. tsangwailam

    tsangwailam

    Joined:
    Jul 30, 2013
    Posts:
    199
    2D Effects Shader Editor is released. Now on sale for first release at $20. The price will increase in future release.

    Asset Store Link : http://u3d.as/QoP
     
  6. coverpage

    coverpage

    Joined:
    Mar 3, 2016
    Posts:
    87
    I will definitely purchase this in the near future. Do warn us before you increase the price and release the next version. I'll grab it before then.

    Congrat btw. Awesome asset
     
  7. 0x7C00

    0x7C00

    Joined:
    May 18, 2014
    Posts:
    16
    Hi, I just bought the asset as it is exactly what I needed for my project. Very nice idea!

    Still in the beginning I see one issue: To keep things organized I have all external assets in the separate folder "Plugins". When your asset is moved to this folder it is not working, lots of errors after selecting a shader:

    Code (CSharp):
    1.  
    2. NullReferenceException: Object reference not set to an instance of an object
    3. Digicrafts.FXShader.Editor.GraphEditor.DrawCanvas ()
    4. Digicrafts.FXShader.Editor.GraphEditor.OnGUI ()
    5. System.Reflection.MonoMethod.Invoke (System.Object obj, BindingFlags invokeAttr, System.Reflection.Binder binder, System.Object[] parameters, System.Globalization.CultureInfo culture) (at /Users/builduser/buildslave/mono/build/mcs/class/corlib/System.Reflection/MonoMethod.cs:222)
    6.  
    7. DrawGUITexture: texture is null
    8. Digicrafts.FXShader.Editor.GraphEditor:DrawCanvas()
    9. Digicrafts.FXShader.Editor.GraphEditor:OnGUI()
    10. UnityEditor.DockArea:OnGUI()
    11.  
     
  8. 0x7C00

    0x7C00

    Joined:
    May 18, 2014
    Posts:
    16
    OK, node selection in the canvas not working also from time to time (can not move the node by mouse and edit it), I was trying to create a new shader, close and open node editor window, even restart Unity to fix. Will try to reproduce it.

    EDIT:
    Seems that right clicking on the canvas is causing that problem, so I can add new nodes, edit, move by mouse until I right click on the canvas. Just one click and nodes are not responding.

    To make it working I need to deselect the shader (otherwise it is not possible to close the window), than close 2d shader edit window, and open it again. Still, when again right click anywhere, canvas becomes unusable.
     
    Last edited: Jul 11, 2017
  9. JAMiller

    JAMiller

    Joined:
    Apr 2, 2009
    Posts:
    65
    0x7C00: As a workaround, I'm able to fix being stuck by pressing ALT + clicking on an empty area. Try that!
     
    Last edited: Jul 12, 2017
  10. tsangwailam

    tsangwailam

    Joined:
    Jul 30, 2013
    Posts:
    199
    The price will increase at the end of July.
     
  11. tsangwailam

    tsangwailam

    Joined:
    Jul 30, 2013
    Posts:
    199
    @0x7C00

    We are looking at the issue. Could you tell which version of Unity and OS are you using?
     
  12. qqqbbb

    qqqbbb

    Joined:
    Jan 13, 2016
    Posts:
    32
    Same thing here. I use Unity 5.6 and Windows 7 64.
    Did you not test the asset on windows?
    Another bug: after you dock the shader editor window next to other windows, you can't switch to another window by clicking its tab.
     
  13. tsangwailam

    tsangwailam

    Joined:
    Jul 30, 2013
    Posts:
    199
    Thanks. I can reproduce the problem in both win and mac. Now tracking down the bug.
     
  14. 0x7C00

    0x7C00

    Joined:
    May 18, 2014
    Posts:
    16
    @tsangwailam: My setup is Unity 5.6.1 and Windows 10. Now updating to Unity 2017.1.
     
  15. 0x7C00

    0x7C00

    Joined:
    May 18, 2014
    Posts:
    16
    By the way, not a big deal but the button images looks ugly:

    2DShaderEditor.png
     
  16. 0x7C00

    0x7C00

    Joined:
    May 18, 2014
    Posts:
    16
    And another one :) - Image preview in the node is rendered above the Inspector:

    2DShaderEditor2.png
     
  17. tsangwailam

    tsangwailam

    Joined:
    Jul 30, 2013
    Posts:
    199
    @0x7C00 thanks your feedback. We will gather the bugs and fix it in next update.
     
  18. tsangwailam

    tsangwailam

    Joined:
    Jul 30, 2013
    Posts:
    199
    Version 1.1.1 is submitted.

    What’s News in version 1.1.1
    =====================
    Bug fix
    • Compile error when GrabPass connection deleted
    • When a node selected, can’t switch editor by click on tab
    • Can’t drag node if right click on the canvas

    Improvements

    • Improving wire connecting experience
    • Improving icon image quality in toolbar
    • Improving node graph images design (Pro/Personal skin)
    • Editor images resource path is not hardcoded (Can move the plugin folder anywhere)
     
  19. 0x7C00

    0x7C00

    Joined:
    May 18, 2014
    Posts:
    16
    Thanks for quick feedback! Looking forward for an update approval.
     
  20. Silverlode

    Silverlode

    Joined:
    Apr 9, 2013
    Posts:
    25
    Hi There,

    I'm trying to understand the difference between your asset, and Shader Weaver, so I can understand which is better suited to my needs or which as features I can make most use of. Are you able to provide a comparison or comment on what makes 2D Effects Shader Editor stand out?
     
  21. tsangwailam

    tsangwailam

    Joined:
    Jul 30, 2013
    Posts:
    199
    @Silverlode

    As compare, 2D Effects Shader Editor is more low level and flexible. You got more controls over how your shader look like. Just like amplify shader editor, it is design to be a generic 2D shader editor. You can build any effect by your own creativity. And we continue to add more features, e.g. node creator which allow user to create their own node.

    Shader Weaver is more like ready made system. You choose from ready made effect node and apply on your image. It is quick and easy to create specified effects.

    No offence, I may imagine "2D Effects Shader Editor" is Photoshop and "Shader Weaver" is Instangram editor.
     
    Last edited: Jul 14, 2017
  22. tsangwailam

    tsangwailam

    Joined:
    Jul 30, 2013
    Posts:
    199
    Version 1.1.1 is released.
     
    jam-slc likes this.
  23. Silverlode

    Silverlode

    Joined:
    Apr 9, 2013
    Posts:
    25
    Thankyou for explaining. I took at more detailed look at the workflows of each and I see what you mean. I have purchased 2D Effect Shader Editor and look forward to using it when I get onto the next stage of my project.
     
    Last edited: Jul 15, 2017
    tsangwailam likes this.