Mastodawn

Trying to make another old song sound more techno again in #Strudel REPL.
https://youtube.com/shorts/010lll2Tyqc
The #p5js Hydra video synth was a late addition
#AlgoRave #LiveCoding

Second attempt using Strudel to make an old song sound techno/melodic house musi + Hydra animation

YouTube

If you want to have a go at #livecoding your own acid/trance/techno mix of this in #strudel then this is what I started with
https://strudel.cc/#CgpzZXRjcG0oMTE0LzQpCgokOnMoImJkITQsIFstIHNkXSoyLCBbaGggb2hdKjQiKS5iYW5rKCJ0cjkwOSIpCi5maXJzdE9mKDM3LHg9PngubGF5ZXIoeD0%2BcygiLUAzIGh0KjIgWyAtIGh0ITNdQDIgbXQqMiBsdCoyIikuYmFuaygibGlubmRydW0iKSkpCgoKJDphcnJhbmdlKFsxLzIsICItIl0sCiAgWzQsICJbMkAzIDNAMyAtMUAyXSA8WzNAMyA0QDMgWzYgNSA0IDJdQDJdIFstMUA2IC1AMl0%2BIl0sIAogICAgICAgIFsxLCAiLUAyIDAgMSAyIDIgMyAxQDIgWzAgLTFAOV1ANSAtQDIiXSwKICAgICAgICBbMSwgIi0gMCAwIDEgMiAwQDIgLTEgNiAtIDYgM0A1Il0sCiAgICAgICAgWzEsICItIDAgMCAxIDIgMCAyIDMgLSAxIDAgWzEgMF0gLTFANCJdLAogICAgICAgIFsxLCAiLSAwIDAgMSAyIDAgLTEgLSAzIDMgMyA0IDNAMiAtQDIiXSwKICAgICAgICAgWzIsICIyQDUgMyA0IDIgMyAzIDMgNCAzIC0xQDUgLSAtIDAgMSAyIDAgLSAzIDQgM0AyIC0gWy0xIDAgMiAwXUAyIi5zbG93KDIpXSwKICAgICAgICAgWzEsICJbNEAzIDRAMyAzQDRdQDUgLSBbLTEgMCAxIDBdQDIgWzNAMyAzQDMgMkAyIDEgMEAzIC0xIDAgMiAwXUA4Il0sCiAgICAgICAgIFsxLCAiWzJAMyAzQDMgMSAwQDNdQDUgLTEgLSAtMSBbMyAyIC1dQDYgWy0xIDAgMiAwXUAyIl0sCiAgICAgICAgIFsxLCAiWzRAMyA0QDMgM0A0XUA1IC0gWy0xIDAgMSAwXUAyIFs2QDMgMUAzXUAzIDIgWzEgMEAzIC0xIDAgMSAwXUA0Il0sCiAgICAgICAgIFsxLCAiWzJAMyAzQDMgMUAzIDBdQDUgLTEgLSAtMSAzIDIgMkAyIC0gLSBbLTEgMCAyIDBdQDIiXSkKICAubigpLnNsb3coMikKLnNjYWxlKCJCYjM6bWlub3IiKQoucygiZ21fc3ludGhfc3RyaW5nc18yIikKLndoZW4oIjwwQDI5IDFAOD4iLHg9PngubGF0ZSg4KSkKLnJlc3RhcnQoIjEvMzciKQoKJDpuKCI8MEA5IDEgMEA3IDIgMEA1Nj4iLnBpY2soWyItIiwKICAiLSAtMSoyIFswQDMgMkAzIDBAMl1AMiIsCiAgIjIhMiAtQDIgMiEyIC0gMiJdKS5hZGQoIjAsNyIpKQogIC5zY2FsZSgiQmIzOm1pbm9yIikKICAuZmFzdCgyKQoucygiZ21fdHJ1bXBldCIpCi5jbGlwKC41KS5yZWwoLjIpCgokOmNob3JkKGAtIFtbRWJtOUAzIEFiYWRkOUA1IEZtN0AzIEJibTdANV0qNF1AOCAKW1tHYk03IEFiYWRkOSBHYk03IFtFYm05QDMgQWJANV1dKjJdQDggR2JNNyBGbTcgR2JNNyBBYgpbW0VibTlAMyBBYmFkZDlANV0gW0ZtN0AzIEJibTdANV1dKjNANiBbRWJtOUAzIEFiYWRkOUA1XSBbRm03IFtHYmFkZDkgR2JdXWApCi52b2ljaW5nKCkucygiZ21fYWNvdXN0aWNfZ3VpdGFyX3N0ZWVsIikudHJhbnMoIjAsLTEyIikKICAuc2xvdygyOSkKLndoZW4oIjwwQDI5IDFAOD4iLHg9PngubGF0ZSg4KSkKLnJlc3RhcnQoIjEvMzciKQo%3D

