← Wszystkie projekty

Patchlight

Mały warsztat w przeglądarce, w którym można łączyć bloki wejścia, przetwarzania i wyjścia oraz poznawać ich działanie przez światło, dźwięk i kolor.

  • HTML
  • CSS
  • JavaScript
  • Web Audio
  • Node.js
  • Playwright
Kod dostępny

Projekt

Warsztat zaczyna się od połączenia przycisku ze światłem: naciśnięcie przycisku rozjaśnia pokój. Pomiędzy nimi można wstawić warunek, opóźnienie lub licznik i sprawdzić, jak inne połączenie zmienia reakcję na ten sam sygnał.

Edytor pozwala dodawać bloki, zmieniać połączenia, cofać i ponawiać zmiany. Projekty można zachować dzięki automatycznemu zapisowi w przeglądarce, plikom JSON lub linkom do udostępniania. Powstały obraz można osobno wyeksportować jako SVG.

Jak to działa

Zobacz, jak to działaŚledź ruch na diagramie lub przewijaj kolejne etapy.Ruch jest wyłączony. Nadal możesz wybierać etapy.

Zamiana działania w sygnał

W warsztacie naciśnięcie przycisku lub zmiana jasności wysyła sygnał wzdłuż połączonych przewodów.

Sterowanie przepływem sygnału

Bloki warunku, opóźnienia i licznika decydują, czy i kiedy sygnał przejdzie dalej.

Światło, dźwięk lub kolor

Sygnał staje się światłem, dźwiękiem lub kolorem na rysunku, pokazując skutek zmiany połączeń.

Implementacja w HTML, CSS i JavaScript opiera się na silniku zdarzeń oddzielonym od interfejsu. Silnik przetwarza sygnały, a interfejs reaguje, rysując światło, syntezując dźwięk i dodając kolor. Porty są przyciskami obsługiwanymi dotykiem i klawiaturą.

Zmiana połączeń zeruje oczekujące operacje i liczniki, aby stare sygnały nie trafiały do nowego projektu. Suwak jasności działa natomiast jako wejście i zachowuje bieżący stan. Walidacja importu odrzuca nieprawidłowe ustawienia i cykliczne połączenia.

Co wynika z dokumentacji

Testy silnika obejmują kolejność sygnałów, granice warunków, zliczanie, opóźnienia i anulowanie. Automatyczne testy przeglądarkowe sprawdzają łączenie bloków, zapalanie światła, zapis i odczyt, w tym zachowanie po edycji oraz zachowanie liczników przy zmianie jasności.

Powstało statyczne narzędzie edukacyjne działające w przeglądarce, z kontrolą odnośników i skrótów plików przeznaczonych do dystrybucji. Można poznać przykład, zmienić jego połączenia i zachować własny projekt bez przygotowywania sprzętu ani konta.

Zakres

To niezależna implementacja, a nie oficjalny produkt Sony MESH; publiczne specyfikacje są przywołane jako źródła pierwotne. Narzędzie uczy poprzez własny model zdarzeń, bez komunikacji ze sprzętem i zgodności z oficjalnymi projektami. Zrozumienie działania przez nowych użytkowników wymaga jeszcze oceny.