background preloader

GLSL Sandbox Gallery

Related:  Node.js | Graphics

Processing.js hibernate - Architecture for spring enterprise web application Modern OpenGL 01 – Getting Started in Xcode, Visual C++, and Linux « Tom Dalling Welcome to the first of a series of articles about modern OpenGL, with a focus on making games. All the code will be open source, and downloadable from github: By the end of this article, you will have a working OpenGL 3.2 project in Visual C++ on Windows, Xcode on OSX, and Linux. The app will have a vertex shader, a fragment shader, and will display a single triangle using a VAO and a VBO. The project will use GLEW to access the OpenGL API, GLFW to handle window creation and input, and GLM for matrix/vector math. Yes, it is a little bit boring, but just getting a project set up correctly can be difficult, especially for beginners. Table of Contents Accessing The Code Download all lessons as a zip from here: All the code in this series of articles is available from github: A Note On Compatibility Visual C++ Setup Instructions Vertex Shaders

JavaScript Image ASCIIfier Utilizing magic and the <canvas> element to turn internet images into sexy ASCII art Download : jsascii.js Example usage: Original image: ASCII image: jsAscii grabs the image from the page and paints it on a hidden canvas element. The following custom attributes can be set on image elements to control the ASCII conversion: asciify=(true/false) Set to true to convert image to ASCII asciiresolution=(low/medium/high)Set to high to use all pixels in image, medium to use every other and low to use only one in four pixels. asciiscale=(1-5)Set to 1 to maintain the size of the original image, 2 to double the size, etc. asciicolor=(true/false)Set to true to render the characters in color. asciiblock=(true/false)Set to true to render the characters as colored blocks (only if asciicolor=true). asciiinvert=(true/false)Inverts the character lookup table, so bright becomes dark and vice versa. asciichars=("...")Use a custom character lookup table, default is " .

rybotron Pyramythical by Rybotron Audio reactive Quartz Composer composition built with the EMIT Library 10:19 am • 28 July 2016 • 2 notes jam session #quartzcomposer #emitlibrary #VDMX #realtime #bambounou #rybotron 7:31 am • 24 May 2016 • 2 notes The Separation / The Understanding are two tracks from Ceremony’s new album, “The L-Shaped Man” which marks a departure in style from their earlier hard-core work to a post-punk sound. Four projectors were connected to a Mac Pro using a 5k Resolume output driven by custom real-time Quartz Composer patches built with Rybotron’s EMIT Library. Download EMIT Quartz Composer library here: 7:45 am • 7 April 2015 • 1 note EMIT techniques with Cinema 4D XPresso 11:33 pm • 24 February 2015 • 21 notes Easy is a real-time generative audio driven Quartz Composer composition using a library I created called EMIT. Download EMIT & this composition: Audio: Son Lux - Easy 11:35 pm • 21 February 2015 • 1 note

Creating a raytracer for DOS, in 16 VGA colors Getting Started with Three.js | Aerotwist ## Introduction I have used Three.js for some of my experiments, and it does a really great job of abstracting away the headaches of getting going with 3D in the browser. With it you can create cameras, objects, lights, materials and more, and you have a choice of renderer, which means you can decide if you want your scene to be drawn using HTML 5’s canvas, WebGL or SVG. And since it’s open source you could even get involved with the project. For all the awesomeness of Three.js, there can be times where you might struggle. The basics I will assume that you have at least a passing knowledge of 3D, and reasonable proficiency with JavaScript. In our 3D world we will have some of the following, which I will guide you through the process of creating: A scene A renderer A camera An object or two (with materials) You can, of course, do some crazy things, and my hope is that you will go on to do that and start to experiment with 3D in your browser. Support Set the Scene

Cursos de SuperCollider en el Centro Multimedia - tallerdeaudio Cursos-talleres SuperCollider3 Centro Multimedia Tres cursos anuales consecutivos (tres cursos al año) con los niveles 1- principiante, 2- intermedio y 3- proyectos. El objetivo es producir estudiantes que asimilen el lenguaje y puedan, en el tercer curso, desarrollar un proyecto de su autoría con asistencia de los profesores. SuperCollider es una plataforma de programación Open Source enfocada a la síntesis y composición algorítmica. 1-Curso principiantes Registro de la presentación 2010 2-Curso intermedios registro de la presentación final 2008 3-Proyectos Las clases se imparten de manera pesonalizada abordando los temas que el proyecto de cada alumno requiera. Documentación de los proyectos de los alumnos por año Material de apoyo synth.rtf bat.rtf improvisacion viernes.rtf substractiva.rtf Catálogo 1 de SynthDefs.rtf find rumba buena.rtf operacion con color en SCWindow.rtf archivo de ayuda en español SuperCollider keyDownAction en Linux y en Windows Ejemplos del curso principiantes 2010: FM con Tdef

byulparan/pdlisp nestorsilk/ThreeNodes4Max.js software | Swedish VJ Union I couldn’t have imagined a better start of the year when it comes to software and hardware. So many good things has been announced and released already. Let’s have a look at some stuff that relates to us visualists. Read more → I’m on OSX but I’m not at all an early adopter when it comes to operating systems. I just upgraded to Lion in June and the next release, Mountain Lion is already here. Read more → I follow the Syphon Twitter feed and noticed a couple of new Syphon apps. Read more → This is what went on in and around our network in June 2012. Read more → These are things that has happened in our network and things I’ve seen in social media the last month. Read more → Beta testers are raving about the Processing app for iOS that will be released within the next few weeks. Read more → Just Add Music has been updated to 2.6. Read more → New releases from Vidvox, Vade and Bangnoise/The Syphon team, CoGe and Millumin. Read more → There has been a few notable software updates the last week.

colony Colony is a neat little visualisation tool for exploring Node projects and their dependencies using d3.js. Each file is represented as a node in the graph. If one file depends on another, a link is made between the two files. Each file is coloured based on the module they belong to. By hovering over a node, you can see the file's name, the files it depends on (light), and the files that depend on it (dark). This demo is a visualisation of colony's own code and dependencies, but you can use the command-line tool to apply it to almost any NPM module or CommonJS project. Click on any file to focus on it: this displays the file's source code and hides any unrelated files on the screen. By pressing the tilde (~) key, you can toggle the size of this text box.

Control Tutorial – how to create your own widgets Control user boblemarin, who is the author of the impressive Sprite3D javascript library, has made a couple of interesting new widgets. The first is a circle sliced into triangles; each segment can be used to trigger, for example, slices of a loop. He also has an interface using particles that are generated by touch and send out note messages whenever they bounce off the walls of the interface. Particle interfaceSlice triggering interface Best of all, he created a tutorial for people who want to make their own widgets. Some love for Control’s open-source brethren Forum member Jetsabel has also made a nice Pure Data patch that explains how to use Control with Pd-extended. For whatever reason, most of the videos / code I’ve posted so far has been geared more towards proprietary software. You can download the script here. Control 1.4 released (iOS) Control 1.4 is released for iOS. I’ll post some more info about these changes later this weekend.

D3.js - Data-Driven Documents