# Genuary2023_SDF

### **The prompt for Genuary2023 Day 8 is**

## "SDF - Signed Distance Fields"

For Today's prompt, the piece is named ***Splatter Distance Fields***

* Code aided and borrowed/started by @piterpasma tutorial ( for Genuary to get started with SDFS
    
    * Genuary explainer page : [https://genuary.art/wtsdf](https://genuary.art/wtsdf)
        
    * @Piterpasma Tutorial : [https://youtu.be/KRB57wyo8\_4](https://youtu.be/KRB57wyo8_4)
        
    * Built upon the **P5js** code to turn it into layering Splatters
        
* The audio is coded in **SonicPi**
    

<iframe width="560" height="315" src="https://www.youtube.com/embed/sJFMxcQb5v4"></iframe>

### Poem

***In this batter of splatter  
The splatters are staggered  
Some splatters are slackers  
Others are packers  
Some act as if they are ladders  
While others can’t hold their bladders***

### **P5js**

```javascript
/* 

Code aided and borrowed/started by @piterpasma
Link here for that : https://youtu.be/KRB57wyo8_4
Built upon it to do Splatter Distance Field

*/

//redefining the random
let R = (a=1)=> Math.random()*a;

//length of vector
// sqaure root of a ^ 2 + b ^ 2 //
let L = (x,y) => (x*x+y*y)**0.5;



function setup()
{
  createCanvas(displayWidth,displayHeight);
  background('black')
}

//redefining the circle formula
/*
passing an array as the coordinates in the draw circle

r = radius

c = color
*/


function draw_circle([x,y],r,c)
{
  //coordinates going between -1,1 (stretch over screen)

  if (second() % 30 > 12)
    {
      noStroke();
    }
	i = 0
	
	colors = ['#98fb98', '#b22222', '#f0e68c', '#ff4500', '#008080']
	
  if (second() % 30 < 12)
    {
      stroke(colors[i])
			i += 1
			if (i >= colors.length)
			{
				i = 0
			}
				
    }

  
  
  
  fill(c); //fill with color
  //p5 goes with diameter by default
	circle((x+1)*width/1.3,(y+1)*width/1.3,r/2)
  circle((x+1)*width/2,(y+1)*width/2,r/2)
  circle((x+1)*width/4,(y+1)*width/4,r/2)
  circle((x+1)*width/6,(y+1)*width/6,r/2)
	circle((x+1)*width/8,(y+1)*width/8,r/2)
}

//center coordinates is cx, cy
function sdf_circle([x,y],[cx,cy], r)
{
x -= cx;
y -= cy;
  
return L(x,y) - r;
  
}

//shapes have insted and outside, purpose of sdf is to calcuate between them

//taking the array of coordinates
function sdf([x,y])
{
  //inside the shape is negative and outside is positive
  
  // SDF of a circle is Length of Vector - the radius of the circle
  
  
  // this means this vector is .6 away from the origin
dicey = random(0.4,0.6)
let ball =sdf_circle([x,y],[dicey + (second()  % 5)/8,dicey+ (second()  % 5)/8], 0.4)
let slope = -x+ 0.4
let slope2 = -y + 0.4
return Math.min(slope,ball)

  
}

function draw()
{
  if (second() % 11 <  5)
  {
    looping = 5000
  }
  else
    {
      looping = 500
    }
  //draw a point 1000 times
  for (let i = 0;i < looping; i++)
    {
      //random point utilizing the R function from before
      
    pointy(1.5 + (second() % 10)/7,'#f5deb3', '#8b8378', '#191970', '#ff7f50', '#7fffd4')
    pointy(2.5 - (second() % 10)/20,'white','pink','red','gold','blanchedalmond')
    pointy(0.9,'#3f3fff', '#006400', '#8b008b', '#228b22', '#2f4f4f')
      
    }
}



function pointy (x,coloring,coloring2,coloring3,coloring4,coloring5)
{
  
    let points = [R(x)-1, R(x)-1];
    let distance = sdf((points));
    let colour = coloring
    
    if (distance < -0.01)
      if(second() % 2 == 0)
      colour = coloring2
      else
      colour = coloring4
    
    if (distance > 0.01)
      if(second() % 3 == 0)
      colour = coloring3
    else
      colour = coloring5
  draw_circle(points,2,colour)
  draw_circle(points,4,colour)
  draw_circle(points,1,colour)
}
```

### **SonicPi Code**

```ruby

def tweet(bpm,synthing,minOrmaj)
  live_loop :a do
    with_fx [:ixi_techno,:gverb].tick do
      use_bpm bpm
      use_synth synthing
      play chord(dice(bpm *2), minOrmaj)
      play chord(dice(bpm *2), minOrmaj)
      sample [:misc_crow,:misc_burp,:perc_snap].choose,beat_stretch: dice(3),decay: 4,sustain: 8
      sleep [0.25,0.5,1].choose
    end
  end
end

tweet(5,:piano,:minor)
tweet(9,:organ_tonewheel,:major)
tweet(40,:chipbass,[:major,:minor].choose)
tweet(20,:pretty_bell,[:major,:minor].choose)
```