JoanaChicau/choreo-code-hydra
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Upload files to ''

Browse Source
This commit is contained in:
JoanaChicau 2024-06-25 00:16:16 +02:00
parent 8a57d67c86
commit 4009114ddf
1 changed files with 201 additions and 103 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

304
chicau-hydra.js
View File

@ -1,63 +1,56 @@
/*<meta content=" movement , scores , scripts, computer, programming, bodies" name="keywords"> /*<meta content=" movement , scores , scripts, computer, programming, bodies" name="keywords">
<meta content="live coding web performance" name="description"> <meta content="live coding web performance" name="description">
<meta name="author" content="Joana Chicau"> <meta name="author" content="Joana Chicau">
<title> choreo-graphic-coding </title>*/
// 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|!| // |o|l|a| |m|u|n|d|o|!|
+-+-+-+ +-+-+-+-+-+-+-+ // +-+-+-+ +-+-+-+-+-+-+-+
// . ☆ .*･*. ♪｡･ BOA NOITE ﾟ･｡｡.: *･* ｡ ☆ // . ☆ .*･*. ♪｡･ BOA NOITE ﾟ･｡｡.: *･* ｡ ☆
// ﾉ”ｇｏｏｄ ｎｉｇｈｔ everyone ♪ ☆ .･ﾟ ★ // ﾉ”ｇｏｏｄ evening everyone ♪ ☆ .･ﾟ ★
// open search youtube — webcam live stream online
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()
// 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 breathing() { function breathing() {
var zooming = document.querySelectorAll('.badge'), i; var zooming = document.querySelectorAll('.badge'), i;
currentScale = 1; currentScale = 1;
currenttime = setInterval(function() { currenttime = setInterval(function() {
for (i = 0; i < zooming.length; ++i) { for (i = 0; i < zooming.length; ++i) {
zooming[i].style.transform="scale(" + currentScale + ")"; 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; currentScale = Math.random() * 10;
} }
}, 800); },2000);
} }
breathing() breathing()
function noBreathing() { function pause {
clearInterval(currenttime); 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'); // const newtext = document.createElement('div');
// newtext.classList.add('showtext'); // newtext.classList.add('showtext');
// document.getElementById('content').append(newtext); // document.getElementById('content').append(newtext);
@ -67,89 +60,152 @@ function noBreathing() {
var delay="0"; var delay="0";
var count='0'; var count='0';
var Texts=new Array(); var Texts=new Array();
Texts[0]="nova coreografia"; Texts[0]="DANCE!";
Texts[1]="set the movement"; Texts[1]="━━━━☆ lets dance!";
Texts[2]="words to define space - time"; Texts[2]="I have a little warm-up for us...";
Texts[3]="( expand ノ) )contract(()"; Texts[3]="choose one part of your body and SHAKE IT";
Texts[4]="the space of the body"; Texts[4]="now slowly bounce ⁽⁽◝( • ▽ • )◜⁾⁾ ";
Texts[5]="the body in space"; Texts[5]="show me your third best dance move!";
Texts[6]="o movimento do corpo"; Texts[6]="look around (¬‿¬ ) and imitate someone else's move ";
Texts[7]=""; Texts[7]="add a little more hip motion ✺◟( • ω • )◞✺ ";
Texts[8]="refuse the movement"; Texts[8]="show me your second best move!";
Texts[9]="anular o movimento"; Texts[9]="now add a little more pulse...";
Texts[10]=""; Texts[10]="dance against ★’.･. gravity .･. ☆";
Texts[11]="movement undefined"; Texts[11]="create a new movement you never did before!!!";
Texts[12]="o movimento sem definição"; Texts[12]="REPEAT, the algorave generation loves repetition ヾ(⌐■_■)ノ♪ ";
Texts[13]=""; Texts[13]="close your eyes, try different rhythms ~(˘▽˘)~";
Texts[14]="choreography is the organization of tensions"; Texts[14]="choreography is the organization of tensions";
Texts[15]="and counter - tensions "; Texts[15]="release any tension ヾ(´〇`)ﾉ♪♪♪";
Texts[16]="counter - choreographies"; Texts[16]="now show me your first best ever dance move!";
Texts[17]="BREATHE"; Texts[17]="look around and feel inspired ♪♪♪ ヽ(ˇ∀ˇ )ゞ";
Texts[18]="continua a respirar" Texts[18]="keep on dancing /♫•*¨*•.¸¸♪"
function dancingText(){ function dancingText(){
document.querySelector('body').innerHTML = Texts[count]; document.querySelector('#logo').innerHTML = Texts[count];
count++; count++;
if(count==Texts.length){count='0';} 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() s0.initScreen()
a.setBins(2); a.setBins(2);
a.show(); a.show();
src(s0) src(s0)
// SHAPES .scrollY(0, ({time}) => Math.sin(time*0.005)*0.004 )
// shape(3) // triangle .layer(osc(5,0.1,2).mask(shape(3)))
// .scale(() => Math.sin(time)*5) .out()
// .repeat(() => Math.sin(time)*3)
// MASK
// .scrollX(0, ({time}) => Math.sin(time*0.05)*0.05 ) // blend wavy
// .layer(osc(30,0.1,2).mask(shape(3))) s0.initScreen()
// LINES src(s0)
// shape(4,0.4).repeat(2,500) // trans squares .scale(5)
// .scroll(0, ({time}) => Math.sin(time*0.02)*0.05 ) .modulateScale(osc(3,2),0.1)
// .scale(1, ({time}) => Math.sin(time*0.02)*0.05 ) .blend(s0)
// CUBIC block // SPEEDY
// .luma (0.9) //.modulate(osc(50,10,5))
// .rotate(6, 2,2) // .modulateKaleid(voronoi(() => Math.sin(time)*0.001,0.01,0.1),() => Math.sin(time)*6)
// .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)
// .scale(() => Math.sin(time)*2) // .scale(() => Math.sin(time)*2)
// SMOOTH SPOTLIGHT .out()
// voronoi(1,-1,10)
// .add(osc(1,0,1)).kaleid(50) // pixelate fast tempo
// INTENSE s0.initScreen()
// .repeat(() => a.fft[0]*2) src(s0)
// .scale(()=> a.fft[1]*1) .scrollX(0, ({time}) => Math.sin(time*0.0001)*0.1 )
// NEW PATTERN // .scrollY(0, ({time}) => Math.sin(time*0.001)*0.01 )
// .scale(1, ({time}) => Math.sin(time*0.02)*0.05 ) // .pixelate([10,10,1],[1,30])
// FLUID blobs // .scale(0.02,0.05)
// .mask( noise(0.2,0.5).colorama(2).luma(0.25).thresh(0.5)) // .modulate(noise(0.02,0.05))
// ENDING — increase voronoi .out()
// .mask(
// voronoi(2, 2).modulateScale(osc(1), 2).thresh(0.1)
// ) 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 // LINE
// shape(2,0.002).modulate(solid(1).add(osc())) // shape(2,0.002).modulate(solid(1).add(osc()))
// .scale(3, ({time}) => Math.sin(time*0.02)*0.5 ) // .scale(3, ({time}) => Math.sin(time*0.02)*0.5 )
@ -158,3 +214,45 @@ src(s0)
// ҉ ◢▅◣Ξ◥▅◤Ξ◢▅◣Ξ◥▅◤ ҉ ミ☆☆ keep on dancing!☆☆彡 // ҉ ◢▅◣Ξ◥▅◤Ξ◢▅◣Ξ◥▅◤ ҉ ミ☆☆ keep on dancing!☆☆彡
// - - - - - - - - THE END - - - - - - - - - - // // - - - - - - - - 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);
}
*/