Processing Magnets

// Daniel Shiffman // http://codingtra.in // http://patreon.com/codingtrain // Code for: https://youtu.be/KWoJgHFYWxY // Coding Challenge #30: Phyllotaxis float n = 100; float c = 30; float oldN; float start = 0; void setup() { size(13500, 13500 ); // size(1350, 1350 ); colorMode(HSB, 360, 255, 255); background(0); stroke(0); } // https://raw.githubusercontent.com/CodingTrain/Rainbow-Code/master/challenges/CC_30_Phyllotaxis/CC_30_Phyllotaxis.pde void draw() { translate(width / 2, height / 2); // rotate(n * 0.3); for (int i = 0; i < n; i++) { float a = i * radians(137.5); float r = c * sqrt(i); float x = r * cos(a); float y = r * sin(a); float hu = i+start;//sin(sta...

In 1822, Joseph Fourier showed that some functions could be written as an infinite sum of harmonics. This method called fourier series allowed us to construct very complex signal by only using the summation of sine and cosine signal. Furthermore by taking some statistic method, the scientist figure out that this complex signal can be transformed into frequency domain, so the analyzing or utilization of signal was becoming more advance. Nowadays application of fourier transform can be found everywhere. Your smartphone, your face recognition, radio, stock exchange, heart monitor, etc. And finally it is time to found its application in your daily outfit. Grab it fast.

code on Github at: https://github.com/rupertrussell/SpiralWaves001

code on Github at: https://github.com/rupertrussell/SpiralWaves001

Created with Processing and Post-production in Photoshop // Based on https://www.openprocessing.org/sketch/176444 // ArrayList<Circle> circles = new ArrayList<Circle>(); boolean centered; int num = 5500; int click = 0; int min = 5; // Min circle size int max = 630; // max circle size /* Our object */ Circle c = new Circle(new PVector(random(width/2-num, width/2+num), random(height/2-num, height/2+num)), (int)random(min, max)); void setup() { size(13500, 13500); noStroke(); circles.add(c); } void draw() { background(0); for (int i = 0; i < circles.size(); i++) { Circle c = (Circle) circles.get(i); c.draw(); } PVector newLoc = new PVector(random(width/2-num, width/2+num), random(h...

Created with "Processing":http://www.processing.org/ // Spiral v22a // Author Rupert Russell // October 19, 2010 // http://www.redbubble.com/people/rupertrussell/t-shirts/6112218-1-spiral-22a void setup() { background(0, 0, 0); // Black size(2400, 2400); noFill(); smooth(); } // Global Variables float x; float y; float deg; float stroke_weight = 1; int count = 0; void draw() { strokeWeight(stroke_weight); translate(width/2, height/2); // translate to center of screen rotate(deg); stroke(255, 255, 255); // White point(x, y); y = y + 0.05; deg = deg + .02; stroke_weight = stroke_weight + 0.001; count ++; if (count > 18000) {noLoop(); } } // Save tif when...

A graphic design of a computer's central processing unit (CPU) without a heat sink, along with computer circuitry by the side. I designed it back in November 2020 and also used it as the cover art for my track Overclocked: hyperfollow.com/moule/overclocked

// Phyllotaxis by Rupert Russell // based on code by Daniel Shiffman // Licensed under Creative Commons Attribution ShareAlike // https://creativecommons.org/licenses/by-sa/3.0 // https://creativecommons.org/licenses/GPL/2.0/ // http://patreon.com/codingtrain // Code for: https://youtu.be/KWoJgHFYWxY // Coding Challenge #30: Phyllotaxis // http://algorithmicbotany.org/papers/abop/abop-ch4.pdf // https://raw.githubusercontent.com/CodingTrain/Rainbow-Code/master/challenges/CC_30_Phyllotaxis/CC_30_Phyllotaxis.pde // http://www.timvandevall.com/wp-content/uploads/2013/08/Color-Wheel-Template-06.png // int n = 200016; float c = 8.5; float start = 0; float hu ; float radius = 0; int count = 0; int oldCount = 0; int dot...

