Exploring bump mapping with WebGL
Exploring bump mapping with WebGL launched on March 4, 2017 with 12 votes, #954 of 3,481 launches that month and more than 75% of that year's launches. The site was still online in September 2026, 9 years on.
In plain words
This is an interactive WebGL demo that explores bump mapping techniques for graphics rendering. It is designed for developers and graphics enthusiasts interested in understanding how to add visual details to 3D surfaces without increasing geometric complexity. The demo allows users to adjust parameters like parallax scale and step count, and includes options to toggle diffuse textures, making it useful for comparing different bump mapping approaches and their visual effects.
written from the facts on this page · September 2026
From the sources
Show diffuse texture Parallax scale [0, 0.1] Number of steps [1, 32] Bump mapping is a collective term for a number of techniques used in graphics to simulate meso-features - features which aren’t large enough to be necessarily represented by geometry, and aren’t small enough to be represented by a shading model. These techniques allow us to add details without adding geometry. This blog post is an attempt to study bump mapping techniques and implement a WebGL demo to compare and visualize them. We will not be looking at displacement mapping techniques, which rely on adding/manipulating geometry to the shaded surface. We will discuss four techniques: Normal mapping, parallax mapping, steep…from apoorvaj.io
Does a similar job
all alternatives →- RTReal-Time 3D Gaussian Splatting in WebGL2023 · antimatter15.com · ▲309
WebGL Playground2014 · jessevdk.github.io · ▲89- MFMy first WebGL demo, the first self-extracting PNG ever?2011 · demoseen.com · ▲101
WebGPU Tech Demo2024 · gnikoloff.github.io · ▲141WebGPU tech demo running in modern browsers showcasing various rendering techniques like deferred rendering with 400+ dynamic lights, Hi-Z screen space reflections and cascaded shadow mapping.
Webflow 3D Transforms2015 · 3d-transforms.webflow.com · ▲318Build 3D interactions visually, without writing any code
- WFWebGL Fire Simulation2016 · ghostinthecode.net · ▲143
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 · 1d 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, March 2017
the whole month →
Startup School▲1,010A free online program to teach you how to start a company
Life & fun · 2017 · startupschool.org
Hardbound 3.0▲739Illustrated summaries of bestselling nonfiction books
Life & fun · 2017 · apps.apple.com
