2D mountains shader
Looping WebGL2 shader scene of layered mountains under a bright noon sun. View the GLSL, tweak settings, and export as GIF or MP4.
2D mountains shader launched on July 20, 2018 with 14 votes, #851 of 2,673 launches that month and more than 75% of that year's launches. The site was still online in September 2026, 8 years on.
In plain words
2D Mountains Shader is a WebGL2 shader scene that renders layered mountains beneath a bright noon sun. Users can view the GLSL code, adjust settings like palette and layer spacing, and export animations as GIF or MP4 files. It's designed for anyone interested in shader programming or wanting to study how to build a calm midday landscape using fragment shaders with atmospheric effects.
written from the facts on this page · September 2026
From the sources
Noon Break Mountains is a GLSL WebGL2 shader study that builds a calm midday landscape from layered silhouettes, a soft sun glow, and subtle atmospheric haze. This page is for anyone who wants to view the loop, download the renders, and learn from a readable, self-contained fragment shader. This is a clean reconstruction of the original idea: a midday sky gradient, a bright sun with a gentle halo, and multiple mountain layers blended front-to-back. It is intended to be easy to tweak (palette, layer spacing, and motion) while keeping the same overall “noon break”from shadergif.com
Does a similar job
all alternatives →- MPMountain Peaks in WebGL2020 · felixpalmer.github.io · ▲281
Free and open-source home for art made with code2018 · shadergif.com · ▲144Browse and share GPU-made GIFs. Explore GLSL shader experiments, search by topic, and open any piece in the editor to learn or remix.
- RTReal-Time 3D Gaussian Splatting in WebGL2023 · antimatter15.com · ▲309
GPT-2 implemented using graphics shaders2025 · github.com · ▲228Back in the old days, people used to do general-purpose GPU programming by using shaders like GLSL. This is what inspired NVIDIA (and other companies) to eventually create CUDA (and friends). This is an implementation of GPT-2 using WebGL and shaders. Enjoy!
- ASA simple infinite world in WebGL2016 · erkaman.github.io · ▲181
OpenGL-Shader Tutorial in form of a detailed documented sample project2016 · github.com · ▲58A very simple example of how shaders in OpenGL can be used, to color Objects or map a texture on some triangles. - MauriceGit/Simple_GLSL_Shader_Example
More life & fun this month
the category →
A free city-building game in your browser. You are the mayor. You know what the city needs. Now get it past the zoning board, the neighbors, the appeals court and the next election.
Life & fun · 22h ago · permit.petercai.com
- IV
Life & fun · 13d ago · tanzaniaeducationproject.org
Turn a phone, tablet or TV into a sign. Type a message and it fills the screen: welcome signs, timers, Wi-Fi passwords and more. No app, no account, free.
Life & fun · 14d ago · bigwords.page
Play a free virtual guitar online with your keyboard or by touch. Slow songs down and see every chord, string and strum. Acoustic, classic, electric and bass.
Life & fun · 8d ago · guitoro.com
Carrier settings from iPhone, Pixel and Galaxy firmware, decoded and compared: APNs, VoLTE, 5G and Wi-Fi Calling per carrier, and what each build changed.
Life & fun · 12d ago · carrierexplode.com
Life & fun · 22d ago · space.bl2.net
Source: Show HN post ↗
Launched alongside, July 2018
the whole month →
A fully interactive, realtime and modern browser rendered to TTY
Life & fun · 2018 · brow.sh
Record terminal sessions as SVG animations. Contribute to nbedos/termtosvg development by creating an account on GitHub.
Dev tools · 2018 · github.com