// Phyllotaxis by Rupert Russell // based on code by Daniel Shiffman // Licensed under Creative Commons Attribution ShareAlike // https://creativecommons.org/licenses/by-sa/3.0 // https://creativecommons.org/licenses/GPL/2.0/ // http://patreon.com/codingtrain // Code for: https://youtu.be/KWoJgHFYWxY // Coding Challenge #30: Phyllotaxis // http://algorithmicbotany.org/papers/abop/abop-ch4.pdf // https://raw.githubusercontent.com/CodingTrain/Rainbow-Code/master/challenges/CC_30_Phyllotaxis/CC_30_Phyllotaxis.pde // http://www.timvandevall.com/wp-content/uploads/2013/08/Color-Wheel-Template-06.png // int n = 200016; float c = 8.5; float start = 0; float hu ; float radius = 0; int count = 0; int oldCount = 0; int dot...

// Created with Processing see processing.org // Licensed under Creative Commons Attribution ShareAlike // https://creativecommons.org/licenses/by-sa/3.0 // https://creativecommons.org/licenses/GPL/2.0/ // http://www.redbubble.com/people/rupertrussell // triangles_005_001 // 20170205 PVector a; PVector b; PVector c; float shrink = .9; float grey=0; float len = 9000; // boolean black = true; void setup () { size(5748, 5748); background(255); noLoop(); smooth(); strokeWeight(1); stroke(grey); int size = 7900; a = new PVector(-size, -size, 0); b = new PVector(size, -size, 0); c = new PVector(0, size, 0); } void draw () { translate(width / 2, height /2); a.setMag(len); b.setMa...

Inspired by "Flint":http://www.redbubble.com/people/geometee/works/9499665-flint !http://ih0.redbubble.net/image.12765418.9665/sticker,220x200-bg,ffffff-pad,220x200,ffffff.u3.jpg!:http://www.redbubble.com/people/geometee/works/9499665-flint // Created with Processing see processing.org // Licensed under Creative Commons Attribution ShareAlike // https://creativecommons.org/licenses/by-sa/3.0 // https://creativecommons.org/licenses/GPL/2.0/ PVector a; PVector b; PVector c; float shrink = .9; float grey=0; float len = 4000; void setup () { size(2800, 2800); background(255); noLoop(); smooth(); strokeWeight(1); stroke(grey); int size = 800; a = new PVector(-size, -size, 0); b = new PVector(si...

"The Ouchi illusion":http://mathworld.wolfram.com/OuchiIllusion.html is an illusion named after its inventor, Japanese artist Hajime Ouchi. In this illusion, the central disk seems to float above the checkered background when moving the eyes around while viewing the figure. Scrolling the image horizontally or vertically give a much stronger effect. The illusion is caused by random eye movements, which are independent in the horizontal and vertical directions. However, the two types of patterns in the figure nearly eliminate the effect of the eye movements parallel to each type of pattern. Consequently, the neurons stimulated by the disk convey the signal that the disk jitters due to the horizontal component of the eye movements, whi...

// Based on https://www.openprocessing.org/sketch/176444 // Created with Processing see https://processing.org/ ArrayList<Circle> circles = new ArrayList<Circle>(); boolean centered; int num = 5500; int click = 0; int min = 5; // Min circle size int max = 2200; // max circle size /* Our object */ Circle c = new Circle(new PVector(random(width/2-num, width/2+num), random(height/2-num, height/2+num)), (int)random(min, max)); void setup() { size(13500, 13500); noStroke(); circles.add(c); } void draw() { background(0); for (int i = 0; i < circles.size(); i++) { Circle c = (Circle) circles.get(i); c.draw(); } PVector newLoc = new PVector(random(width/2-num, width/2+num), random(height/2...

Please be kind, I have misophonia. A cool headphones design for someone with sensory processing disorder for loud noises and sounds.

Cute blushing CPU My cores are hot for you. Adorable CPU in love saying "my cores are hot for you" for all computer geeks.

Code on "Github":https://github.com/rupertrussell/Dynamic-Circle-Chords-II Based on "Dynamic Circle Chords":http://www.openprocessing.org/visuals/?visualID=4872 by "Kyle Rollin":http://www.openprocessing.org/portal/?userID=2640 Created using "Processing":http://processing.org/ // http://www.openprocessing.org/visuals/?visualID=4872 // http://www.openprocessing.org/visuals/?visualID=4872 int numRings = 1; Ring[] rings = new Ring[numRings]; int numballs = 18; void setup(){ size(8000,8000); background(0); stroke(255); strokeWeight(15); smooth(); ellipseMode(CENTER); rings[0] = new Ring(numballs, 4000, 4000, 3000); noLoop(); } void draw(){ background(0); for (int i = 0; i < numRings...

