This commit is contained in:
Alex McLean
2025-10-01 12:01:19 +01:00
parent f0efaabe20
commit ff790c803d
+12 -6
View File
@@ -3,7 +3,7 @@ Vinyl.jsx - <short description TODO>
Copyright (C) 2025 Strudel contributors - see <https://github.com/tidalcycles/strudel/blob/main/repl/src/App.js>
This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with this program. If not, see <https://www.gnu.org/licenses/>.
*/
import React, { useState, useEffect } from "react";
import React, { useState, useEffect } from 'react';
import { setInterval, clearInterval } from 'worker-timers';
import { NeoCyclist } from '@strudel/core/neocyclist.mjs';
import { getAudioContext } from '@strudel/webaudio';
@@ -13,7 +13,7 @@ import encoder from '../../public/encoder_disc.svg';
console.log(encoder);
const schedulerOptions = {
onTrigger: (x) => { },
onTrigger: (x) => {},
getTime: () => getAudioContext().currentTime,
onToggle: (started) => console.log('started: ', started),
setInterval,
@@ -44,8 +44,14 @@ export function Vinyl() {
const deg = (cyclepos % 1) * 360;
const style = {
fontSize: "20em",
transform: 'rotate(' + deg + 'deg)'
fontSize: '20em',
transform: 'rotate(' + deg + 'deg)',
};
return <div onClick={activate} style={style}><center><img src={encoder.src} /></center></div>
}
return (
<div onClick={activate} style={style}>
<center>
<img src={encoder.src} />
</center>
</div>
);
}