Upload files to ''
This commit is contained in:
parent
8a57d67c86
commit
4009114ddf
304
chicau-hydra.js
304
chicau-hydra.js
@ -1,63 +1,56 @@
|
||||
/*<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|!|
|
||||
+-+-+-+ +-+-+-+-+-+-+-+
|
||||
// +-+-+-+ +-+-+-+-+-+-+-+
|
||||
// |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() {
|
||||
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);
|
||||
}
|
||||
*/
|
||||
|
||||
Loading…
Reference in New Issue
Block a user