Click to Release
clicktorelease.com · Personal blog · on HN since 2011
Click to Release is a creative developer's collection of WebGL, CSS 3D and Web Audio demos and experiments.
What HN saysHN commenters enjoy the visual demos, praising the shiny lighting effects and polygon shredder, and also discuss WebGL support on mobile devices.
34HN people shared it
8linked it in comments
40stories submitted
686story points
4 years agolast shared
2011people per year2026
Most-shared posts
- 1CSS 3D Clouds5 people · 323 points · first shared 2012 · 44 comments on HN
- 2Polygon Shredder4 people · 173 points · first shared 2016 · 29 comments on HN
- 3Floating shiny knot - Millions of environment maps with Street View panoramas3 people · 5 points · first shared 2012 · 1 comments on HN
- 4SVG Google Logo in 305 bytes2 people · 14 points · first shared 2015 · discussion on HN
- 5Loading sound files faster using Array Buffers and Web Audio API2 people · 4 points · first shared 2013 · discussion on HN
- 6Creating Android Lens Blur Depth Viewer2 people · 2 points · first shared 2014 · discussion on HN
- 7Bumpy metaballs2 people · first shared 2016
- 8Depth data viewer for Google Camera1 people · 83 points · first shared 2014 · 15 comments on HN
- 9Nice HTML5/GLSL explosion demo1 people · 59 points · first shared 2012 · 12 comments on HN
- 10SVG Load with Service Worker – Blog – Clicktorelease1 people · 5 points · first shared 2015 · discussion on HN
- 11Shake a flake - reactive snow using WebGL, Web Audio API and WebRTC1 people · 3 points · first shared 2012 · discussion on HN
- 12Show HN: Making of cru·ci·form (JavaScript and WebGL)1 people · 2 points · first shared 2015 · discussion on HN
- 13WebGL spherical environment mapping and normal mapping1 people · 2 points · first shared 2013 · 1 comments on HN
- 14Rendering Strange Attractors1 people · 2 points · first shared 2016 · discussion on HN
- 15Absolutely stunning cross-hatching and shading1 people · 2 points · first shared 2013 · discussion on HN
What HN people wrote when they linked it
Mithaldu · 2016-02-07
When i opened the page, this started from my playlist and it makes an excellent soundtrack: https://www.youtube.com/watch?v=i_hWIgEqibU
Also, choosing an odd number of polys to be rendered creates frankenpolys: https://www.clicktorelease.com/code/polygon-shredder/#33
derpmeister · 2012-07-02
I love the shiny on this one:
http://www.clicktorelease.com/code/perlin/lights.html
alphan0n · 2021-10-11
I though it silenced the people, like the speech jammer that made headlines in 2012
https://www.cbsnews.com/news/japanese-researchers-make-speech-jamming-…
Here’s the same concept you can try with headphones.
https://www.clicktorelease.com/code/speech-jammer/
dang · 2016-03-10
That gives more background, so we changed the URL to that from https://www.clicktorelease.com/code/bumpy-metaballs/. People who are interested should look at both.
spite · 2016-02-07
Well, regarding that small minority...
WebGL was enabled on Android on KitKat, and according to starts, that's 70,8% of installations (http://developer.android.com/about/dashboards/index.html)
WebGL was enabled on iOS on 8, and that's 93% of installations (https://developer.apple.com/support/app-store/)
I'd say most of mobile browsers can run WebGL, it's just that the experiences are not designed for mobile platforms (this Polygon Shredder, for instance, it does work on mobile, it's just too slow to be good, but I can probably make it work)
Other experiences like https://www.clicktorelease.com/code/cruciform/ or https://www.clicktorelease.com/code/xmas-virus/ are supported and do work as expected.
You're right that there's a lot of phones that are too underpowered to run WebGL experiences, but the browsers themselves do support it perfectly.
kerosen · 2013-07-10
The internet is full of information and we've find this 3D Cloud Effect tutorial http://www.clicktorelease.com/blog/how-to-make-clouds-with-css-3d You should try it too.
mistercow · 2012-07-31
Actually, that's not because of the ASCII, but because of the GSVPano.js demo that it's based on: http://www.clicktorelease.com/code/street/
Pick a location and compare it to the standard street view on google maps, and you'll notice a similar "more 3D" appearance.
The reason is that it's using three.js to map the panorama onto a spherical geometry. This is actually quite an old trick used to give a more immersive feel to panorama viewers dating at least back to the days of QTVR.
bd · 2016-02-14
If you like marching cubes in WebGL, here are some more examples (both CPU and GPU based implementations):
http://threejs.org/examples/webgl_marchingcubes.html
http://webglsamples.org/blob/blob.html
http://webglsamples.org/caves/caves.html
https://www.clicktorelease.com/code/bumpy-metaballs/
http://dev.miaumiau.cat/rayTracer/
http://dev.miaumiau.cat/sph/
http://mikolalysenko.github.io/Isosurface/