Strudel REPL

Strudel is a music live coding environment for the browser, porting the TidalCycles pattern language to JavaScript.

I cropped the hydra panel in the video. The animation at the end is actually #p5js in a hydra video synth wrapper
https://hydra.ojack.xyz/?code=JTBBJTBBcDUlM0RuZXclMjBQNSgpJTBBcDUuY3JlYXRlQ2FudmFzKDQwMCUyQzYwMCklMEFwNS5kcmF3JTIwJTNEJTIwKCklMjAlM0QlM0UlMjAlN0IlMEElMjAlMjBwNS5iYWNrZ3JvdW5kKDEwMCUyQzEwMCUyQzEwMCklMEElMjAlMjBwNS5yZWN0TW9kZShwNS5DRU5URVIpJTBBJTIwJTIweDAlM0RNYXRoLnNpbih0aW1lKjIpKjkwJTBBJTIwJTIweTAlM0QtMjAqTWF0aC5zaW4odGltZSoyKSoqMiUwQSUyMCUyMHkxJTNEMTAqTWF0aC5jb3ModGltZSo4KSUwQSUyMCUyMHA1LmZpbGwoMCklMEElMjAlMjBwNS5iZWdpblNoYXBlKCklMEElMjAlMjBwNS52ZXJ0ZXgoMjAwJTJCeDAlMkMxODAlMkJ5MCklMEElMjAlMjBwNS52ZXJ0ZXgoMjgwJTJCeDAlMkMyMDAlMkJ5MCUyQnkxKSUwQSUyMCUyMHA1LnZlcnRleCgyODAlMkJ4MCUyQzQwMCUyQnkwKSUwQSUyMCUyMHA1LnZlcnRleCgxMjAlMkJ4MCUyQzQwMCUyQnkwKSUwQSUyMCUyMHA1LnZlcnRleCgxMjAlMkJ4MCUyQzIwMCUyQnkwLXkxKSUwQSUyMCUyMHA1LmVuZFNoYXBlKHA1LkNMT1NFKSUwQSUyMCUyMHA1LmZpbGwoMTUwKSUwQSUyMCUyMHA1LnJlY3QoMjAwJTJCeDAlMkMyNzAlMkJ5MCUyQzI1JTJDMTgwKSUwQSUyMCUyMHA1LmZpbGwoMjAwJTJDJTIwMTUwJTJDJTIwMTUwKSUwQSUyMCUyMHA1LmVsbGlwc2UoeDAlMkIyMDAlMkMxNTAlMkJ5MCUyQzYwJTJDOTApJTBBJTIwJTIweDElMjAlM0QlMjA0MCpNYXRoLnNpbih0aW1lKjgpJTBBJTIwJTIwcDUuY2lyY2xlKDE1MCUyQngwJTJCeDElMkMzNTAlMkJ5MC14MSUyQzMwKSUwQSUyMCUyMHA1LmNpcmNsZSgyNTAlMkJ4MCUyQngxJTJDMzUwJTJCeTAlMkJ4MSUyQzMwKSUwQSUyMCUyMHA1LmZpbGwoMjQwJTJDJTIwMTQwJTJDJTIwMCklMEElMjAlMjBwNS5yZWN0KHgwJTJCMjAwJTJDeTAlMkIxMTAlMkM2MCUyQzMwKSUwQSU3RCUwQXMwLmluaXQoJTdCc3JjJTNBJTIwcDUuY2FudmFzJTdEKSUwQSUwQXNyYyhzMCklMEElMjAlMjAucmVwZWF0KCklMEEub3V0KCk%3D

HYDRA

live coding networked visuals in the browser

@bornach Oh, didn't know you could wrap P5 in hydra. Very interesting.

I do some P5 and I want to take a serious look at Hydra soon, so this is good news 🙃

@txo_elurmaluta
#p5js worked well in the main hydra website when I tried it at last night's #AlgoRhythms

Unfortunately doesn't work in flok.cc
P5js takes over the canvas and either no hydra effects are displayed or no P5 canvas is displayed. For that reason I don't have high hopes of the hybrid working in the other multiframe environments such as dente.cc

@bornach Ok, good to know. Thank you!