Skip to main content
100%

A Material Property Drawer for the [Gradient] attribute which lets you edit gradients and adds them to the shader as textures. More information here: https://twitter.com/totallyRonja/status/1368704187580682240

✓ Published0🌍 Public
Aandybak
Last edited Mar 8, 2021
Created on Mar 8, 2021

This drawer adds a gradient editor to Unity’s Material Inspector for shader properties marked with the `[Gradient]` attribute. It converts the edited gradient into a 1D texture, bakes it using `Texture2D.SetPixel` and `Apply`, and assigns it to the material via `Material.SetTexture`. The tool stores and reloads gradients by encoding them as JSON in the texture’s asset name, using `JsonUtility` and `AssetDatabase` for persistence, with a fallback blue-to-red default.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 845aa64e9d9aa6080eadd256e863d835

This example visualizes gradient vectors computed from a three-dimensional signed distance field, showing normal directions as RGB colors sampled from a Unity Texture3D. The code uses Unity’s `Texture3D.GetPixel` to read distance values and central differences to approximate the gradient along each axis, storing the result in a new `Texture3D` with `TextureFormat.RGBAFloat`. A `ContextMenu` attribute triggers the bake operation, and `AssetDatabase.CreateAsset` saves the output as a reusable gradient texture asset.

Aandybak
69% match
Loading thumbnail…

Gist 84610558b586c9100d7b8362842eda4d

This example shows a Unity Editor tool that lists every brush texture used by Tilt Brush, displaying the brush name, texture property, whether the texture is readable, and its asset path in the console. It iterates through default and experimental brushes loaded via `Resources.LoadAll`, skips deprecated brushes based on `m_Supersedes` references, and uses `AssetDatabase.GetAssetPath` to resolve texture paths. The code relies on Unity’s `BrushDescriptor`, `Material.GetTexturePropertyNames`, and `StringBuilder` to compile and log the report.

Aandybak
54% match
Loading thumbnail…

Gist 660f765a1eaf8b00dd819920da0c2613

This example converts a selected PNG texture into a 3D mesh using Unity’s Sprite API. It shows how the image’s alpha channel defines a tight sprite outline, which becomes the mesh’s vertex geometry, while the original texture is applied as a material. The code uses `Sprite.Create`, `SpriteMeshType.Tight`, and `Mesh` to build the object, then assigns the Standard shader and recalculates normals, bounds, and tangents. It runs only when a .png asset is selected via the editor menu.

Aandybak
54% match
Loading thumbnail…

Gradient Grid

A 3×3 grid of rectangles displays a static gradient of grayscale tones. Users select a column value from a menu, triggering a transition that outlines rectangles in the selected column and those before it with a red stroke. The visualization uses D3 v7’s selection, data join, and transition API to animate the SVG elements. The fixed grid data is hardcoded, and the menu is built with D3’s `dispatch` and standard HTML select elements.

Sscheenmi@gmail.com
53% match
Loading thumbnail…

Gist 3123920bae0bae527715dcb6f6752384

This example shows a Unity Editor tool that separates a Tilt Brush sketch into individual strokes or color groups. It presents a dialog offering “Group By Color” or “All Strokes” modes, then duplicates selected GameObjects and rebuilds their meshes accordingly. The code uses Unity’s EditorUtility.DisplayDialogComplex and DisplayCancelableProgressBar for interactive feedback, and processes mesh triangles via MeshFilter, mesh.colors, and mesh.triangles. In color mode, it averages triangle colors to cluster geometry; in stroke mode, it isolates each vertex’s stroke index. The tool relies on Undo.RegisterCreatedObjectUndo to support editor undo.

Aandybak
53% match
Loading thumbnail…

Gist ff5ecb0cfd5b540608efaf7cdaad30d3

This visualization maps Unity shader properties onto a force-directed network, showing how different shader materials relate through shared parameters. Using d3.forceSimulation, nodes represent individual shader names like Bubbles, Fire, and Ink, with edges likely connecting shaders that share property types. Each node’s properties—such as float, color, texture, or vector—are parsed from the gist text, revealing patterns in shader design. The layout groups similar shaders spatially, making it easy to spot clusters of materials with common attributes like emission or specular settings.

Aandybak
52% match
Loading thumbnail…

Gist 8d9b109e150b883ed9c2

A plain SVG rectangle demonstrates a horizontal linear gradient, transitioning from light blue on the left to a warm orange on the right, with a dark gray border. The gradient is defined inside the SVG’s `<defs>` block, using `<linearGradient>` with two `<stop>` elements, and applied via the `fill` property in a linked CSS file. The example renders a single static shape, showing the SVG gradient syntax and CSS integration without any JavaScript or data processing.

Aabernier
52% match
Loading thumbnail…

Gist 890a9efc19689b5b755e9d5c26315c73

This example shows a Godot editor plugin that automatically swaps materials on imported GLTF and GLB scenes. It uses the `EditorScenePostImport` API to intercept post-import processing, checks import metadata to avoid re-processing, and recursively traverses the scene graph to replace materials on `MeshInstance3D` nodes. The code defines replacement `StandardMaterial3D` instances with albedo colors, textures, and metallic properties, loading texture files from a local addon directory. The plugin registers itself through `EditorPlugin` and skips non-GLTF files.

Aandybak
51% match