diff --git a/chicau-hydra.js b/chicau-hydra.js index 65b5cfd..d501dcd 100644 --- a/chicau-hydra.js +++ b/chicau-hydra.js @@ -1,63 +1,56 @@ /* - choreo-graphic-coding */ -// https://hydra.ojack.xyz/?sketch_id=CsMLIsUTVDstkWGo -// saved sketch https://hydra.ojack.xyz/?sketch_id=uvQZEr5OsYS1veg8 -// HYDRA // 'cntr' + 'shift' + 'enter' — runs all the code -// CTRL-Enter: run a line of code -// ALT-Enter: run a block - - -+-+-+-+ +-+-+-+-+-+-+-+ -|o|l|a| |m|u|n|d|o|!| -+-+-+-+ +-+-+-+-+-+-+-+ - -// . ☆ .*・*. ♪。・ BOA NOITE ゚・。。.: *・* 。 ☆ - -// ノ”good night everyone ♪ ☆ .・゚ ★ -// open search youtube — webcam live stream online +// +-+-+-+ +-+-+-+-+-+-+-+ +// |o|l|a| |m|u|n|d|o|!| +// +-+-+-+ +-+-+-+-+-+-+-+ -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, Blue, Plum)"; - } -} -newHTMLskin() +// . ☆ .*・*. ♪。・ BOA NOITE ゚・。。.: *・* 。 ☆ -// clearInterval(timing); -// timing = setInterval(newHTMLskin, 2000); +// ノ”good evening everyone ♪ ☆ .・゚ ★ -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 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.background="#fb78ff"; + zooming[i].style.transition = "all 0.6s ease-in-out"; currentScale = Math.random() * 10; } - }, 800); + },2000); } breathing() -function noBreathing() { +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); @@ -67,89 +60,152 @@ function noBreathing() { var delay="0"; var count='0'; var Texts=new Array(); - Texts[0]="nova coreografia"; - Texts[1]="set the movement"; - Texts[2]="words to define space - time"; - Texts[3]="( expand ノ) )contract(()"; - Texts[4]="the space of the body"; - Texts[5]="the body in space"; - Texts[6]="o movimento do corpo"; - Texts[7]=""; - Texts[8]="refuse the movement"; - Texts[9]="anular o movimento"; - Texts[10]=""; - Texts[11]="movement undefined"; - Texts[12]="o movimento sem definição"; - Texts[13]=""; + 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]="and counter - tensions "; - Texts[16]="counter - choreographies"; - Texts[17]="BREATHE"; - Texts[18]="continua a respirar" + 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('body').innerHTML = Texts[count]; + document.querySelector('#logo').innerHTML = Texts[count]; count++; if(count==Texts.length){count='0';} - setTimeout("dancingText()",10000); + setTimeout("dancingText()",20000); } -// dancingText() +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 +*/ -// dancingVideo() -// dance.push('https://www.youtube.com/embed/BCQnrwkTY?controls=0&showinfo=0&rel=0&autoplay=1&loop=1'); +/* + +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) -// SHAPES -// shape(3) // triangle -// .scale(() => Math.sin(time)*5) -// .repeat(() => Math.sin(time)*3) -// MASK -// .scrollX(0, ({time}) => Math.sin(time*0.05)*0.05 ) -// .layer(osc(30,0.1,2).mask(shape(3))) -// LINES -// shape(4,0.4).repeat(2,500) // trans squares -// .scroll(0, ({time}) => Math.sin(time*0.02)*0.05 ) -// .scale(1, ({time}) => Math.sin(time*0.02)*0.05 ) -// CUBIC block -// .luma (0.9) -// .rotate(6, 2,2) -// .scrollX(0, ({time}) => Math.sin(time*0.002)*0.5 ) -// .scale(1) -// FLUID noise -// .modulate(noise(86),8) -// .scale(20) -// .scrollX(0, ({time}) => Math.sin(time*0.02)*0.05 ) -// SMOOTH -// .modulateScrollY(osc(8).modulate(osc().rotate(),.61)) -// .scale(0.8) -// wavy screens -// .modulateRepeat(osc(2),1, 2, 2, 3) -// .blend(s0) -// KALEID -// .modulateKaleid(voronoi(() => Math.sin(time)*1,1,1),() => Math.sin(time)*1) -// .modulateKaleid(osc(0.2,3,0),6) + .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) -// SMOOTH SPOTLIGHT -// voronoi(1,-1,10) -// .add(osc(1,0,1)).kaleid(50) -// INTENSE -// .repeat(() => a.fft[0]*2) -// .scale(()=> a.fft[1]*1) -// NEW PATTERN -// .scale(1, ({time}) => Math.sin(time*0.02)*0.05 ) -// FLUID blobs -// .mask( noise(0.2,0.5).colorama(2).luma(0.25).thresh(0.5)) -// ENDING — increase voronoi -// .mask( -// voronoi(2, 2).modulateScale(osc(1), 2).thresh(0.1) -// ) +.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 ) @@ -158,3 +214,45 @@ src(s0) // ҉ ◢▅◣Ξ◥▅◤Ξ◢▅◣Ξ◥▅◤ ҉ ミ☆☆ 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); +} +*/