Powered by getUserMedia() and WebGL: Stinkmoji →
Tag Archives: webgl
Implementing Instagram Filters and Image Editing in React Native
William Candillon recreated some parts of Instagram’s editing process (namely the filter, rotate, and crop steps) in React Native. The filters are implemented with GL-React: Gl-react offers a really efficient paradigm for integrating React and OpenGL together. The library enables you to easily build scenes using React composability. For instance, consider an image with two …
Continue reading “Implementing Instagram Filters and Image Editing in React Native”
AR.js: Efficient Augmented Reality for the Web
Uber Visualization Nights: deck.gl
Medusae – Realtime soft body jellyfish simulation
Lightyear.fm – A journey through space, time, and music
Radio broadcasts leave Earth at the speed of light and travel outwards into space. Follow them through the Milky Way as you scroll backwards through time and listen to what the stars hear. Built using Three.js. Taking a look at the source code reveals all tracks used. And oh, don’t forget the “Inverse Square Law …
Continue reading “Lightyear.fm – A journey through space, time, and music”
Jazz.Computer
The Fallen of World War II
The Fallen of World War II is an interactive documentary that examines the human cost of the second World War and the decline in battle deaths in the years since the war. The 15-minute data visualization uses cinematic storytelling techniques to provide viewers with a fresh and dramatic perspective of a pivotal moment in history. …
Chasing the Matterhorn
WipEout WebGL Model Viewer
The track itself is stored in several distinct files. The most interesting of which are TRACK.TRV, containing raw vertices, and TRACK.TRF containing the track faces as quads of 4 index pointers into the vertices. Pretty straight forward. Reverse Engineering WipEout → WipEout Model Viewer, A WebGL Expiriment →