mirror of
https://codeberg.org/uzu/strudel
synced 2026-10-09 01:59:36 -04:00
use encoder disc
This commit is contained in:
alex
@@ -0,0 +1,155 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Generator: Adobe Illustrator 12.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 51448) -->
|
||||
|
||||
<svg
|
||||
version="1.0"
|
||||
id="Layer_1"
|
||||
width="284.46"
|
||||
height="284.46"
|
||||
viewBox="0 0 284.46 284.46"
|
||||
overflow="visible"
|
||||
enable-background="new 0 0 284.46 284.46"
|
||||
xml:space="preserve"
|
||||
sodipodi:version="0.32"
|
||||
inkscape:version="1.4 (1:1.4+202410161351+e7c3feb100)"
|
||||
sodipodi:docname="encoder_disc.svg"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"><metadata
|
||||
id="metadata2068"><rdf:RDF><cc:Work
|
||||
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
|
||||
id="defs2066">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</defs><sodipodi:namedview
|
||||
inkscape:window-height="1131"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
borderopacity="1.0"
|
||||
bordercolor="#666666"
|
||||
pagecolor="#ffffff"
|
||||
id="base"
|
||||
inkscape:zoom="1.0549412"
|
||||
inkscape:cx="195.27154"
|
||||
inkscape:cy="-101.90141"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:current-layer="Layer_1"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:window-maximized="1" />
|
||||
<path
|
||||
id="path1"
|
||||
style="fill:#f9f9f9;stroke:none;stroke-width:1.23072"
|
||||
d="M 142.22902,0.61574073 A 141.61462,141.61462 0 0 0 0.61574173,142.22901 141.61462,141.61462 0 0 0 142.22902,283.84425 141.61462,141.61462 0 0 0 283.84425,142.22901 141.61462,141.61462 0 0 0 142.22902,0.61574073 Z m 0,106.22069927 a 35.393924,35.393924 0 0 1 35.39453,35.39257 35.393924,35.393924 0 0 1 -35.39453,35.39455 35.393924,35.393924 0 0 1 -35.39258,-35.39455 35.393924,35.393924 0 0 1 35.39258,-35.39257 z" /><g
|
||||
id="g2"><path
|
||||
d="M 242.47,41.99 242.441,42.02 217.4,67.06 C 198.17,47.83 171.589,35.93 142.23,35.93 V 0.5 c 39.17,0 74.6,15.85 100.24,41.49 z"
|
||||
id="path2015" /><path
|
||||
d="m 142.23,0.5 v 35.43 c -29.37,0 -55.93,11.89 -75.17,31.13 L 42.02,42.02 41.99,41.99 C 67.63,16.35 103.06,0.5 142.23,0.5 Z"
|
||||
id="path2017" /><path
|
||||
d="m 142.23,35.93 v 35.43 c -19.59,0 -37.3,7.92 -50.12,20.75 L 67.06,67.06 C 86.3,47.82 112.86,35.93 142.23,35.93 Z"
|
||||
id="path2019" /><path
|
||||
d="M 67.06,67.06 92.11,92.11 C 79.28,104.93 71.36,122.64 71.36,142.23 H 35.93 c 0,-29.36 11.89,-55.94 31.13,-75.17 z"
|
||||
id="path2021" /><path
|
||||
d="M 92.11,192.35 67.06,217.4 C 47.82,198.171 35.93,171.59 35.93,142.23 h 35.43 c 0,19.589 7.92,37.3 20.75,50.12 z"
|
||||
id="path2023" /><path
|
||||
d="m 142.23,213.09 v 35.44 c -29.37,0 -55.93,-11.891 -75.17,-31.131 l 25.05,-25.05 c 12.82,12.821 30.53,20.741 50.12,20.741 z"
|
||||
id="path2025" /><path
|
||||
d="m 142.23,248.53 v 35.43 c -39.17,0 -74.6,-15.851 -100.24,-41.49 l 0.03,-0.03 25.04,-25.04 c 19.24,19.24 45.8,31.13 75.17,31.13 z"
|
||||
id="path2027" /><path
|
||||
d="m 142.23,283.96 v -35.43 c 29.36,0 55.94,-11.9 75.17,-31.131 l 25.04,25.04 0.029,0.03 C 216.83,268.109 181.4,283.96 142.23,283.96 Z"
|
||||
id="path2029" /><path
|
||||
d="m 177.66,142.229 h 35.43 c 0,19.59 -7.92,37.301 -20.74,50.12 L 167.3,167.3 c 6.4,-6.401 10.36,-15.25 10.36,-25.071 z"
|
||||
id="path2031" /><path
|
||||
d="m 167.3,167.3 25.05,25.05 c -12.819,12.82 -30.529,20.74 -50.12,20.74 v -35.43 c 9.8,0 18.66,-3.95 25.07,-10.36 z"
|
||||
id="path2033" /><path
|
||||
d="m 142.23,177.66 v 35.43 c -19.59,0 -37.3,-7.92 -50.12,-20.74 l 25.05,-25.04 c 6.42,6.41 15.28,10.35 25.07,10.35 z"
|
||||
id="path2035" /><path
|
||||
d="m 117.16,167.3 v 0.01 L 92.11,192.35 C 79.28,179.531 71.36,161.82 71.36,142.23 h 35.43 c 0,9.82 3.96,18.669 10.37,25.07 z"
|
||||
id="path2037" /><path
|
||||
fill="none"
|
||||
stroke="#000000"
|
||||
d="m 142.23,283.96 c -39.17,0 -74.6,-15.851 -100.24,-41.49 C 16.35,216.83 0.5,181.399 0.5,142.229 0.5,103.059 16.35,67.629 41.99,41.989 67.63,16.35 103.06,0.5 142.23,0.5 c 39.17,0 74.6,15.85 100.24,41.49 25.641,25.64 41.49,61.07 41.49,100.24 0,39.17 -15.85,74.601 -41.49,100.24 -25.64,25.639 -61.07,41.49 -100.24,41.49 z"
|
||||
id="path2041" /><path
|
||||
fill="none"
|
||||
stroke="#000000"
|
||||
d="m 248.53,142.229 c 0,-29.35 -11.891,-55.93 -31.13,-75.17 -19.23,-19.23 -45.811,-31.13 -75.17,-31.13 -29.37,0 -55.93,11.89 -75.17,31.13 -19.24,19.23 -31.13,45.81 -31.13,75.17 0,29.36 11.89,55.94 31.13,75.17 19.24,19.24 45.8,31.131 75.17,31.131 29.36,0 55.94,-11.9 75.17,-31.131 19.24,-19.239 31.13,-45.819 31.13,-75.17 z"
|
||||
id="path2043" /><path
|
||||
fill="none"
|
||||
stroke="#000000"
|
||||
d="m 142.23,213.09 c -19.59,0 -37.3,-7.92 -50.12,-20.74 -12.83,-12.819 -20.75,-30.53 -20.75,-50.12 0,-19.59 7.92,-37.3 20.75,-50.12 12.82,-12.83 30.53,-20.75 50.12,-20.75 19.59,0 37.3,7.92 50.12,20.75 12.82,12.82 20.74,30.53 20.74,50.12 0,19.59 -7.92,37.301 -20.74,50.12 -12.82,12.82 -30.53,20.74 -50.12,20.74 z"
|
||||
id="path2045" /><path
|
||||
fill="none"
|
||||
stroke="#000000"
|
||||
d="m 117.16,167.31 c 6.42,6.41 15.28,10.351 25.07,10.351 9.8,0 18.66,-3.95 25.07,-10.36 6.4,-6.4 10.36,-15.25 10.36,-25.07 0,-9.819 -3.95,-18.67 -10.36,-25.07 -6.399,-6.41 -15.27,-10.36 -25.07,-10.36 -9.8,0 -18.66,3.95 -25.08,10.35 -6.4,6.4 -10.36,15.26 -10.36,25.08 0,9.82 3.96,18.67 10.37,25.07"
|
||||
id="path2047" /><path
|
||||
id="polyline2049"
|
||||
style="fill:none;stroke:#000000"
|
||||
d="m 142.23,177.66 v 35.43 35.44 35.43"
|
||||
sodipodi:nodetypes="cccc" /><path
|
||||
id="polyline2051"
|
||||
style="fill:none;stroke:#000000"
|
||||
d="m 167.3,167.3 25.05,25.05 25.05,25.049 25.04,25.04"
|
||||
sodipodi:nodetypes="cccc" /><path
|
||||
id="polyline2053"
|
||||
style="fill:none;stroke:#000000"
|
||||
d="m 177.66,142.229 h 35.43 35.44 35.43"
|
||||
sodipodi:nodetypes="cccc" /><path
|
||||
id="polyline2055"
|
||||
style="fill:none;stroke:#000000"
|
||||
d="M 167.3,117.16 192.35,92.11 217.4,67.06 242.44,42.02"
|
||||
sodipodi:nodetypes="cccc" /><path
|
||||
id="polyline2057"
|
||||
style="fill:none;stroke:#000000"
|
||||
d="M 142.23,106.8 V 71.36 35.93 0.5"
|
||||
sodipodi:nodetypes="cccc" /><path
|
||||
id="polyline2059"
|
||||
style="fill:none;stroke:#000000"
|
||||
d="M 117.15,117.15 92.11,92.11 67.06,67.06 42.02,42.02"
|
||||
sodipodi:nodetypes="cccc" /><path
|
||||
id="polyline2061"
|
||||
style="fill:none;stroke:#000000"
|
||||
d="M 106.79,142.229 H 71.36 35.93 0.5"
|
||||
sodipodi:nodetypes="cccc" /><path
|
||||
id="polyline2063"
|
||||
style="fill:none;stroke:#000000"
|
||||
d="m 117.16,167.3 v 0.01 l -25.05,25.04 -25.05,25.049 -25.04,25.04"
|
||||
sodipodi:nodetypes="ccccc" /></g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 6.8 KiB |
@@ -8,6 +8,9 @@ import { setInterval, clearInterval } from 'worker-timers';
|
||||
import { NeoCyclist } from '@strudel/core/neocyclist.mjs';
|
||||
import { getAudioContext } from '@strudel/webaudio';
|
||||
import { saw } from '@strudel/core';
|
||||
import encoder from '../../public/encoder_disc.svg';
|
||||
|
||||
console.log(encoder);
|
||||
|
||||
const schedulerOptions = {
|
||||
onTrigger: (x) => { },
|
||||
@@ -34,7 +37,7 @@ export function Vinyl() {
|
||||
useEffect(() => {
|
||||
const intervalId = setInterval(() => {
|
||||
setCyclepos(cyclist.cycle);
|
||||
}, 20);
|
||||
}, 10);
|
||||
return () => clearInterval(intervalId);
|
||||
}, []);
|
||||
|
||||
@@ -44,5 +47,5 @@ export function Vinyl() {
|
||||
fontSize: "20em",
|
||||
transform: 'rotate(' + deg + 'deg)'
|
||||
};
|
||||
return <div onClick={activate} style={style}><center>💿</center></div>
|
||||
return <div onClick={activate} style={style}><center><img src={encoder.src} /></center></div>
|
||||
}
|
||||
Reference in New Issue
Block a user