background preloader

Arts numériques

Arts numériques
The Nature of Code The goal of this site is simple. We want to take a look at something that naturally occurs in our physical world, then determine how we can write (...) Dictionnaires et corpus de mots Dans cette rubrique nous parlerons des outils en ligne Processing drawings Un site avec des exemples percutants de design generatif 25 life-saving tips for Processing « Amnon P5 – Experiments with Processing by Amnon Owed I have bundled a huge number and variety of code examples in this single mega-post.

Coding, Sounds and Colors | A blog about algorithmic experiments in music and visual art. Sort of. Overlook Combining some techniques from the previous posts on shaders, here’s the render of an audio reactive application which I used for a video of “Overlook”, a track of my musical alter ego The code uses vertex and fragment shaders to create a glitchy environment which reacts to the audio in real time. The track “Overlook” is available for listening here Dust From A G String Here’s “Dust From A G String”, a piece about the corrosive power of passing time, and the beauty it leaves behind, just before the end. The video was made in Processing, using a custom shader based on FBO techniques. Reaction-Diffusion algorithm and FBO techniques Reaction-Diffusion algorithms are very fascinating, since they are capable of producing incredibly organic patterns. PGraphics pong; PShader diff; pong.beginDraw(); pong.noStroke(); pong.fill(0, 255, 0); pong.ellipse(width/2, height/2, 10, 10); pong.endDraw(); } void draw(){ //// diffFrag.glsl varying vec4 vertColor; varying vec4 vertTexCoord; void main(){ fork({

Beautiful Programming Quarks Place 25 life-saving tips for Processing | Amnon P5 - Experiments with Processing by Amnon Owed 25 life-saving tips for Processing Posted by Amnon on January 28, 2012 · 46 Comments Well, perhaps they won’t literally save your life. But they surely will help you write your sketches easier, faster and more efficiently! This post will be covering tips, tricks and other need-to-know information about Processing. 1. frameCount, millis(), modulo % and noise Let me start with a few functions that in themselves and in combination are extremely useful. 2. math, logical and relational operator shortcuts Any program will use operators. 3. math with ints A very common mistake is doing math operations on integers and expecting a floating number outcome. 4. frameRate Processing’s frameRate is by default capped at 60 fps. 5. loading specific files from an external input directory Many applications use file input, for example an image or a data file. 6. timestamp When saving output to a file you often need a way to distinguish between different sessions. 21. breakShape Disclaimer! Final note!

Fun Programming - video tutorials to learn creative coding Playing with pixels ! Magic & Love Interactive – Bryan Chung's website on digital art, entertainment design and software design utdallas Virtual hands-on workshop : “Enjoyable Introduction to Programming using Drawings” by Dr. Jeyakesavan Veerasamy, CS faculty, University of Texas at Dallas, USA. While these materials have been targeted for workshops, they can certainly be used for self-paced learning from your home as well. Start the workshop with one of the shows in following directory – click on any showX.html (press F11 and go full-screen for the full effect!) All with just ~20 lines of code in Processing.js that contain a few simple math equations! Additional Topics Additional resources: · Khan Academy JavaScript documentation: · Processing.js documentation: · Sketchpad CC IDE: · OpenProcessing IDE: · Processing examples: A few advanced examples (mostly Recursion): var depth = 4; var length = 200; var factors = [1/3, 1/3, 1/3, 1/3, 1/3]; var turns = [-90, 90, 90, -90, 0]; var copies = 4; var angle = 90;

Showreel (Graphic Coding): 2010-2014+ A showreel by P&A LAB, Jia-Rey Chang as a short period of summary . Collecting majority of the previous experimental projects on visual graphical/architectural/interactive 2D/3D simulation from 2010 to 2014+. Special Thanks for the music, a little chess, by E.S.O.a.C from their first album: quarrel . Each individual video listed under: GenerateMe | tutorials, explanations, etc…

A Recursive Process – Page 5 – Math teacher seeking patterns. From Car Talk: TOM: Three guys go out fishing. They decide in advance that whatever they catch, they’re going to divvy it up equally.So, they finish fishing for the day. Can this happen with 4 people? From Graphs and Charts on the BBC Micro Computer by Robert D. Harding (Acornsoft, 1982). /* 500 REM L2-XYX2 520 REM 530 REM --- simple x,y plot --- 540 REM first DIM £X,£Y & set values 550 DIM £X(40),£Y(40) 560 N%=40 570 FOR I%=0 TO N%: th=I%*PI/N% 580 r = SIN(5*th) 590 £X(I%)= r *COS(th) 600 £Y(I%)= r *SIN(th) 610 NEXT 620 REM --- now call PROC£XY --- 630 MODE5:PROC£XY(5,N%) 640 END 650 REM --- that's all --- */ int res = 100; float lastX = 0; float lastY = 0; void setup(){ size(400, 400); stroke(255,255,0); noLoop(); } void draw(){ background(0); translate(width/2, height/2); for(int i = 0 ; i <= res; i++){ float th = i * (PI/res); float r = sin(5 * th); float x = r * cos(th) * 100; float y = r * sin(th) * 100; line(lastX, lastY, x, y); lastX = x; lastY = y; } } From Graphics on the BBC Microcomputer by Neil Cryer, Pat Cryer and Andrew Cryer (Acornsoft 1983). From Creative Graphics on the BBC Microcomputer by John Cownie (Acornsoft, 1982).

processing | vjcommunity Motivation: controle polar coordinate and bezier objective: Result: theta is colum part ^^ rayon is row part ^^ theta-=radians(1);//colum //like y ; rayon=150*sin(theta*4);//row // Polar to cartesian coordinate conversion // Rotate the box noStroke(); rectMode(CENTER); rect(rayon*cos(theta), rayon*sin(theta),w,h); discovery: watt s curve Planar four-bar linkages reference bezier this realy make closer of the understanding of cartesian to polar coordinate : Motivation: I want to understand algebra an put function in my code .

Processing @ Processing @ t-o-f / Processing / Processing 1. Présentation Processing est un environnement de développement et un langage de programmation basé sur une version simplifiée de la plateforme Java . Processing est à code source libre et peut être téléchargé gratuitement ici Site officiel: Wiki officiel: 2. 3. 4. 5. OSC: oscP5 Interface utilisateur: controlP5 Physique: fisica