Скачать или смотреть Vertical Oscillation Explained: Recreate EarthBound’s Wavy Backgrounds in WebGL

Recreate EarthBound’s iconic wavy battle backgrounds! 🎮 In this tutorial, we’ll build a Vertical Oscillation shader in WebGL to make images ripple and bob with smooth, natural motion. Perfect for water, flags, or retro-inspired effects.

Want to recreate the trippy, wavy backgrounds from EarthBound or make effects like rippling flags and bobbing water? 🌊 In this tutorial, we’ll break down the Vertical Oscillation shader effect and build it step by step in WebGL.

You’ll learn:
✅ How sine waves can distort images vertically
✅ How to animate the effect over time for smooth, natural motion
✅ How to tweak amplitude & frequency to customize the look
✅ How to write the GLSL shader that powers it all

By the end, you’ll be able to create your own vertical wave effect — perfect for retro-inspired battle scenes, water ripples, or adding subtle organic movement to your projects.

Link to Horizontal Oscillation explanation:    • Horizontal Oscillation Explained: Recreate...  

📌 In the next video, we’ll take this shader into Phaser 3 and make it game-ready!

📂 Source Code & Resources – https://scottwestover.gumroad.com/l/i...
☕ Support my work – https://ko-fi.com/scottwestover
Online WebGL Editor: https://glsl.app/

💬 Questions or shader ideas? Drop a comment below!
👍 If you enjoy these Phaser & WebGL tutorials, give this video a like and subscribe so you don’t miss the next one.

#WebGL #Phaser3 #ShaderTutorial #GameDev #PixelArt #EarthBound #retrogaming

📌 Timestamps
0:00 - Intro
0:26 - How it works
2:03 - Implementation
4:23 - Animation
5:10 - Wrap up

Interested in more great content?

Check out my videos on Phaser 3 here on YouTube:
   • Phaser 3  

Check out my videos on Phaser Editor here on YouTube:
   • Phaser Editor  

Check out my free courses here on YouTube:

Build a Planet Defense Game With Phaser 4:
   • Phaser 4 Game Tutorial - Planet Defense  

How To Make A Zelda-Like Game With Phaser 3:
   • How To Make A Zelda-Like Game With Phaser 3  

Build a Space Shooter Game With Phaser 3:
   • Phaser 3 Game Tutorial - Space Shooter  

Build a Solitaire Game With Phaser 3:
   • Phaser 3 Game Tutorial - Solitaire  

Introduction To GitHub Actions Course:
   • Introduction To GitHub Actions Course  

JavaScript Course:
   • Learn JavaScript Course  

Follow Me:
  / scott-westover-77393a97  
https://github.com/scottwestover
https://x.com/_scottwestover
https://bsky.app/profile/scottwestove...

Blog:
https://scottwestover.dev/