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

Upload files to ''

master
JoanaChicau 5 months ago
parent
8a57d67c86
commit
4009114ddf
1 changed files with 201 additions and 103 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 302
      chicau-hydra.js

302
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);
}
*/

Write Preview
Loading…
Cancel
Save