background preloader


Related:  GeneratorsAuDioGEN - music production panels

News I recently started playing with shaders in three.js and I wanted to share some of what I’ve discovered so far. Shaders are the ‘secret sauce’ of modern graphics programming and understanding them gives you a lot of extra graphical fire-power. For me the big obstacle to learning shaders was the lack of documentation or simple examples, so hopefully this post will be useful to others starting out. What is a Shader? A Shader is a piece of code that runs directly on the GPU. The big conceptual shift when considering shaders is that they run in parallel. There are 2 main types of shaders – vertex shaders and pixel shaders. Vertex Shaders generate or modify 3D geometry by manipulating its vertices. There are 2 different kinds of pixel shaders - Shaders that draw an image or texture directly. Pixel Shaders in Three.js Three.js has an effects manager called EffectsComposer and many useful shaders built in. Preview some of the three.js built-in shaders with this demo. Applying Shaders in Three.js - Home of Open ModPlug Tracker | OpenMPT - Discover the music inside... Iannix PAGES IN THE MIDDLE OF NOWHERE (former FIRST AND THE ONLY REAL NET ART GALLERY) in - Compare countries through their shape About worldshapin worldshapin helps to study the interdependence of Health, Carbon footprint, Workplace equality, Living standard, Population and Education across the world through the last three decades. It also compares countries with the world, continents and other countries on the mentioned indicators, helping to understand how these factors accelerate or decelerate a country and the world in accordance with the time. To highlight the relationship between human development and sustainability, worldshapin extends the Human Development Index with three more indicators, making a total of six indicators to study their relationships on three axes: total population vs total carbon footprint education vs work place equality between men and women living standards vs health World, continents and countries get their unique shapes through the timeline based on how low or high they fare on the six indicators. About the Human Development Report

Internet Week Europe 2010 Hello. My Name's Paul and today I'm going to demo some neat features of HTML5 (and modern browser capabilities) through canvas (in fact, this background is a fullscreen canvas ~ we'll let this draw as we go through the talk). This won't cover absolutely everything in this field but will pick out a few features as examples for inspiration. <canvas id="doodle" width="500" height="500"></canvas><script type="text/javascript"> var canvas = document.getElementById("doodle"); var context = canvas.getContext("2d"); context.fillRect(100, 100, 300, 300); </script> window.addEventListener("deviceorientation", captureOrientation, false); function captureOrientation(e) { alpha = e.alpha; beta = e.beta; gamma = e.gamma; } LAUNCH DEMO ~ Device orientation currently supported in Chromium It's low level drawing but don't throw away your current workflow var logo = new Image(); logo.onload = function() { context.drawImage(logo, 320, 90, 100, 95); } logo.src = "images/chromium_logo.png";

REAPER | Audio Production Without Limits AlsaModularSynth Instructables - DIY How To Make Instructions