Welcome to my little corner on the Internets https://www.clicktorelease.com A rebuild of the 2013 original on WebGL2: the isosurface is polygonised on the GPU, normal-mapped without UVs and lit by an environment map, from wet flesh to glass refracting an inner core. https://spite.github.io/bumpy-metaballs-2026/ Tue, 29 Sep 2026 00:00:00 GMT A physics toy for THREE.JS CONF 2026: lushly shaded procedurally generated text based on SDFs, thrown around by Ammo.js physics and sound effects produced with Web Audio API. https://spite.github.io/threejs-conf/ Sat, 05 Sep 2026 00:00:00 GMT A world map on an oblique cylindrical projection: centre it anywhere on Earth and that is the point the map gets right. Shaded relief and soft shadows over satellite imagery. https://spite.github.io/flat-earth/ Mon, 31 Aug 2026 00:00:00 GMT A small reactive GUI toolkit for creative-coding sketches: every slider, tab and preset binds to a signal, so the control and the value never drift apart. No dependencies. https://spite.github.io/guspira/ Thu, 06 Aug 2026 00:00:00 GMT A ground-up rewrite of CCapture.js: capture canvas animations at a fixed framerate, however long each frame takes to draw, and encode them to MP4 or WebM with WebCodecs. GPU motion blur and frame-accurate audio. https://spite.github.io/ccapture.js Mon, 27 Jul 2026 00:00:00 GMT Thirty-one ink sketches of strange attractors and flow fields, drawn as shaded, self-shadowed MeshLine strokes. https://spite.github.io/inktober-2025/ Wed, 01 Oct 2025 00:00:00 GMT A month of shaders and post-processing for Codevember 2022, built with WebGL and three.js. https://spite.github.io/codevember-2022/ Tue, 01 Nov 2022 00:00:00 GMT Double Halloween feature to give some ambience to this spooky season: Pumpkin Sphere, a mass of pumpkins hovering around you; and Spooky Cloud, a particle-driven cloud of pumpkins and skulls chasing a wisp. https://spite.github.io/halloween-2022/ Mon, 31 Oct 2022 00:00:00 GMT A remake of the 2012 experiment in image-based lighting from Google Street View panoramas, now fetched with PanomNom.js, with better shading and normal mapping that perturbs the surface and its reflections and refractions. https://spite.github.io/FloatingShinyKnot/ Wed, 02 Mar 2022 00:00:00 GMT Thirty-one days of procedural generation for Genuary 2022, with three.js and WebGL. https://spite.github.io/genuary-2022/ Sat, 01 Jan 2022 00:00:00 GMT One experiment a day for Codevember 2021: simulations, post-processing and more with WebGL and three.js. https://spite.github.io/codevember-2021/ Mon, 01 Nov 2021 00:00:00 GMT Opening titles for FITC Web Unleashed 2021: strange attractors grown into tube geometries, rendered in near real-time WebGL and captured to video. https://vimeo.com/623600913 Fri, 22 Oct 2021 00:00:00 GMT Thirty strange attractors for Inktober 2021, drawn with the NPR hatching techniques from the 2020 sketches. /code/inktober-2021-attractors-sketch Fri, 01 Oct 2021 00:00:00 GMT A refresh of Lines on a Sphere from Codevember 2016: thousands of particles tracing lines over a flow field wrapped on a sphere. https://spite.github.io/lines-on-sphere/ Mon, 12 Apr 2021 00:00:00 GMT A flock of spheres following classic boids rules, shaded with analytic sphere ambient occlusion based on IQ's article. https://spite.github.io/dual-boids/ Sun, 04 Apr 2021 00:00:00 GMT MeshLine strokes tracing the field lines between electrical charges. Interactive, but made for the still images it produces. /code/generative-lines-flow-fields Sun, 14 Mar 2021 00:00:00 GMT An angsty new year demo to send off 2020, the year of Covid: a maneki-neko trying to beckon better fortune, lots of light effects and a lot of messages. 3D art by acidbeat, music by gloom. https://spite.github.io/fuck-2020 Thu, 31 Dec 2020 00:00:00 GMT An editor for procedural Christmas baubles: tweak the shape, materials and stripes from a panel and make your own. https://spite.github.io/baubles Fri, 25 Dec 2020 00:00:00 GMT An experiment with GPU particles bouncing off volumes defined with SDFs. https://spite.github.io/sdf-physics Sun, 01 Nov 2020 00:00:00 GMT Thirty-five sketches for Inktober 2020, all NPR post-processing: hatching, cross-hatching, lines and other ink techniques. No prompts, just experimentation. https://spite.github.io/sketch Thu, 01 Oct 2020 00:00:00 GMT A translucent energy shield: a glassy bubble patterned with Worley noise, with a glowing rim where it intersects the scene, read from the depth buffer. https://spite.github.io/shield-vfx/ Wed, 30 Sep 2020 00:00:00 GMT Raymarching a 3D Perlin noise isosurface on the GPU, with an option to accumulate values along the ray for non-solid, cloudy volumes. It became the basis for the official three.js volume renderer. https://spite.github.io/voxel-volume/ Thu, 16 Jul 2020 00:00:00 GMT Demo for Solskogen 2020 in collaboration with mrdoob, ranked 3rd: a shape evolves through the platonic solids, from tetrahedron to sphere, down a tunnel of lights. Music by gloom. https://spite.github.io/solskogen-2020/player.html Mon, 01 Jun 2020 00:00:00 GMT A three.js geometry that follows the face tracked by FaceMesh, with UVs to texture it from the video feed and anchor points to attach 3D objects to the face. https://spite.github.io/FaceMeshFaceGeometry/ Fri, 01 May 2020 00:00:00 GMT Around 350 loops made in 2018 and 2019 with looper, a framework for generating loops with three.js. /code/loops-2018-2019 Sun, 01 Dec 2019 00:00:00 GMT A loop a day for Inktober 2019, made with looper and MeshLine: more complex than the year before, some of them built on strange attractors. /code/digital-inktober-2019 Tue, 01 Oct 2019 00:00:00 GMT A stylised 3D viewer for DeepMind's Capture the Flag research: matches in procedurally generated indoor and outdoor environments, where agents train and learn to interact and cooperate. https://deepmind.com/blog/article/capture-the-flag-science Wed, 01 May 2019 00:00:00 GMT Gift boxes that lift their lids to reveal another box, which opens to reveal another, in an infinite loop. Boxes and wrapping paper are procedurally generated. Christmas Experiments 2018. https://christmasexperiments.com/2018/24/infinite-gift/ Sat, 01 Dec 2018 00:00:00 GMT A month of loops for Codevember 2018, one a day on that day's theme, made with looper. /code/codevember-2018 Thu, 01 Nov 2018 00:00:00 GMT Thirty-one loops for Inktober 2018, one a day, made with looper and drawn with MeshLine. /code/digital-inktober-2018 Mon, 01 Oct 2018 00:00:00 GMT A demo for Christmas Experiments 2017: follow the footsteps of an invisible being across the snow, steer a light that stirs the particles, and watch the spheres glow to the rhythm of the music by gloom. https://spite.github.io/explore-with-me/ Mon, 18 Dec 2017 00:00:00 GMT Fifteen experiments for Codevember 2017, a shorter run exploring simulations and post-processing with WebGL and three.js. /code/codevember-2017/ Wed, 01 Nov 2017 00:00:00 GMT A Google Creative Lab experiment that takes you anywhere in the world: say where you want to go and Google Maps, the Speech-to-Text API and WebVR put you there. Part of the WebVR Experiments launch. https://speaktogo.withgoogle.com/ Sat, 01 Apr 2017 00:00:00 GMT A Christmas Experiments collaboration: a 3D scene by cbuyukberber you can interact with a little, code with Marpi and music by gloom. Lots of ambiance with pixel texture and furry polygons. https://www.clicktorelease.com/code/dark-haze/ Thu, 01 Dec 2016 00:00:00 GMT Thirty days of experiments for Codevember 2016, with WebGL, three.js, Web Audio and procedural generation. /code/codevember-2016/ Tue, 01 Nov 2016 00:00:00 GMT Exploration of curl noise and half-cube pseudo-instancing, using WebGL, three.js and some GLSL trickery. /code/polygon-shredder/ Mon, 01 Feb 2016 00:00:00 GMT A replacement for THREE.Line with real width, where native WebGL lines are stuck at 1px: expanded in the shader, with dashes and textured lines. https://github.com/spite/THREE.MeshLine Wed, 02 Dec 2015 00:00:00 GMT Entry for the 2015 Christmas Experiments site. A throwback demo of neon flickering lights, made with WebGL, three.js, GLSL and Web Audio. 3D art and music by acidbeat. /code/xmas-virus/ Tue, 01 Dec 2015 00:00:00 GMT Design your own calaca for Día de Muertos: a 3D skull you decorate with decals. 3D art and design by acidbeat. http://itsamessage.com/diademuertos2015/ Sun, 01 Nov 2015 00:00:00 GMT The Google I/O 2015 logo in a room: click to throw it around. Real-time physics and analytical local ambient occlusion, made with WebGL, Web Audio API, three.js, oimo.js and Wagner. /code/io15/ Mon, 25 May 2015 00:00:00 GMT A speech jammer to warp your reality: it plays your voice back with an adjustable delay that makes it hard to keep talking. Built with Web Audio API and WebRTC getUserMedia. /code/speech-jammer Fri, 17 Apr 2015 00:00:00 GMT Demo for NVScene 2015 in collaboration with cabbibo, ranked 5th: a black monolith stands alone in an empty desert, and the closer the camera drifts, the stranger things get. Music by awwz. https://spite.github.io/monolith/ Thu, 19 Mar 2015 00:00:00 GMT A study in architecture visualisation with models by sejnulla. Nice music, glossy reflections, slow tracking shots, custom shading and postprocessing, using three.js and Wagner. /code/cruciform/ Thu, 01 Jan 2015 00:00:00 GMT Real-time WebGL demo with cabbibo for Christmas Experiments 2014. Crystal growth simulation, sound processing, custom shading and postprocessing. https://b-e-y-o-n-d.com/ Mon, 01 Dec 2014 00:00:00 GMT Online interactive experience for Halloween, in which the user can carve a stencil into a procedurally generated pumpkin and share it. http://www.itsamessage.com/halloween2014/ Fri, 31 Oct 2014 00:00:00 GMT Decals implementation for three.js, useful for temporary decorations like bullet impacts, blood splatters, burns or skid marks; or for weathering effects on objects. https://github.com/spite/THREE.DecalGeometry Mon, 30 Jun 2014 00:00:00 GMT A collection of mobile games for Chrome, celebrating the World Cup; using the latest web technologies to provide a multiplayer experience across multiple devices https://kickwithchrome.withgoogle.com/en-US/ Fri, 20 Jun 2014 00:00:00 GMT A 3D tool to create snow thingies, though really they are snowmen: metaballs for the snow, plus carrots, buttons, bowties, hats and twigs. In collaboration with claudioguglieri and Sejnulla. Lots of 2D, 3D and code goodness! http://www.snwbx.com/ Mon, 23 Dec 2013 00:00:00 GMT Isosurface with Marching Cubes, bump mapping with normal mapping and triplanar mapping, shading with a MatCap shader. /code/bumpy-metaballs Tue, 10 Dec 2013 00:00:00 GMT Spherical Mapping (MatCap/LitSphere) with Normal Mapping, using WebGL and GLSL. This is an editor to toy around with different materials, normals and render effects. With subdivision modifier, noise and rim lighting. /code/spherical-normal-mapping/ Mon, 14 Oct 2013 00:00:00 GMT An online WebGL experience that allows users to search google maps and street view and discover previews of SubFocus' new album Torus. Using three.js, SoundCloud API, imgur API, google maps API and many more. http://www.subfocus.com/torus Fri, 20 Sep 2013 00:00:00 GMT Real-time post-processing shader to create the style of old architectural drawings. /code/npr-shading/ Tue, 09 Jul 2013 00:00:00 GMT Blinn-Phong shading and rim lighting. Based on the Microsoft Research "Real-Time Hatching" paper. /code/cross-hatching/ Thu, 27 Jun 2013 00:00:00 GMT A holiday experiment with reactive snow using WebGL, Web Audio API, WebRTC and localStorage. Blow into the microphone to make the falling snow shake and twirl. /code/shake-a-flake Mon, 24 Dec 2012 00:00:00 GMT Carve any message into a procedurally generated Halloween pumpkin. An experiment in procedural generation of meshes and custom shading. http://www.itsamessage.com/halloween2012 Wed, 31 Oct 2012 00:00:00 GMT Dendrites rocking to the music, drawn with billboard particles to fake a soft, out-of-focus depth of field. Play with the generation settings or drop in your own songs. Music by Hunz. /code/rocking-dendrites/ Mon, 17 Sep 2012 00:00:00 GMT CCapture.js is a JavaScript library to help capture animations created with HTML5 canvas at a fixed framerate. https://github.com/spite/ccapture.js Mon, 03 Sep 2012 00:00:00 GMT A panorama viewer using data from Ashima Group Panorama Viewer that doubles as a Fullscreen API and Pointer Lock API experiment. /code/mars-panorama/ Mon, 20 Aug 2012 00:00:00 GMT An interactive music video featuring Bobby Womack, targeted at mobile devices: smartphones and tablets. Lots of SVG elements and CSS animations, with JavaScript interactions http://www.chromeexperiments.com/detail/the-bravest-man-in-the-universe Fri, 20 Jul 2012 00:00:00 GMT Put a coin in and Carl Sagan flies away. A quick and funny experiment with linked CSS3 transforms and animations and HTML5 audio, using the amazing art by SirMitchell and music by Shugo Tokumaru. /code/sagan/ Thu, 12 Jul 2012 00:00:00 GMT Second step in a series of experiments toward image-based global illumination for models using Google Street View panoramas. This is the test for fetching equirectangular panoramas from the google servers /code/streetViewReflectionMapping/ Mon, 02 Apr 2012 00:00:00 GMT First step in a series of experiments toward image-based global illumination for models using Google Street View panoramas. This is the test for an environment mapping shader that uses equirectangular panoramas. /code/latitudeReflectionMapping/ Sun, 01 Apr 2012 00:00:00 GMT An experiment on creating 3D-like clouds with CSS3 3D Transforms and a bit of JavaScript. /code/css3dclouds/ Fri, 23 Mar 2012 00:00:00 GMT Holiday greetings message using WebGL, Google Street View and Geolocation API. Enjoy the soothing experience, personalize your message and share it with everyone! http://www.itsamessage.com/holiday2011 Tue, 20 Dec 2011 00:00:00 GMT An abstract representation of sections of the world through aligned cubes, using WebGL, Geolocation API and Google Maps imagery and Elevation API /code/blocky_earth/ Fri, 21 Oct 2011 00:00:00 GMT Entry for the Mozilla Dev Derby, using HTML5 canvas, Geolocation API and Google Maps Elevation API /code/urban-arteries/ Wed, 28 Sep 2011 00:00:00 GMT An eye-candy version of Conway's Game of Life in 3D. An experiment using WebGL with three.js to get familiar with the library. /code/conway3d/ Mon, 12 Sep 2011 00:00:00 GMT Stack the frames of an animated GIF in 3D, see the animation from every side, and twist the stack along its axis. Uses WebGL with three.js and the Drag and Drop API. /code/gif/ Wed, 07 Sep 2011 00:00:00 GMT A project adding terrain and cloud layers from Google Maps to the Google DAT's WebGL Globe code /code/weather/ Thu, 25 Aug 2011 00:00:00 GMT A pure WebGL light box to show images in a web page. A rework of the previous lightbox that was built using three.js to use only the exact amount of code necessary. /code/litebox/ Fri, 17 Jun 2011 00:00:00 GMT A Google Street View player using WebGL with three.js to provide a much smooth experience /code/street/ Fri, 20 May 2011 00:00:00 GMT Interactive music video for Arcade Fire by Google and B-Reel, directed by Chris Milk: type in the address where you grew up and it plays out on your own streets, to show off HTML5 and Chrome. I built the aerial map sections and part of the Street View ones, with a lot of canvas action. http://www.thewildernessdowntown.com/ Sun, 01 Aug 2010 00:00:00 GMT How to use Service Worker to optimise the loading of SVG assets in a page without altering coding methods. https://www.clicktorelease.com/blog/optimise-svg-load-service-worker Sun, 01 Nov 2015 00:00:00 GMT Using requestIdleCallback to calculate FPS more precisely than with requestAnimationFrame. https://www.clicktorelease.com/blog/calculating-fps-with-requestIdleCallback Mon, 07 Sep 2015 00:00:00 GMT Techniques and tricks learned while trying to recreate the new Google logo with SVG in 305 bytes (or less!). https://www.clicktorelease.com/blog/svg-google-logo-in-305-bytes Sat, 01 Aug 2015 00:00:00 GMT 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. https://www.clicktorelease.com/blog/live-webgl-shader-editor Wed, 01 Apr 2015 00:00:00 GMT How the project was built from scratch, with technical details like parallax-corrected cubemaps, and lessons learned along the way. https://www.clicktorelease.com/blog/making-of-cruciform Sun, 01 Feb 2015 00:00:00 GMT Reading, decoding and rendering depth data from the new Android Lens Blur camera application. Turn depth data back into 3D models. https://www.clicktorelease.com/blog/creating-android-lens-blur-depth-viewer Thu, 01 May 2014 00:00:00 GMT Using function augmentation via hooks to show GLSL compile errors on the page instead of the console, with a bit of DevTools trickery. https://www.clicktorelease.com/blog/using-hooks-for-easier-development-webgl-glsl Fri, 28 Mar 2014 00:00:00 GMT How to reduce the number of requests when your page has a lot of sound assets: pack them into one file and slice it into ArrayBuffers for the Web Audio API. https://www.clicktorelease.com/blog/loading-sounds-faster-using-html5-web-audio-api Wed, 18 Sep 2013 00:00:00 GMT 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. https://www.clicktorelease.com/blog/creating-spherical-environment-mapping-shader Sun, 01 Sep 2013 00:00:00 GMT Getting Chrome's new Web Audio Input feature to work on Windows. https://www.clicktorelease.com/blog/web-audio-input-windows Tue, 15 Jan 2013 00:00:00 GMT A tutorial on the basics of vertex shaders: displacing a mesh's vertices with a noise function, using GLSL and three.js. https://www.clicktorelease.com/blog/vertex-displacement-noise-3d-webgl-glsl-three-js Sat, 01 Dec 2012 00:00:00 GMT An homage to low technology presence in the web of the 21st century: a split-flap display, created with HTML, CSS3 and JavaScript. https://www.clicktorelease.com/blog/split-flap-display Tue, 20 Nov 2012 00:00:00 GMT After several versions that never saw the light of the tubes, the newest and shiniest version of clicktorelease.com is live! https://www.clicktorelease.com/blog/the-new-site-is-live Thu, 01 Nov 2012 00:00:00 GMT Experimenting with Perlin noise in the vertex and fragment shaders, using WebGL with three.js. https://www.clicktorelease.com/blog/experiments-with-perlin-noise Fri, 01 Jun 2012 00:00:00 GMT A tutorial on how to use CSS 3D Transforms to create sprite-based 3D-like clouds. https://www.clicktorelease.com/blog/how-to-make-clouds-with-css-3d Sun, 01 Apr 2012 00:00:00 GMT Creative coding in the land of WebGL2: how to get started with creative coding in the browser. Part of the WebGL + WebGPU Meetup, alongside news from the Working Groups and demos from Google and Mozilla. https://www.clicktorelease.com/talks/webgl-webgpu-meetup-january-2022 Tue, 25 Jan 2022 00:00:00 GMT This session will offer a look back at the history of the web and VR and a look into the future of how we interact with the web. Jaume will cover technology, browsers, APIs, and programming for an XR-enabled web. https://www.clicktorelease.com/talks/the-future-of-the-web-in-an-xr-world Thu, 10 Dec 2020 00:00:00 GMT Technology, browsers, APIs and programming for a Virtual Reality-enabled web.A look into the future of how we interact with the web. https://www.clicktorelease.com/talks/the-future-of-the-web-in-a-vr-world Fri, 31 Mar 2017 00:00:00 GMT Revealing how WebVR enables web browsers to display immersive environments, providing new effective ways to represent and interact with data. https://www.clicktorelease.com/talks/webgl-webvr-and-information-visualisations-the-graphical-web-2016 Fri, 04 Nov 2016 00:00:00 GMT VR is the new El Dorado, the new Gold Rush of technology, and a very palpable and real opportunity to create new amazing immersive experiences. From WebGL and CSS 3D Transforms technologies, to Google Cardboard and new HMDs like the Oculus Rift or the Samsung Gear VR.Learn how to navigate around all the options, and how to get started on this amazing and promising technology that enables browsers to display VR content.We’ll go through the history of VR and WebVR, with examples and lessons learned, and the challenges that we’re facing to make it happen, like rendering techniques, graphical design approaches and user interaction design. https://www.clicktorelease.com/talks/the-road-to-webvr-fullstackfest-2015 Sat, 05 Sep 2015 00:00:00 GMT Get started coding real-time graphics in the browser with WebGL and three.js. Starting from the basic structure of a three.js web app and going through the main elements of the API with several useful examples, this talk will help you get a foothold in the exciting world of 3D graphics, now on desktop and mobile.It's not required to have previous knowledge of 3D graphics, linear algebra or linear transforms. https://www.clicktorelease.com/talks/gettings-things-done-with-threejs-and-webgl-jsconf-budapest-2015 Fri, 15 May 2015 00:00:00 GMT Shaders! Amazing little things: a few lines in a C-like language and we can get smooth colours pulsating on the screen or a first-person shooter. In WebGL that we have running on our browsers there are vertex and fragment shaders, we are going to take a closer look at the latter.Fragment shaders are programs which perform a very specific task: to compute a colour. And each program is calculating a pixel, blissfully unaware of any other pixels or programs, so it can run all by itself in its own computer. Picture this: when we have thousands or millions of independent computers running in parallel we can compose an image thousands or millions of times faster.But is that all we can do with shaders, drawing pictures? Not really! An image, in the end, is just a piece of memory that we choose to read as a picture. But a chunk of memory can be so much more, it can hold any data! And with fragment shaders we can perform many tasks on that data and speed them up incredibly.Searching big sets of data, doing complex calculations, even synthesising music!All in your browser. https://www.clicktorelease.com/talks/what-are-shaders-and-what-can-they-do-for-me-scotlandjs-2015 Fri, 08 May 2015 00:00:00 GMT We live in a time and society where music and data are prevalent. We like to experience music in many ways, and one of them is making visible the invisible, intangible nature of music, through digital synesthesia. We use all kinds of representations to understand music and discover new relations with other media. We explore relations of sets of information using computers. We're going to explore what tools and technologies the web provides to work with music and visual metaphors, and how we can use that knowledge to create interactive music videos.We'll go step by step through the different ways of creating interactive visual experiences. From the basic techniques used to put pixels on screen to more complex ways of synchronising animations to sound and rhythm, participants will learn how to manage drawing in a 2D context, drawing in a 3D context, connect sound to their images and animations, and create interactive visuals. We'll go through the basics of 2D and 3D APIs, and sound synthesis and analysis.We will be using JavaScript, the language of the web, more and more widespread every day. JavaScript is a functional programming language that allows highly interactive and iterative process, and largely reduces the friction when getting started with creative coding. We'll also be using associated web technologies, like Canvas, WebGL and Web Audio, to name a few.Participants will learn how to start a project, integrate libraries, use available tools and complete their own vision of a real-time interactive music video. https://www.clicktorelease.com/talks/experiments-with-todays-web-technologies-resonate-2015 Sat, 18 Apr 2015 00:00:00 GMT In just three years after its conception, WebGL has emerged as the de facto technology for creating web experiences and it is now supported by all the major browser vendors.During this presentation, Jaume and Ricardo will talk about the possibilities the technology brings to the table while sharing the process of developing some of their projects, giving a comprehensive overview of their current workflow and toolsets. https://www.clicktorelease.com/talks/the-web-in-the-age-of-webgl-awwwards-2015 Tue, 24 Feb 2015 00:00:00 GMT WebGL is a JavaScript API that lets developers implement hardware-accelerated 3D graphics in the browser, both at interactive and non-interactive framerates. WebGL is based on the HTML <canvas> element and on OpenGL ES 2.0, which means that it is possible to run WebGL on many different devices, such as desktop computers, mobile phones and TVs.Today, WebGL is fairly widely supported on most platforms and browsers: Firefox, Chrome, Safari, Opera and even Internet Explorer; on Windows, OSX, Linux and Android.Learn how to build a project to put 3D content on a browser from scratch. In an almost-live coding session you will learn:how to set up a project and understand the structure of a WebGL projectadd a renderer and know what it does and how three.js abstracts that ideaadd a scene, a camera and an object with a default materialcreate an animation loop and modify the geometry using JavaScriptchange default materials to shaders and create your own custom shadershow to add postprocessing to polish the render result https://www.clicktorelease.com/talks/getting-started-with-webgl-and-threejs-graphical-web-2014 Fri, 29 Aug 2014 00:00:00 GMT An introduction to real-time graphics in the browser using WebGL with three.js. An overview of the structure of a three.js web app, the main elements of the API and some useful examples to get started on the exciting world of 3D graphics, now on desktop and mobile. It's not required to have previous knowledge of 3D graphics, linear algebra or linear transforms. https://www.clicktorelease.com/talks/getting-started-with-threejs-and-webgl-scotlandjs-2014 Sat, 10 May 2014 00:00:00 GMT Using the web, the browser and the emerging libraries around them as a platform for creative coding, with a look at some of my own work. https://www.clicktorelease.com/talks/using-the-web-as-a-creative-platform-resonate-2014 Mon, 05 May 2014 00:00:00 GMT Introduction to playing and modifying sounds in the browser with JavaScript. Overview of the Web Audio API and its possibilities (and limitations). https://www.clicktorelease.com/talks/everybody-dance-now-with-web-audio-api-futurejs-2014 Fri, 02 May 2014 00:00:00 GMT A workshop going step by step through generating geometry with JavaScript and WebGL, and making it react to sound. https://www.clicktorelease.com/talks/generative-and-reactive-geometry-with-javascript-and-webgl-mira-lab-2013 Thu, 14 Nov 2013 00:00:00 GMT