Joyrok
- Auto-discovered
Various
Visit resource ↗Description
Joyrok hosts Tech Art Chronicles on 2D UI and material shading, walking Unreal Material Editor and Unity Shader Graph in parallel. Posts map Photoshop-style layers, masks, and tints into node graphs.
Topics include lerp and multiply masking, PNG alpha fixes, gradient mapping, atlas recoloring, and replacing stacked UMG Images with one material when opacity animation or draw calls matter.
An SDF series covers texture fields, procedural circles, strokes, smoothsteps, unite/subtract/intersect, lerp blends, and custom HLSL from GLSL references.
For intermediate technical artists using material instances; Blueprint wiring appears when UI data feeds shaders. Posts are free, GIF-illustrated, and linked from the BLOG index.
Cyanilux shader gist lists often cite Joyrok for editor analogies; the site stays a focused UI-shading notebook, not a general rendering course.
Related resources
- 2D Water Shader Breakdown (Cyanilux)
A Shader Graph breakdown of stylized 2D water in Unity URP: sprite reflections via a second camera, scrolling noise distortion, fake highlights, and tilemap shoreline ripples for pixel art.
100% match · <shaders><intermediate><blog><art><cyanilux><focused><free><graph> - Book (w/ Turnable Pages) Breakdown (Cyanilux)
Cyanilux breakdown of a URP spellbook with vertex-shader page turns, flipbook page textures, dual Lit Graphs, pooling C# driver, and optional Blender setup notes.
100% match · <shaders><intermediate><blog><also><cyanilux><focused><free><graph> - Cloud Shader Breakdown (Cyanilux)
Cyanilux Shader Graph tutorial for URP that builds animated cloud decks on a subdivided plane with layered world-space noise, vertex displacement, and depth-based fading at intersections.
100% match · <shaders><intermediate><blog><alpha><also><based><cyanilux><focused> - Crystal Shader Breakdown (Cyanilux)
A Cyanilux Shader Graph walkthrough for Unity URP that builds an unlit transparent crystal with object-space Y colour gradients, camera opaque-texture refraction, Fresnel opacity, and HDR glow for bloom.
100% match · <shaders><intermediate><blog><also><based><cyanilux><focused><free> - Custom Renderer Features (Cyanilux)
Long-form Cyanilux guide to URP ScriptableRendererFeature and ScriptableRenderPass code: example effects, RTHandle setup, blit paths, and Unity 6 Render Graph notes.
100% match · <shaders><blog><also><custom><cyanilux><focused><free><graph> - Depth (Cyanilux)
Long-form Cyanilux tutorial on Unity depth spaces, Z buffers, Scene Depth sampling, SV_Depth, and world-position reconstruction in URP and HDRP.
100% match · <shaders><blog><cyanilux><focused><free><graph><graphs><position> - Dissolve Shader Breakdown (Cyanilux)
URP Shader Graph breakdown by Cyanilux on dissolve effects: Step and noise clip fragments with glowing edges, height-axis variants, and view-space UVs to reduce seam artifacts.
100% match · <shaders><intermediate><blog><across><also><based><cyanilux><focused> - Fire/Flame Shader Breakdown (Cyanilux)
Shader Graph breakdown of billboard fire on a quad: scrolling noise warps UVs for a flame texture or procedurally generated ellipse shapes, with per-instance randomization.
100% match · <shaders><intermediate><blog><cyanilux><focused><free><graph><graphs> - Your First Shader from ZERO in Godot 4
GDQuest beginner tutorial that teaches writing a first 2D fragment shader in Godot 4 by building an animated portal effect step by step.
100% match · <shaders><animation><basic><editor><familiarity><masking><math><noise> - Stylized GGX shading — toon specular highlights
Technical blog post by Alexandre Lamure on stylized GGX shading that mixes toon-like specular highlights with physically based GGX.
100% match · <shaders><intermediate><blog><based><game><graphs><highlights><shader> - Generating Mipmaps // Vulkan For Beginners #31
Generating Mipmaps // Vulkan For Beginners #31 is a free YouTube video on the OGLDEV channel, an installment in the Vulkan For Beginners tutorial series. Episode 31 of OGLDEV’s…
100% match · <already><author><free><screen><textures><transfer><video><want> - Slang: Bridging Graphics and Machine Learning
Slang: Bridging Graphics and Machine Learning is a recorded talk by Shannon Woods, presented at High-Performance Graphics (HPG). HPG talk by Shannon Woods (NVIDIA / Khronos…
100% match · <shaders><intermediate><author><bridging><free><shading><video><want> - MaterialX: The Past, Present and Future of Portable Materials
MaterialX: The Past, Present and Future of Portable Materials is a recorded talk by Alain Hostettler, presented at High-Performance Graphics (HPG). HPG talk by Alain Hostettler…
100% match · <shaders><intermediate><also><author><based><engineers><free><material> - Computing Camera Rays
Computing Camera Rays is a technical blog article by Christoph Peters. Blog post deriving camera-ray origin, direction, and far-plane length from a world-to-clip matrix so…
100% match · <blog><article><author><embedded><free><technical><want><work> - New AMD Radeon Developer Tool Suite update brings shader source code, Extended PIX Markers, and command-line capture
New AMD Radeon Developer Tool Suite update brings shader source code, Extended PIX Markers, and command-line capture is a technical blog article by Chris Hesik. AMD GPUOpen…
100% match · <shaders><intermediate><blog><article><author><embedded><free><shader> - Why does ASTC use ISE when almost nothing else does?
Why does ASTC use ISE when almost nothing else does? is a technical blog article by Fabian Giesen. Technical blog explaining ASTC integer sequence encoding (trits and quints)…
100% match · <blog><article><author><embedded><free><technical><use><want> - Implicit Surface rendering for CAD
Implicit Surface rendering for CAD is a technical blog article by Francis Le Roy. Long-form blog on interactively rendering arbitrary implicit surfaces in a CAD prototype…
100% match · <blog><article><author><embedded><free><shapes><technical><via> - Announcing AgilitySDK 721 Preview and an addition to LinAlg in Shader Model 6.10
Announcing AgilitySDK 721 Preview and an addition to LinAlg in Shader Model 6.10 is a technical blog article by Amar Patel. DirectX Developer Blog announcing Agility SDK…
100% match · <shaders><intermediate><blog><article><author><embedded><free><shader> - Projections | Geometric algebra episode 11
Projections | Geometric algebra episode 11 is a free YouTube video on the All Angles channel, one episode in the All Angles geometric algebra series. Episode 11 of the All…
100% match · <intermediate><already><author><basic><free><screen><video><want> - Dual Contouring of Signed Distance Data
Dual Contouring of Signed Distance Data is a SIGGRAPH 2026 paper with a Columbia Graphics project page linking the PDF, source, and talk materials.
100% match · <already><distance><engineers><include><linked><materials><signed><video>