Hacker News with Generative AI: WebGL

Show HN: Curved Space Shader in Three.js (via 4D sphere projection) (github.com/bntre)
This vertex shader was first written in HLSL for the Unity game Sfera: https://bntr.itch.io/sfera. Now it's rewritten in GLSL for three.js.

3D Graphics, WebGL, Open Source, Game Development

62 points by bntr 1 day ago | 23 comments

Visualizing 100k Years of Earth in WebGL (technistuff.com)
What did Earth look like when humans migrated to the Americas? Changing sea levels and large ice sheets during the last ice age played a key role in human migration and explain many archaeological sites now buried under the sea.

WebGL, Earth History, Climate Change, Archaeology, Visualization

82 points by agnosis 4 days ago | 20 comments

WebGL Gray-Scott Explorer (2012) (mrob.com)
The Gray-Scott equations can produce most of the types of patterns that are possible in reaction-diffusion systems.

WebGL, Reaction-Diffusion Systems, Mathematical Models, Visualization

37 points by joebig 6 days ago | 5 comments

WebGL Water (2010) (madebyevan.com)
This demo requires a decent graphics card and up-to-date drivers. If you can't run the demo, you can still see it on YouTube.

WebGL, Graphics, 3D, Web Development, Gaming

220 points by gaws 13 days ago | 63 comments

Show HN: A pure WebGL image editor with filters, crop and perspective correction (github.com/xdadda)
Online webgl photo editor with effects, filters and cropping

Web Development, WebGL, Image Editing, Open Source

243 points by axelMI 25 days ago | 86 comments

A flowing WebGL gradient, deconstructed (alexharri.com)
A few weeks ago I embarked on a journey to create a flowing gradient effect — here’s what I ended up making:

Web Development, WebGL, Visual Effects

222 points by alexharri 41 days ago | 41 comments

Gaussian Splatting Alternative: WebGL Implementation of Nvidia's SVRaster (github.com/samuelm2)
A WebGL-based viewer for visualizing sparse voxel scenes from the Nvidia Sparse Voxels Rasterization paper. This viewer provides an interactive way to explore and visualize the voxel radiance field from the web. You can try the viewer at vid2scene.com/voxel

WebGL, Computer Graphics, 3D Rendering, Visualization, Open Source

47 points by samuelm2 46 days ago | 12 comments

Making WebGL typesafe in Idris 2 (drbearhands.com)
I’d wanted to learn Idris for a while, and see how far I could realistically take type-safety. In particular, can I ensure all documentation of the WebGL spec is encompassed in types? (thus achieving correctness-by-construction).

Programming Languages, WebGL, Type Safety

6 points by srid 55 days ago | 0 comments

The Art of Dithering and Retro Shading for the Web (2024) (maximeheckel.com)
I spent the past few months building my personal website from the ground up, finally taking the time to incorporate some 3D work to showcase my shader and WebGL skills.

Web Development, 3D Graphics, Art, Design, WebGL

155 points by matthberg 109 days ago | 20 comments

WebGL Fluid Simulation (paveldogreat.github.io)
Try Fluid Simulation app!

WebGL, Web Development, Simulation, Graphics

466 points by ChadNauseam 145 days ago | 60 comments

How to Code a Shader Based Reveal Effect with React Three Fiber and GLSL (tympanus.net)
After coming across various types of image reveal effects on X created by some peers, I decided to give it a try and create my own. The idea was to practice R3F and shader techniques while making something that could be easily reused in other projects.

Web Development, React, Graphics, WebGL, Shader

5 points by PaulHoule 158 days ago | 0 comments

Show HN: A Marble Madness-inspired WebGL game we built for Netlify (netlify.com)

Games, WebGL, Web Development, Show HN, Netlify

616 points by franck 182 days ago | 230 comments

Crafting Painterly Shaders (maximeheckel.com)
Writing a shader that can reproduce the look and feel of aquarelle, watercolor, or gouache to obtain a more painterly output for my WebGL scenes has always been a long-term goal of mine.

Computer Graphics, WebGL, Shaders, Art

245 points by todsacerdoti 205 days ago | 21 comments

Show HN: Repaint – a WebGL based website builder (repaint.com)

Web Development, WebGL, Website Builders

236 points by benshumaker 262 days ago | 164 comments

WebGL visual programming editor cables.gl is now open source (cables.gl)

Open Source, WebGL, Programming, Visual Programming, Software

272 points by pandur 291 days ago | 40 comments

WebGL Interactive Fractal Explorer (github.com/ath92)

WebGL, Fractals, Software, Visualizations

54 points by ath92 361 days ago | 8 comments

Show HN: A simple 2D fluid and gravity simulation with WASM and WebGL (aestuans.github.io)