|
|
|
/*<meta content=" movement , scores , scripts, computer, programming, bodies" name="keywords">
|
|
|
|
<meta content="live coding web performance" name="description">
|
|
|
|
<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|!|
|
|
|
|
+-+-+-+ +-+-+-+-+-+-+-+
|
|
|
|
|
|
|
|
// . ☆ .*・*. ♪。・ BOA NOITE ゚・。。.: *・* 。 ☆
|
|
|
|
|
|
|
|
// ノ”good night 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() {
|
|
|
|
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";
|
|
|
|
currentScale = Math.random() * 10;
|
|
|
|
}
|
|
|
|
}, 800);
|
|
|
|
}
|
|
|
|
breathing()
|
|
|
|
|
|
|
|
function noBreathing() {
|
|
|
|
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]="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[14]="choreography is the organization of tensions";
|
|
|
|
Texts[15]="and counter - tensions ";
|
|
|
|
Texts[16]="counter - choreographies";
|
|
|
|
Texts[17]="BREATHE";
|
|
|
|
Texts[18]="continua a respirar"
|
|
|
|
|
|
|
|
function dancingText(){
|
|
|
|
document.querySelector('body').innerHTML = Texts[count];
|
|
|
|
count++;
|
|
|
|
if(count==Texts.length){count='0';}
|
|
|
|
setTimeout("dancingText()",10000);
|
|
|
|
}
|
|
|
|
|
|
|
|
// dancingText()
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// dancingVideo()
|
|
|
|
// dance.push('https://www.youtube.com/embed/BCQnrwkTY?controls=0&showinfo=0&rel=0&autoplay=1&loop=1');
|
|
|
|
|
|
|
|
|
|
|
|
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)
|
|
|
|
// .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)
|
|
|
|
// )
|
|
|
|
// 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 - - - - - - - - - - //
|