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

$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

https://www.youtube.com/watch?v=ITLIimMPEkg
__*Trailer Video using 2D Graveyard Pack - Handcrafted Art from Alien Nude LTD: Unity Asset Store - The Best Assets for Game Making

Basic workflow
https://www.youtube.com/watch?v=Af-0rHRiKIY

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)

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

Looks promising. I’ll bookmark this :slight_smile:

Still waiting approval. But we don’t stop and add some more features in next update.

Grouping Node

More Examples:

Looks awesome! Bookmarked

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

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

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:

NullReferenceException: Object reference not set to an instance of an object
Digicrafts.FXShader.Editor.GraphEditor.DrawCanvas ()
Digicrafts.FXShader.Editor.GraphEditor.OnGUI ()
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)

DrawGUITexture: texture is null
UnityEngine.GUI:smile:rawTextureWithTexCoords(Rect, Texture, Rect)
Digicrafts.FXShader.Editor.GraphEditor:smile:rawCanvas()
Digicrafts.FXShader.Editor.GraphEditor:OnGUI()
UnityEditor.DockArea:OnGUI()

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.

0x7C00: As a workaround, I’m able to fix being stuck by pressing ALT + clicking on an empty area. Try that!

The price will increase at the end of July.

@0x7C00

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

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.

Thanks. I can reproduce the problem in both win and mac. Now tracking down the bug.

@tsangwailam : My setup is Unity 5.6.1 and Windows 10. Now updating to Unity 2017.1.

By the way, not a big deal but the button images looks ugly:

3141990--238436--2DShaderEditor.png

And another one :slight_smile: - Image preview in the node is rendered above the Inspector:

3142198--238463--2DShaderEditor2.png

@0x7C00 thanks your feedback. We will gather the bugs and fix it in next update.

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)

Thanks for quick feedback! Looking forward for an update approval.

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?