background preloader

Let the lines flow

Related:  Generative art FavsGenerators

bomomo 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

solaas.com.ar | dreamlines Dreamlines is a generative drawing machine that creates a unique, ever-flowing painting after words you choose. Related images are gathered from the Net and used as raw material for the construction of your personal dream. This piece has been devised specifically for Internet. The key of the piece lies in the translation between two different sets of coordinates: color and movement. The script switches randomly over eight sets of formulas that transform the color values (hue, saturation and brightness) of a pixel into angle and velocity values for a particle.

stAllio!'s way Flickr Flickr (von englisch to flick through something, „etwas durchblättern“, also etwa „Vorrichtung zum Durchblättern“ bzw. „Durchblätterer“ oder von englisch to flicker, „flimmern“) ist ein kommerzielles Web-Dienstleistungsportal mit Community-Elementen, das es Benutzern erlaubt, digitale und digitalisierte Bilder sowie kurze Videos von maximal drei Minuten Dauer mit Kommentaren und Notizen auf die Website zu laden und so anderen Nutzern zugänglich zu machen („zu teilen“). Neben dem herkömmlichen Hochladen über die Website können die Bilder auch per E-Mail oder vom Mobiltelefon aus übertragen und später von anderen Webauftritten aus verlinkt werden. Geschichte[Bearbeiten] Flickr wurde von der Ludicorp Research & Development Ltd. entwickelt, einem 2002 in Kanada gegründeten Unternehmen mit Sitz in Vancouver. Ursprünglich war das Hochladen von Bildern nur ein Aspekt des Online-Spiels Game Neverending,[1] das Caterina Fake und ihr Ehemann Stewart Butterfield programmiert hatten. Seit dem 12.

Flame Painter | free online paint program Flame Painter is a unique paint program, it belongs to my 'I am an Artist' experimental project. I think with tools which inspires you, everyone can be an artist. You can try it here, change different brush settings and paint your own flame paintings. When you change the background from black to white, the palette changes from additive to subtractive and the feeling of the painting is very different. Check out new Rebelle - the real watercolor and acrylic paint program, Amberlight - abstract art tool based on particles, or Fluidance motion effect program. You can try more experiments here. NEW: This is a new Flash version of Flame Painter Free, we removed the old Java version, because it is not anymore supported correctly by most of the browsers. Tools: FADE - fade in/out [ on | off ] GRADIENT - color gradient [ on | off ] COLOR - brush color SATURATION - brush saturation OPACITY - brush opacity SIZE - brush size SPEED - brush speed FOCUS - local forces NOISE - crazy noise parameter

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";

Glitch Art Resources | Phillip Stearns This is a collection of resources I find relevant to my own creative practice concerning Glitch Art. It’s by no means complete or exhaustive, and sadly, though I am trying to include as many relevant and important figures as possible, it will be impossible for me to include them all. I will do my best to continuously update reorganize and revise this list as time goes on. Feel free to contact me regarding missing entries, questionable inclusions, or for the sake of talking about any of the items listed here. Lecture Notes STGO Makerspace – Day 1 Notes Tools Glitch Art Tutorials and File Format Resources Video Theory / Writings (Glitch and Related Media Art Topics) Criticism Cathryn Ploehn “Not So GIFted” – Community Stuff Artists (Glitch and Related): Textiles + Glitches/Electronics: Tumblr: Glitch Music Further Reading Like this: Like Loading...

Related: