clicktorelease
create
write
speak
1115. Optimising SVG load with Service Worker
How to use
Service Worker
to optimise the loading of
SVG
assets in a page without altering coding methods.
0915. Calculating FPS past requestAnimationFrame limit with requestIdleCallback
Using requestIdleCallback to calculate FPS more precisely than with requestAnimationFrame.
0815. Can the new Google logo be 305 bytes?
Techniques and tricks learned while trying to recreate the new Google logo with
SVG
in 305 bytes (or less!)
0415. Live WebGL Shader Editor
This article goes a bit over the method to augment
JavaScript APIs
and how to use it to create a plug-n-play,
live GLSL shader editor
0215. cru·ci·form study in architecture visualisation
Some details on how the project came to be, a bit of technical info and lessons learned on the process.
0514. Creating Android Lens Blur Depth Viewer
Reading, decoding and rendering
depth data
from the new
Android Lens Blur
camera application. Turn depth data back into 3D models
0314. Using hooks to make development of shaders a bit easier
This article aims to show how to use function augmentation via hooks to add behaviour that makes developing
GLSL
shaders a bit easier
0913. Loading sound files faster using Array Buffers and Web Audio API
How to reduce the number of requests when your page has a lot of sound assets.
0913. Creating a Spherical Environment Mapping shader
Creating nice lighting with a simple spherical mapping shader. A step-by-step tutorial on how to create a matcap or litsphere material with GLSL and three.js.
0113. Web Audio Input and Windows
Gettings Chrome's new
Web Audio Input
feature to work on Windows.
1212. Vertex displacement with a noise function using GLSL and three.js
Vertex displacement with a noise function using
GLSL
and
three.js
1112. Split-flap display with CSS and JavaScript
An homage to low technology presence in the web of the 21st century: a split-flap display, created with
HTML
,
CSS3
and
JavaScript
1112. The new site is live
After several versions that never saw the light of the tubes, the newest and shiniest version of clicktorelease.com is live!
0612. Experiments with Perlin noise
Experimenting with Perlin noise in the vertex and fragment shaders, using WebGL with three.js.
0412. How to make clouds with CSS 3D
A tutorial on how to use CSS 3D Transforms to create sprite-based 3D-like clouds.