/*<meta content=" movement , scores , scripts, computer, programming, bodies" name="keywords">
<meta content="live coding web performance" name="description">
<meta name="author" content="Joana Chicau">


// +-+-+-+ +-+-+-+-+-+-+-+
// |o|l|a|  |m|u|n|d|o|!|
// +-+-+-+ +-+-+-+-+-+-+-+

//  . ☆ .*･*. ♪｡･ BOA NOITE ﾟ･｡｡.: *･* ｡ ☆

//  ﾉ”ｇｏｏｄ evening everyone ♪ ☆ .･ﾟ ★


/*
function breathing() {
  var zooming = document.querySelectorAll('.badge'), i;
  currentScale = 1;
  currenttime = setInterval(function() {
        for (i = 0; i < zooming.length; ++i) {
          zooming[i].style.transform="scale(" + currentScale + ")";
          zooming[i].style.transition = "all 0.6s ease-in-out";
          currentScale = Math.random() * 10;
        }
    },2000);
}
breathing()

function pause {
    clearInterval(currenttime);
}
*/


/*
function move () {
  currentNumber = 1;
  var allElements = document.querySelectorAll('a'), i;
  currenttime = setInterval(function() {
  for (i = 0; i < allElements.length; ++i) {
    allElements[i].style.transform="rotate(" + currentNumber + "deg )";
    currentNumber = Math.random() * 360;
    allElements[i].style.transition = "all 2s ease-out";
    }
 }, 800);
}
move()
// clearInterval(currenttime);

*/


/*
// const newtext = document.createElement('div');
// newtext.classList.add('showtext');
// document.getElementById('content').append(newtext);

// #gs_lc50

    var delay="0";
    var count='0';
    var Texts=new Array();
      Texts[0]="DANCE!";
      Texts[1]="━━━━☆ lets dance!";
      Texts[2]="I have a little warm-up for us...";
      Texts[3]="choose one part of your body and SHAKE IT";
      Texts[4]="now slowly bounce ⁽⁽◝( • ▽ • )◜⁾⁾ ";
      Texts[5]="show me your third best dance move!";
      Texts[6]="look around (¬‿¬ ) and imitate someone else's move ";
      Texts[7]="add a little more hip motion ✺◟( • ω • )◞✺ ";
      Texts[8]="show me your second best move!";
      Texts[9]="now add a little more pulse...";
      Texts[10]="dance against ★’.･. gravity .･. ☆";
      Texts[11]="create a new  movement you never did before!!!";
      Texts[12]="REPEAT, the algorave generation loves repetition ヾ(⌐■_■)ノ♪ ";
      Texts[13]="close your eyes, try different rhythms ~(˘▽˘)~";
      Texts[14]="choreography is the organization of tensions";
      Texts[15]="release any tension ヾ(´〇`)ﾉ♪♪♪";
      Texts[16]="now show me your first best ever dance move!";
      Texts[17]="look around and feel inspired ♪♪♪ ヽ(ˇ∀ˇ )ゞ";
      Texts[18]="keep on dancing /♫•*¨*•.¸¸♪"

    function dancingText(){
      document.querySelector('#logo').innerHTML = Texts[count];
      count++;
      if(count==Texts.length){count='0';}
      setTimeout("dancingText()",20000);
    }

dancingText()
*/


/*
function newHTMLskin () {
    var divs = document.querySelectorAll('div'), i;
      for (i = 0; i < divs.length; ++i) {
      divs[i].style.background = "linear-gradient(" + Math.floor(Math.random() * 1000) + "deg, Aquamarine, MistyRose, Lightgray, Plum)";
      divs[i].style.transition = "all 3s ease-out";
      }
}
newHTMLskin()
// clearInterval(timing);
timing = setInterval(newHTMLskin, 2000);
*/

/*
function newMove () {
    var divs = document.querySelectorAll('div'), i;
      for (i = 0; i < divs.length; ++i) {
      divs[i].style.borderRadius = Math.floor(Math.random() * 100) + "px";
      }
}
newMove()
// setInterval(newMove, 500)
// change borderRadius
*/



