nowfound

Life & fun · July 16, 2011

MF

My first WebGL demo, the first self-extracting PNG ever?

My first WebGL demo, the first self-extracting PNG ever? launched on July 16, 2011 with 101 votes, #6 of 194 launches that month and more than 95% of that year's launches.

Visit demoseen.com ↗Alternativestop 3% of July 2011

In plain words

My first WebGL demo is a self-extracting PNG file that runs in web browsers. Created in 2011, it demonstrates WebGL graphics capabilities while experimenting with an unusual file format that combines image data with executable code. The project is aimed at developers and graphics enthusiasts interested in early web-based 3D rendering and creative technical implementations.

written from the facts on this page · September 2026

Does a similar job

all alternatives →
  • IM
    I made a web game called Almost Pong2022 · lessmilk.com · ▲1,135

    Hi HN! I made many small web games in the past with Unity or Phaser. But this time I wanted to make something completely on my own. So I coded a basic game framework in plain JavaScript, and used it to make Almost Pong. This was a really fun project that taught me a lot about JavaScript, and I plan to make more minimalist games with this framework. Interesting fact: Almost Pong doesn't load any assets, all sprites and sounds are generated with code. Happy to answer questions, and please let me know if you have any feedback on the game. Thanks!

  • RT
    Real-Time 3D Gaussian Splatting in WebGL2023 · antimatter15.com · ▲309
  • Repaint – a WebGL based website builder2024 · repaint.com · ▲236

    Hey HN! We're Ben and Izak, founders of Repaint (YC S23). Repaint is like Figma, but for creating real websites. It has panning, zooming, and dragging elements around. The settings closely follow html/css. We think an open canvas is a big improvement over other website builders. Everything is easier: styling, consistency, responsiveness… But making it work was hard! We thought HN would appreciate the tech behind it: - A custom WebGL rendering engine (w/text, shadows, blurs, gradients, & opacity groups) - A partial implementation of the css spec - A custom text editor & text shaper…

  • AS
    A simple infinite world in WebGL2016 · erkaman.github.io · ▲181
  • WebGL Playground2014 · jessevdk.github.io · ▲89
  • FW
    First WebGL app. Uses NOAA data to visualize storm paths back to 1848.2012 · callum.com · ▲55

More life & fun this month

the category →

Source: Show HN post ↗

Launched alongside, July 2011

the whole month →