Awesome

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. <img src="assets/ex01.png" width=80 /> [Basic] Color Ball
2. <img src="assets/ex02.png" width=80 />[Advanced] Blue Lines
3. <img src="assets/ex03.png" width=80 />[Advanced] Blue and Green Lines
4. <img src="assets/ex04.png" width=80 /> [Advanced] Edge Filter
5. <img src="assets/ex05.png" width=80 /> [Advanced] Ripple
6. <img src="assets/ex05a.png" width=80 /> [Advanced] Ripple 2
7. <img src="assets/ex06.png" width=80 /> [Basic] Fresnel Effect
8. <img src="assets/ex06a.png" width=80 /> [Basic] Fresnel Effect 2
9. <img src="assets/ex07.png" width=80 /> [Basic] Transition Animation - Wipe
10. <img src="assets/ex08.png" width=80 /> [Basic] Transition Animation - Dissolve
11. <img src="assets/ex06b.png" width=80 /> [Basic] Fresnel Effect 3
12. <img src="assets/ex09.png" width=80 /> [Basic] Gaseous Movement (3d Fractal Noise)
13. <img src="assets/ex10.png" width=80 /> [Basic] Glass Ball (Environment Specular Radiance)
14. <img src="assets/ex11.png" width=80 /> [Basic] Wave Animation (Caustics with WorleyNoise)
15. <img src="assets/ex12.png" width=80 /> [Basic] Water Fog (Adjusted according to water depth)
16. <img src="assets/ex08.png" width=80 /> [Basic] One-time Dissolve (not repeating)
17. <img src="assets/ex13.png" width=80 /> [Basic] Directional Lighting (Lambert diffuse reflection + Phong Specular reflection + Ambient Light)
18. <img src="assets/ex14.png" width=80 /> [Basic] Rim Lighting (Backlit)
19. <img src="assets/ex15.png" width=80 /> [Basic] Height map morphing (Height map with 3D Perlin Noise)
20. <img src="assets/ex16.png" width=80 /> [Basic] Distortion Effect (uv shifting with 3D Perlin Noise)
21. <img src="assets/ex17.png" width=80 /> [Basic] Artistic blur filter (uv shifting with 3D Perlin Noise)
22. <img src="assets/ex18.png" width=80 /> [Basic] Simple Parallax on WorleyNoise
23. <img src="assets/ex19.png" width=80 /> [Basic] Plane polygon river (Flowing river with texture animation)
24. <img src="assets/ex20.png" width=80 />[Basic] Swaying Grass (swaying plane polygon grass)
25. <img src="assets/ex21.png" width=80 /> [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