/*

function stretching (){
  var x = document.getElementsByTagName("div");
  var i;
    for (i = 0; i < x.length; i++) {
        x[i].style.transform = "scaleY(" + Math.random() * 4 + ")";
        x[i].style.transition = "all 1s ease-in-out";
    }
}
// clearInterval(timeStretch);
// timeStretch = setInterval(stretching, 2000);
*/

// // dancingVideo()
// // dance.push('https://www.youtube.com/embed/BCQnrwkTY?controls=0&showinfo=0&rel=0&autoplay=1&loop=1');

// HYDRA // 'cntr' + 'shift' + 'enter' — runs all the code
// ALT-Enter: run a line


// — > CTRL-Enter: run a block



// screenshare & mask rgb
s0.initScreen()
a.setBins(2);
a.show();
src(s0)
  .scrollY(0, ({time}) => Math.sin(time*0.005)*0.004 )
  .layer(osc(5,0.1,2).mask(shape(3)))
.out()


// blend wavy
s0.initScreen()
src(s0)
.scale(5)
.modulateScale(osc(3,2),0.1)
.blend(s0)
// SPEEDY
//.modulate(osc(50,10,5))
// .modulateKaleid(voronoi(() => Math.sin(time)*0.001,0.01,0.1),() => Math.sin(time)*6)
// .scale(() => Math.sin(time)*2)
.out()

// pixelate fast tempo
s0.initScreen()
src(s0)
.scrollX(0, ({time}) => Math.sin(time*0.0001)*0.1 )
// .scrollY(0, ({time}) => Math.sin(time*0.001)*0.01 )
// .pixelate([10,10,1],[1,30])
// .scale(0.02,0.05)
// .modulate(noise(0.02,0.05))
.out()


src(o0)
 shape(0.08,0.02).repeat(0.2,5) // lines and squares
.scale(() => Math.sin(time)*0.95)
.add(shape(3).color(2,2,2).scale(0.1)) // change values to waves or remove line
//.modulate(noise(()=> a.fft[1]*1 +0.1).scale(0.05,0.1)) // change middle > wavy
//.modulate(noise(0.0.2,0.05)) // with circles
// FRACTAL
// .add(o0,0.9)
// .repeatY (40)
// .scrollY(0, 0.1)
// SMOOTH KALEID
// .rotate(0.1,0.05) // speeds up
// .scrollX(0, 0.1).kaleid(2)
// WILDER KALEID
// .scale(0.05).rotate(0.1,1).kaleid(5)
// wilder
//pattern = () => osc(900, 0).kaleid(100).scale(1, 0.4)
.out()



src(s0)
// NOISE
.mask( noise(200,5).colorama(2).luma(0.5).thresh(0.05))
// ENDING
.mask(
shape(2,0.3,1).invert(({time})=>Math.sin(time)*3)
 )
// LINE smooth
// shape(2,0.3,1).invert(({time})=>Math.sin(time)*3)
// LINE
// shape(2,0.002).modulate(solid(1).add(osc()))
// .scale(3, ({time}) => Math.sin(time*0.02)*0.5 )
.out()

// ҉ ◢▅◣Ξ◥▅◤Ξ◢▅◣Ξ◥▅◤ ҉ ミ☆☆ keep on dancing!☆☆彡

// - - - - - - - - THE END - - - - - - - - - - //













// https://hydra.ojack.xyz/?sketch_id=CsMLIsUTVDstkWGo
// saved sketch https://hydra.ojack.xyz/?sketch_id=uvQZEr5OsYS1veg8



/*
// // . . .  maps
function breathing() {
    timing01 = setInterval(function() {
      document.querySelector("#widget-zoom-in").click();
    }, 1800);
    timing02 = setInterval(function() {
      document.querySelector("#widget-zoom-out").click()
    }, 2500);
    document.querySelector("body").style.transition = "all 0.4s ease-in-out";
}

function fireKey(el) {var key = 37;
var eventObj = document.createEvent("Events");
eventObj.initEvent("keydown", true, true);
eventObj.which = key;
el.dispatchEvent(eventObj);
}

function noBreathing() {
    clearInterval(timing01);
    clearInterval(timing02);
}
*/