SGM (Shader Graph Material) Examples in visionOS

A collection of Shader Graph Material (SGM) in visionOS.

• Build: Xcode 15.4, macOS 14.5 Sonoma
• Target: visionOS 1.2 (Device or Simulator)

This project shows some SGM examples, which were created with Reality Composer Pro. Some of them are based on Satoshi's MSL (Metal Shading Language) Examples. (Thank you so much, Satoshi!)

Examples:

1. [Basic] Color Ball
2. [Advanced] Blue Lines
3. [Advanced] Blue and Green Lines
4. [Advanced] Edge Filter
5. [Advanced] Ripple
6. [Advanced] Ripple 2
7. [Basic] Fresnel Effect
8. [Basic] Fresnel Effect 2
9. [Basic] Transition Animation - Wipe
10. [Basic] Transition Animation - Dissolve
11. [Basic] Fresnel Effect 3
12. [Basic] Gaseous Movement (3d Fractal Noise)
13. [Basic] Glass Ball (Environment Specular Radiance)
14. [Basic] Wave Animation (Caustics with WorleyNoise)
15. [Basic] Water Fog (Adjusted according to water depth)
16. [Basic] One-time Dissolve (not repeating)
17. [Basic] Directional Lighting (Lambert diffuse reflection + Phong Specular reflection + Ambient Light)
18. [Basic] Rim Lighting (Backlit)
19. [Basic] Height map morphing (Height map with 3D Perlin Noise)
20. [Basic] Distortion Effect (uv shifting with 3D Perlin Noise)
21. [Basic] Artistic blur filter (uv shifting with 3D Perlin Noise)
22. [Basic] Simple Parallax on WorleyNoise
23. [Basic] Plane polygon river (Flowing river with texture animation)
24. [Basic] Swaying Grass (swaying plane polygon grass)
25. [Basic] Volumetric Shader (Using multiple planes and 3D Fractal Noise)

Materials

• HDRI: Oliksiy Yakovlyev, Artist Workshop Poly Heaven
• Rock Texture Image: Granite 5 PBR Material Free PBR
• Grass illustration: Garden Grass Collection Designed by Freepik

References

• Satoshi's MSLExamples GitHub
• Shader Graph Node Overview GitHub
• Article: ShaderGraph in visionOS (Jan 6, 2024) Medium

License