Exploring how to create a simple, animated tunnel shader in plain JavaScript by using the UWAL library and WebGPU render pipeline.
Links
UWAL Library: https://github.com/UstymUkhman/uwal
Source Code: https://github.com/UstymUkhman/uwal-basic-program
Live Version: https://ustymukhman.github.io/uwal-basic-program/dist
Discontinuity Fix: https://iquilezles.org/articles/tunnel
Matrix Formula: https://www.youtube.com/shorts/r9tQu77XoGY
Chapters
00:00 Introduction
00:54 Project Setup
02:57 Basic Shader
06:46 Texture Loading
10:17 Tunnel Animation
13:00 Optional Effects
16:36 User Interaction
20:17 Conclusion
