​

​

 let gyro_x = 0;

 let  gyro_y= 0;

  let gyro_z = 0;

​

​

 let sgyro_x = 0;

 let  sgyro_y= 0;

  let sgyro_z = 0;

​

 let acc_x = 0;

 let  acc_y = 0;

  let acc_z = 0;

​

 let rot_x = 0;

 let  rot_y = 0;

  let rot_z = 0;

​

let gyro_speed = .3;

​

var xpos, ypos;

​

let has_acc_sensors = false;

let has_rot_sensors = false;

​

let synth_initiated = false;

​

var t=1;

​

let initiated = false;

​

let init_div;

​

let bgcol ;

​

let smooth_diff = 0;

​

let ultra_smooth_diff = 0;

​

function preload(){

}

​

​

function setup() 

{ 

  // set canvas size

 // createCanvas(window.innerWidth,window.innerHeight);

 createCanvas(windowWidth, windowHeight );

  bgcol = color(225,52,84);

  // default values

  xpos = 200;

  ypos = 200;

   noStroke();

  init_div = document.getElementById("general_init_btn");

  init_div.addEventListener("click", startIt);

  scl = width/gsize;

  noSmooth();

}

​

function draw() 

{

   rotationSynth();

  // wenn landscape > x gyro ist dann gravitation achse

  // wenn portrait > y gyro ist dann gravitation achse

  sgyro_x = lerp(sgyro_x,gyro_x,gyro_speed);

  sgyro_y = lerp(sgyro_y,gyro_y,gyro_speed);

  sgyro_z = lerp(sgyro_z,gyro_z,gyro_speed);

  smooth_diff =   lerp(smooth_diff, (abs(acc_y)+abs(acc_z))*0.5 , 0.5);

  ultra_smooth_diff = lerp(ultra_smooth_diff, smooth_diff,.01);

   if(synth_initiated){

   lp_filter.frequency.value = int(1500. - abs(sgyro_y)*74);

​

     pitchShift.pitch  =  round(abs( sgyro_z+5 )*5.) *0.1    ;

   //pitchShift.pitch  =  abs(sgyro_z+10)*.4    ;

   pitchShift.wet  = .1;

   pitchShift.feedback  = .8;

     synth1.volume.value = - abs(sgyro_y);

     synth2.volume.value =   - abs(sgyro_z);

   }

  drawScene();

  return;

  fill(222);

  ellipse(width / 2, height / 2, smooth_diff*33);

  ellipse(width / 3, height / 2, ultra_smooth_diff*33);

  if(!has_acc_sensors){ 

     text("sorry, no gyro or acc found",width/2,height/2);

    return;}

  fill(0);

   if(has_acc_sensors){

      text(" acc_x: " + round(acc_x), 65, 25);

      text(" acc_y: " + round(acc_y), 65, 50);

      text(" acc_z: " + round(acc_z ), 65, 75); 

      text(" gyro_x: " + round(gyro_x), 225, 25);

      text(" gyro_y: " + round(gyro_y), 225, 50);

      text(" gyro_z: " +round(gyro_z ), 225, 75); 

     fill(22);

     rect(width/2,100,acc_x*100,20);

     rect(width/2,120,acc_y*100,20);

     rect(width/2,140,acc_z*100,20);

      fill(222);

     rect(width/2,100,gyro_x*10,20);

     rect(width/2,120,gyro_y*10,20);

     rect(width/2,140,gyro_z*10,20);

   }

}

​

let gx=0;

let gy=0;

let gz=0;

​

function rotationSynth(){

​

  if(!synth_initiated){return;}

  let l1amp = map(abs(gyro_x),0,10,0,.9);

  let l2amp = map(abs(gyro_y),0,10,0,.9);

  let l3amp = map((gyro_z),-10,10,0,.9);  // vor und zurückneigen

  gx = constrain(sgyro_x, -10, 10 );

  gy = constrain(sgyro_y, -10, 10 );

  gz = constrain(sgyro_z, -10, 10 );

}

​

let tone_range = .5;

​

​

​

let scl = 10;

​

let gsize = 16;

function drawScene(){

  let sclx = width/gsize;

  let scly = height/sclx;

  for(let y=0;y<scly;y++){

      for(let x=0;x<gsize;x++){

        let n = noise(x*.29+sgyro_z*.1,y*.29+sgyro_y*.1,millis()*.0001);

        let g =((sgyro_z+10)  *22);

        let b =((sgyro_y+10)*22);

        fill(55,n*g,n*b);

        rect(x*sclx,y*sclx,sclx,sclx);

    }

  }

​

  //console.log(deviceOrientation);

  /*

  if(deviceOrientation =="portrait"){

      background(bgcol);

     }else{

      background(color(33,77,111));

     }

 */

​

​

}

​

​

​

function detectCrucialMotion(){

​

  let accsum = abs(acc_x) + abs(acc_y) + abs(acc_z);

​

  if(accsum > 1.3){

    trigger_synth=true;

  }else{

    trigger_synth=false;

  }

​

​

}

​

/*

function deviceTurned() {

  if (turnAxis === 'Y') {

    bgcol = color(225,52,84);

  }else{

  bgcol = color(125,52,184);

  }

​

​

}

  */

​

window.addEventListener("devicemotion", handleRotation, true);

​

window.addEventListener("deviceorientation", handleOrientation, true);

​

function handleOrientation(e){

​

  has_rot_sensors = true;

​

  rot_x = parseFloat(e.alpha);

  rot_y = parseFloat(e.beta);

  rot_z = parseFloat(e.gamma); 

​

}

​

​

​

function handleRotation(e) {

 // get accelerometer values

   has_acc_sensors = true;

  acc_x = parseFloat(e.acceleration.x);

  acc_y = parseFloat(e.acceleration.y);

  acc_z = parseFloat(e.acceleration.z); 

  gyro_x = parseFloat(e.accelerationIncludingGravity.x);

  gyro_y = parseFloat(e.accelerationIncludingGravity.y);

  gyro_z = parseFloat(e.accelerationIncludingGravity.z);

}

​

​

// Definition of windowResized Function

function windowResized() {

    resizeCanvas(windowWidth, windowHeight);

}

​

​

function startIt(){

  init_div.style.display = "none";

  initSynth();

  let fs = fullscreen();

    // Call to fullscreen function

    fullscreen(!fs);

​

}

​

​

​

setInterval(triggerSynth,1000);

​

​

function triggerSynth(){

​

  let narr = ["C2", "E1", "G2" ,"A2","C3", "E3", "G3" ,"A3"];

  let cnote = random(note_arr2);

​

 if(synth_initiated){

  //sampler.attack.value = 31.0;

  //sampler.triggerAttackRelease(cnote, 66.5);

  //feedbackDelay.delayTime.value =.2+random()*.8; 

 }

}

​

​

window.addEventListener("deviceorientation", handleOrientation2, true);

​

function handleOrientation2(event) {

  var absolute = event.absolute;

  var alpha    = event.alpha;

  var beta     = event.beta;

  var gamma    = event.gamma;

  // Do stuff with the new orientation data

  text(absolute + "a", width/2,height-100);

}