Search Unity

  1. Megacity Metro Demo now available. Download now.
    Dismiss Notice
  2. Unity support for visionOS is now available. Learn more in our blog post.
    Dismiss Notice

[Released] 2D Effects Creator - 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:
    280
    facebook.jpg

    $30 for current version, will increase in future release.
    Asset Store Link : http://u3d.as/QoP

    Doc | Forum | Website | Trailer Video

    2D Effects Creator 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 Creator installed.

    2D Effects Creator 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 Creator 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: Aug 14, 2017
  2. coverpage

    coverpage

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

    tsangwailam

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

    Grouping Node




    More Examples:

    screenshot11.png screenshot12.png screenshot13.png screenshot14.png
     
    Last edited: Aug 14, 2017
  4. zyzyx

    zyzyx

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

    tsangwailam

    Joined:
    Jul 30, 2013
    Posts:
    280
    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:
    385
    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:
    24
    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. UnityEngine.GUI:DrawTextureWithTexCoords(Rect, Texture, Rect)
    9. Digicrafts.FXShader.Editor.GraphEditor:DrawCanvas()
    10. Digicrafts.FXShader.Editor.GraphEditor:OnGUI()
    11. UnityEditor.DockArea:OnGUI()
    12.  
     
  8. 0x7C00

    0x7C00

    Joined:
    May 18, 2014
    Posts:
    24
    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:
    78
    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:
    280
    The price will increase at the end of July.
     
  11. tsangwailam

    tsangwailam

    Joined:
    Jul 30, 2013
    Posts:
    280
    @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:
    113
    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:
    280
    Thanks. I can reproduce the problem in both win and mac. Now tracking down the bug.
     
  14. 0x7C00

    0x7C00

    Joined:
    May 18, 2014
    Posts:
    24
    @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:
    24
    By the way, not a big deal but the button images looks ugly:

    2DShaderEditor.png
     
  16. 0x7C00

    0x7C00

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

    2DShaderEditor2.png
     
  17. tsangwailam

    tsangwailam

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

    tsangwailam

    Joined:
    Jul 30, 2013
    Posts:
    280
    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:
    24
    Thanks for quick feedback! Looking forward for an update approval.
     
  20. Silverlode

    Silverlode

    Joined:
    Apr 9, 2013
    Posts:
    41
    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:
    280
    @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:
    280
    Version 1.1.1 is released.
     
    jam-slc likes this.
  23. Silverlode

    Silverlode

    Joined:
    Apr 9, 2013
    Posts:
    41
    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.
  24. tsangwailam

    tsangwailam

    Joined:
    Jul 30, 2013
    Posts:
    280
    Version 1.1.2 is released.

    What’s News in version 1.1.2
    ============================

    [New Features]
    - HDR Color Support in Color Property Node
    - Add maximum window button in toolbar

    [Bug Fix]
    - Improve toolbar button icons
    - Shader blend mode “Additive” change to “SrcAlpha One”
    - Node size of Texture Property Node
    - Left drag on node will move the canvas and node together
    - Fix “Lighting” example

    Asset Store Link : http://u3d.as/QoP
     
  25. 0x7C00

    0x7C00

    Joined:
    May 18, 2014
    Posts:
    24
    Nice, still what is left - texture thumbnails rendered over inspector and toolbar:

    2DShaderEditor3.png
     
    Last edited: Jul 25, 2017
  26. tsangwailam

    tsangwailam

    Joined:
    Jul 30, 2013
    Posts:
    280
    Yeah. We are still finding why those preview didn't hide like the node. :( May need more time.
     
  27. tsangwailam

    tsangwailam

    Joined:
    Jul 30, 2013
    Posts:
    280
    We uploaded a video for creating the Radial Bar UI.

     
  28. 0x7C00

    0x7C00

    Joined:
    May 18, 2014
    Posts:
    24
    Maybe if it is not yet clear how to change the draw order as a workaround just disable the preview when node is under inspector/toolbar, so it will not obstruct the view.
     
    tsangwailam likes this.
  29. tsangwailam

    tsangwailam

    Joined:
    Jul 30, 2013
    Posts:
    280
    Thanks. Will try and get the solution soon.
     
  30. tsangwailam

    tsangwailam

    Joined:
    Jul 30, 2013
    Posts:
    280
    Last chance to get 2D Effects shader editor for $20, price will go up to $30 in 1/8.

    And we are going to submit 1.2.0 this week. Here is what's news in the update version.

    What’s News in version 1.2.0
    ============================

    New Features
    - Camera Effects Helper: Script to add camera effect with created shader effect.
    - [New Node] FlowMap Node. Create animation effect using a flow map
    - [New Node] FlowMap UV Node. Same as FlowMap Node but output UV which can use with procedural texture.
    - [Node Update] Gradient Node. Add new fill type, Angle.

    New Examples
    - Under Water Camera Effect
    - Old Video Camera Effect
    - Remap Animation Effect

    Camera Effects
    Jul-31-2017 17-26-55.gif

    Animated water with flow map
    Jul-31-2017 17-22-45.gif
     
    Last edited: Jul 31, 2017
  31. Silverlode

    Silverlode

    Joined:
    Apr 9, 2013
    Posts:
    41
    What happened? The asset is no longer available on the store.
     
  32. tsangwailam

    tsangwailam

    Joined:
    Jul 30, 2013
    Posts:
    280
    The asset is the take down by Asset Store since someone file a DMCA claims. We are working on solving the problem.
     
    Last edited: Aug 3, 2017
  33. qqqbbb

    qqqbbb

    Joined:
    Jan 13, 2016
    Posts:
    113
    Do you mean Asset Store?
     
  34. tsangwailam

    tsangwailam

    Joined:
    Jul 30, 2013
    Posts:
    280
    Yes, it should Asset Store.
     
  35. AvoCavo

    AvoCavo

    Joined:
    May 5, 2017
    Posts:
    5

    Hello.

    I'd purchased your asset few days ago and Im thinking of making this kind of 'afterimage sprite' effect.

    heres video :


    any idea to approach? I'm quite newbie for shader.
     
  36. tsangwailam

    tsangwailam

    Joined:
    Jul 30, 2013
    Posts:
    280
    You means the blue motion blur?
     
  37. AvoCavo

    AvoCavo

    Joined:
    May 5, 2017
    Posts:
    5
    Yes. blue motion blur behind characters.
     
  38. 0x7C00

    0x7C00

    Joined:
    May 18, 2014
    Posts:
    24
    What is the progress on restoring asset to the store?
     
  39. tsangwailam

    tsangwailam

    Joined:
    Jul 30, 2013
    Posts:
    280
    I received an email from Unity Support, they have notice corresponding staffs and will contact me shortly. Keep waiting :(.
     
    Last edited: Aug 7, 2017
  40. tsangwailam

    tsangwailam

    Joined:
    Jul 30, 2013
    Posts:
    280
    Most likely, you can't achieve it just with a shader.

    You can create a shader which can change the color of the sprite. Then, create a script to replicated the sprite mutiple time when move and assign the color changing shader.
     
  41. tsangwailam

    tsangwailam

    Joined:
    Jul 30, 2013
    Posts:
    280
    Keep waiting Unity reply. Will keep posting if any updates.
     
  42. tsangwailam

    tsangwailam

    Joined:
    Jul 30, 2013
    Posts:
    280
    Fire effects example will be added in 1.2.5 update. .

    Aug-10-2017 10-10-08.gif
     
  43. tsangwailam

    tsangwailam

    Joined:
    Jul 30, 2013
    Posts:
    280
    We have change the name to 2D Effects Creator, to avoid possible copyright infringement. We have submit a new version 1.2.5.

    What’s News in version 1.2.5
    ============================

    [New Features]

    - New look and feel UI
    - Camera Effects Helper: Script to add camera effect with created shader effect.
    - [New Node] FlowMap Node. Create animation effect using a flow map
    - [New Node] FlowMap UV Node. Same as FlowMap Node but output UV which can use with procedural texture.
    - [New Node] Vertex Color. Get the vertex colors.
    - [New Node] Color to UV
    - [New Node] Default UV Color
    - [New Node] 4 Colors Gradient
    - [Node Update] Gradient Node. Add new fill type, Angle.
    - [Node Update] Gradient Node. Add new smoothing option
    - [Node Update] Gradient Node. Add new port ‘ratio’ output a float to indicate the value of gradient.
    - [Node Update] Color Blend Node. Add premultiplied alpha option

    [Bug Fix]

    - Preview in node not clipped when outside canvas
    - Add Enable/Disable tint color in Shader Output Node
    - All Distort Effects node, add seprate RGBA output
    - Fix DecodeColor Node output always r channel
    - When click on canvas with shift key or space key, selected node will deselected.

    [New Examples]

    - Fire (Procedural realistic fire)
    - 2D water flow using flowmap
    - Under Water Camera Effect
    - Old Video Camera Effect
     
  44. qqqbbb

    qqqbbb

    Joined:
    Jan 13, 2016
    Posts:
    113
    Who issued DMCA takedown? I googled "2d effects shader editor" and your asset was at the top.
     
  45. 0x7C00

    0x7C00

    Joined:
    May 18, 2014
    Posts:
    24
    And another question => Will "name change" finish the case and we are waiting now only for 1.2.5 approval?
     
  46. tsangwailam

    tsangwailam

    Joined:
    Jul 30, 2013
    Posts:
    280
    I don't know if i can say here.
     
  47. tsangwailam

    tsangwailam

    Joined:
    Jul 30, 2013
    Posts:
    280
    I think it should be ok. I just think it is becoz the name is similar to them and we also change the look and feel. Else, I don't think any other thing should be in issue.
     
  48. 0x7C00

    0x7C00

    Joined:
    May 18, 2014
    Posts:
    24
    This is the information I received form support... I was not requesting for refund by the way...
     
  49. tsangwailam

    tsangwailam

    Joined:
    Jul 30, 2013
    Posts:
    280
    :( I don't have any notice/info about they will refund the user.

    I feel frustrated about that. They only notice me they take down the asset and don't have any info about why it is taken down. I ask them and they tell me to submit a DMCA counter notices. Seem a legal document. But the money of the sale can't even cover a legal counsel fee.
     
  50. 0x7C00

    0x7C00

    Joined:
    May 18, 2014
    Posts:
    24
    I was asking for information when it will be back and this was the reply I received :(
    I responded that I would like to stick with this asset and if they can investigate this particular case more...