click to release dot com

Articles

November 2015 · Tutorial

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

October 2015 · Tutorial

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!)

March 2015 · Tutorial

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

February 2015 · Tutorial

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

May 2014 · Tutorial

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

April 2014 · Tutorial

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

March 2014 · Tutorial

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

September 2013 · Tutorial

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.

January 2013 · Tutorial

Web Audio Input and Windows

Gettings Chrome's new Web Audio Input feature to work on Windows

December 2012 · Tutorial

Vertex displacement with a noise function using GLSL and three.js

Vertex displacement with a noise function using GLSL and three.js

November 2012 · Tutorial

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

November 2012 · Tutorial

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!

June 2012 · Tutorial

Experiments with Perlin noise

Experimenting with Perlin noise in the vertex and fragment shaders, using WebGL with three.js

April 2012 · Tutorial

How to make clouds with CSS 3D

A tutorial on how to use CSS 3D Transforms to create sprite-based 3D-like clouds. This tutorial will try to guide you through the steps to create a 3D-like, billboard-based clouds