mirror of https://github.com/eliasstepanik/strudel.git synced 2026-01-11 13:48:40 +00:00

History

Felix Roos 87162a9f31 Publish

- @strudel.cycles/core@0.1.0
 - @strudel.cycles/embed@0.1.0
 - @strudel.cycles/eval@0.1.0
 - @strudel.cycles/midi@0.1.0
 - @strudel.cycles/mini@0.1.0
 - @strudel.cycles/osc@0.1.0
 - @strudel.cycles/react@0.1.0
 - @strudel.cycles/serial@0.1.0
 - @strudel.cycles/tonal@0.1.0
 - @strudel.cycles/tone@0.1.0
 - @strudel.cycles/webaudio@0.1.0
 - @strudel.cycles/xen@0.1.0

2022-05-19 19:13:46 +02:00

embed.js

local testing comments

2022-05-04 22:03:09 +02:00

example.html

local testing comments

2022-05-04 22:03:09 +02:00

package.json

Publish

2022-05-19 19:13:46 +02:00

README.md

fix example

2022-05-02 22:40:40 +02:00

README.md

@strudel.cycles/embed

This package contains a embeddable web component for the Strudel REPL.

Usage

Either install with npm i @strudel.cycles/embed or just use a cdn to import the script:

<script src="https://unpkg.com/@strudel.cycles/embed@latest"></script>
<strudel-repl>
  <!--
      "a4 [a3 c3] a3 c3".color('#F9D649')
    .sub("<7 12 5 12>".slow(2))
    .off(1/4,x=>x.add(7).color("#FFFFFF #0C3AA1 #C63928"))
    .off(1/8,x=>x.add(12).color('#215CB6'))
    .slow(2)
    .legato(sine.range(0.3, 2).slow(28))
    .wave("sawtooth square".fast(2))
    .filter('lowpass', cosine.range(500,4000).slow(16))
    .out()
    .pianoroll({minMidi:20,maxMidi:120,background:'#202124'})
      -->
</strudel-repl>

Note that the Code is placed inside HTML comments to prevent the browser from treating it as HTML.