Created with "Processing":https://processing.org/ Post production with Photoshop int bgColor; // sets color of background int xStart; // starting point x axis int yStart; // starting point y axis int diamX; // x axis diameter of ellipse int diamY; // y axis diameter of ellipse float xScale; float yScale; int sColor; // stroke color float a = 598.1157; void setup(){ size(2400,2400); smooth(); xStart = width /2; yStart = height /2; diamX = 120 * 3; diamY = 20 * 3; xScale = 6; yScale = 6; sColor = 255; bgColor = 0; } void draw(){ background(bgColor); stroke(sColor); strokeWeight(2); for(float i = 0; i < 20; i ++){ pushMatrix(); noFill(); translate(xStart...

This design brings attention to individuals who experience audio processing issues and sensory sensitivity, highlighting the challenges they face and promoting understanding and support.

Created using code from Daniel Shiffman https://thecodingtrain.com/challenges/coding-in-the-cabana/005-marching-squares.html

// Thanks to: The Coding Train / Daniel Shiffman // Marching Squares // Coding in the Cabana // https://thecodingtrain.com/challenges/coding-in-the-cabana/005-marching-squares.html // https://youtu.be/0ZONMNUKTfU // p5 port: https://editor.p5js.org/codingtrain/sketches/g6-zufS8c // from: https://www.youtube.com/watch?v=0ZONMNUKTfU&feature=em-uploademail // https://thecodingtrain.com/challenges/coding-in-the-cabana/005-marching-squares.html My version on Github at: https://github.com/rupertrussell/MarchingSquares002

// Based on https://www.openprocessing.org/sketch/176444 // Created with Processing see https://processing.org/ ArrayList<Circle> circles = new ArrayList<Circle>(); boolean centered; int num = 5500; int click = 0; int min = 5; // Min circle size int max = 1500; // max circle size /* Our object */ Circle c = new Circle(new PVector(random(width/2-num, width/2+num), random(height/2-num, height/2+num)), (int)random(min, max)); void setup() { size(13500, 13500); noStroke(); circles.add(c); } void draw() { background(0); for (int i = 0; i < circles.size(); i++) { Circle c = (Circle) circles.get(i); c.draw(); } PVector newLoc = new PVector(random(width/2-num, width/2+num), random(height/2...

!http://ih1.redbubble.net/work.6111282.1.fig,black,mens,fbfbfb.random-field-1-white-v3.jpg!:http://www.redbubble.com/people/rupertrussell/t-shirts/6111282-1-random-field-1-white Created with "Processing":http://www.processing.org // Random v1 // Author Rupert Russell // October 17, 2010 void setup() { background(0, 0, 0); // Black size(2400, 2400); noFill(); smooth(); } // Global Variables float x; float y; float deg; float stroke_weight = 1; int count = 0; void draw() { strokeWeight(stroke_weight); translate(width/2, height/2); // translate to center of screen rotate(deg); stroke(255, 255, 255); // White point(x, y); y = y + 0.08; deg = random(-25, 25); stroke_weigh...

Sometimes my brain is full - no more can enter in!

Circle Tree 003

// From https://www.openprocessing.org/sketch/176094 // Circle No Intersect NEW" by Michael Pinn //http://www.openprocessing.org/sketch/176094 ArrayList<Circle> circles = new ArrayList<Circle>(); float num = 5000; // size of circle to fill int click; int min = 2; int max = 1000; int count = 0; int oldCount = 0; int currentCount = 0; /* Our object */ Circle c = new Circle(new PVector(0, 0), (int)random(min, max)); void setup() { size(12000, 12000); noStroke(); circles.add(c); } void draw() { background(255); for(int i = 0; i < circles.size(); i++){ Circle c = (Circle) circles.get(i); c.draw(); currentCount ++; if(currentCount == oldCount + 5000000){ ...

