Timo<p>Sharing this little prototype of a tool i've been working on. It is basically a combination of a "DAW" with a code editor (with the timeline more like a Tracker, vertical). </p><p>You can put regions of code on the timeline and type different code per region. When the playhead reaches the block the code is "evaluated" (as-in, it is send over osc to some place where you want it to be interpreted). The main reason I created it was for making compositions out of previous live coded performances, where I kept logs of what I evaluated during the show.</p><p>It is a work in progress, but if you find this useful feel free to give it a go! I've mainly designed it for my language <span class="h-card" translate="no"><a href="https://social.toplap.org/@mercury" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>mercury</span></a></span>, but you can surely adapt it to other languages as well (or just ignore the syntax highlighting, haha). Created with node, js, p5 and codemirror.</p><p>A little video attached to demonstrate the idea.</p><p><a href="https://github.com/tmhglnd/cue-code" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">github.com/tmhglnd/cue-code</span><span class="invisible"></span></a></p><p><a href="https://social.toplap.org/tags/deadcoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>deadcoding</span></a> <a href="https://social.toplap.org/tags/composition" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>composition</span></a> <a href="https://social.toplap.org/tags/daw" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>daw</span></a> <a href="https://social.toplap.org/tags/p5js" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>p5js</span></a> <a href="https://social.toplap.org/tags/codemirror" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>codemirror</span></a> <a href="https://social.toplap.org/tags/nodejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nodejs</span></a> <a href="https://social.toplap.org/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javascript</span></a> <a href="https://social.toplap.org/tags/browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>browser</span></a></p>