Processing Pins and Buttons

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

Along the way to drawing a Ying Yang I stumbled and fell upon this wonder // 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, 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, 1}; // Outer Rim int black = 0; int white= 255; int scale = ( 13500 /2 )- 500 ; float steps = 64; int counter = 0; float x1; float y1; float x2; float y2; float x3; float y3; float x4; float y4; float oldx1; float oldy1; float...

No volume button in your head and the noise bleeds

// 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...

// 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 Code on Github at: https://github.com/rupertrussell/pattern010

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...

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

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...

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

// 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...

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

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