+
+
Why its not gay to like femboysNavigation:
>Follow @eepyfemboi
@@ -173,7 +174,7 @@ 
+
Ignore me, I'm only here for backlink farming :3
diff --git a/LIVE/webdrivertorso/assets/main.js b/LIVE/webdrivertorso/assets/main.js new file mode 100644 index 0000000..71970ff --- /dev/null +++ b/LIVE/webdrivertorso/assets/main.js @@ -0,0 +1,76 @@ + +let vol = new Tone.Volume(-12).toDestination(); + +let redOsc = new Tone.Oscillator({ + frequency: 523.25, + type: "sine", +}).connect(vol); + +let blueOsc = new Tone.Oscillator({ + frequency: 523.25, + type: "sine", +}).connect(vol); + +function randomFloat(from, to) { + return from + Math.random() * (to - from); +} + +function changeFreq(osc) { + osc.frequency.rampTo(randomFloat(100, 1000), 0); +} + +function changeFreqs() { + changeFreq(redOsc); + changeFreq(blueOsc); +} + +function randomiseRect(classname) { + var rect = document.querySelector('.' + classname); + if (!rect) { + console.warn(`Element with class ${classname} not found`); + return; + } + var rect = document.querySelector('.' + classname); + let xpos = randomFloat(0, window.innerWidth); + let ypos = randomFloat(0, window.innerHeight); + let width = randomFloat(1, window.innerWidth - xpos); + let height = randomFloat(1, window.innerHeight - ypos); + + let st = `top:${ypos}px;left:${xpos}px;width:${width}px;height:${height}px;`; + rect.setAttribute('style', st); +} + +function randomiseRects() { + randomiseRect('red'); + randomiseRect('blue'); +} + +function syncAudioAndVisual() { + changeFreqs(); + randomiseRects(); +} + +const mainloop = new Tone.Loop((time) => { + syncAudioAndVisual(); +}, "1b").start(0); + +document.addEventListener('DOMContentLoaded', function () { + + // i fucking hate the interaction requierment for autoplay stuff ,its so annoying IDC if it improves user experience i want stuff to play wheneveri want it to play!!!!!!!!! + var p = document.querySelector('p') + + document.addEventListener("click", () => { + p.remove(); + Tone.start(); + redOsc.start(); + blueOsc.start(); + Tone.getTransport().start(); + }); +}); + +window.addEventListener('unload', () => { + redOsc.stop(); + blueOsc.stop(); + Tone.getTransport().stop(); + Tone.stop(); +}); \ No newline at end of file diff --git a/LIVE/webdrivertorso/assets/style.css b/LIVE/webdrivertorso/assets/style.css new file mode 100644 index 0000000..54b52a3 --- /dev/null +++ b/LIVE/webdrivertorso/assets/style.css @@ -0,0 +1,16 @@ + +.limb { + position: absolute; + width: 100px; + height: 100px; +} + +.red { + background-color: red; +} + +.blue { + background-color: blue; + top:200px; + left:241px; +} \ No newline at end of file diff --git a/LIVE/webdrivertorso/index.html b/LIVE/webdrivertorso/index.html new file mode 100644 index 0000000..24204a1 --- /dev/null +++ b/LIVE/webdrivertorso/index.html @@ -0,0 +1,18 @@ + + + + + +Click anywhere on the page to begin.
+ + + + \ No newline at end of file