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
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 304
      chicau-hydra.js

304
chicau-hydra.js
View File

@ -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|!|
+-+-+-+ +-+-+-+-+-+-+-+
// . ☆ .*･*. ♪｡･ BOA NOITE ﾟ･｡｡.: *･* ｡ ☆
// ﾉ”ｇｏｏｄ ｎｉｇｈｔ 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);
// ﾉ”ｇｏｏｄ 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);
}
*/

Write Preview
Loading…
Cancel
Save