I am working on this image the next step will be to code the Hexagrams // Started 20161119 0830 // To draw the following image: // https://www.travelchinaguide.com/intro/astrology/i-ching.htm // https://www.travelchinaguide.com/images/photogallery/2011/tai-chi.jpg int[] message = {1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1}; // Outer Rim int[] message1 = {1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1}; // Outer Rim int[] message2...

!http://ih1.redbubble.net/work.7004289.1.sticker,375x360.polar-flower-i-v1.png!:http://www.redbubble.com/products/configure/7004289-sticker Created with "Processing":http://processing.org/ // draws a Polar Flower // Based on code from http://www.physics.emory.edu/~weeks/ideas/rose.html int screenWidth = 2000; int screenHeight = 2000; void setup() { size(screenWidth, screenHeight); background(#cccccc); // grey background strokeWeight(1); // thin lines smooth(); // antialias lines } float rad; float theta; float x; float y; float r; void draw() { for (rad = 1; rad < 45; rad ++) { for (theta = 0; theta <= 10.0 * PI; theta += 0.01) { r = rad * (8 + sin...

Thinking Loading Processing Buffering Humor Fun T-Shirt

!http://rupert.id.au/redbubble/images/RB_Fitted_Scoop_Template-001_small.png! /* Warning Radiation created with Processing see "processing.org":http://processing.org/ */ void setup(){ size(700,700); background(255,255,0); smooth(); noStroke(); fill(0); } void draw(){ fill(255,255,0); arc(width/2, height/2, 650, 650, 0, 1.05); fill(0); arc(width/2, height/2, 650, 650, 1.05, 2.1); fill(255,255,0); arc(width/2, height/2, 650, 650, 2.1, 3.15); fill(0); arc(width/2, height/2, 650, 650, 3.15, 4.2); fill(255,255,0); arc(width/2, height/2, 650, 650, 4.20, 5.25); fill(0); arc(width/2, height/2, 650, 650, 5.25, 6.3); fill(255,255,0); ellipse(width/2, he...

Created with "Processing":https://processing.org code available on "Github":Lissajou_001_a=2.949999_b=1.0_19.0

Dark deer

/** * Hue. * * Hue is the color reflected from or transmitted through an object * and is typically referred to as the name of the color (red, blue, yellow, etc.) * Move the cursor vertically over each bar to alter its hue. * Created with Processing see processing.org */ int counter = 0; int barWidth = 20; int lastBar = -1; void setup() { size(600, 600); colorMode(HSB, height, height, height); noStroke(); background(0); } void draw() { int whichBar = mouseX / barWidth; if (whichBar != lastBar) { int barX = whichBar * barWidth; fill(mouseY, height, height); rect(barX, 0, barWidth, height); lastBar = whichBar; } } void mouseClicked() { counter = counter + 1; ...

I need my space, and you're standing too close. It's not personal.

Created with "Processing":http://processing.org/ // Draws a Lissajous figures // 1 April 2011 // http://www.rupert.id.au/tutorials/processing/examples.php float Scale = 1; int screen_width = round(240 * Scale); int screen_height = round(240 * Scale); /* Scale image and reduce by 10 pixels to remove from edge of screen */ int AX = (screen_width/2) - round(10 * Scale); int BX = (screen_height/2) - round(10 * Scale); float a = 1; float b = 1; int counter = 0; int saveCounter = 0; int count = 0; String str_count; String file_name; void setup(){ smooth(); fill(255); strokeWeight(1); // Thin size(screen_width,screen_height); } // Based on Microworlds LOGO code from http://www.mathcats.com/ga...

Created with "Spirograph Creator":http://www.openprocessing.org/sketch/4154 by "Callum Rogers":http://www.openprocessing.org/user/2254 /* OpenProcessing Tweak of *@*http://www.openprocessing.org/sketch/4154*@* */ /* !do not delete the line above, required for linking your tweak if you upload again */ /* SPIROGRAPH CREATOR by CALLUM ROGERS * * This code is licensed under the GNU GPL, the terms of which can be found here: http://creativecommons.org/licenses/GPL/2.0/ * You are free to modify, distrbute and share this source code and binaries as long as you abide by the terms of the GPL * */

its hard to know how your feeling sometimes. taking on roles others want you to portray can make you feel separated from your true self...