Instrumendi liides peab olema mängitav, mitte ainult ilus pilt.
Interaktiivsele tööriistale või muusikatootele. · veebiinstrument, jagatav link
- mängitav groovebox
- 1
- biit elab lingis
- URL
- rada × sammu
- 8 × 32
Brauseri-groovebox, mis on ühtaegu pill, brändikanal ja mõõdetav liiklusmootor.
KPT-UGMA · UNIT 02 on Keep It Undergroundi tasuta pill: kaheksa rada, 32 sammu, sünteesitud helid ja kogu biit ühes lingis. See leht näitab süsteemi, millest pill on tehtud – tokenid, kiri, komponendid, liikumine, nimemootor ja jagamisring –, ning kõik näited siin töötavad.
- 8 × 32rada × sammu, 8 mustrit igal rajal
- 36heli, kõik sünteesitud brauseris – ühtegi sämplit ei laadita
- 16žanripreseti dub-technost frenchcore'ini
- 55automaatset kontrolli päris Chrome'is iga muudatuse järel
Keep it underground. Keep it in the link.
Mis probleemi pill lahendab?
Probleem
Väike rõivabränd ei osta tähelepanu. Sihtrühm – inimesed, kes ehitavad ja juhivad soundsystem'e – ei reageeri reklaamile, vaid asjale, mida saab ise kasutada ja edasi anda.
Lähenemine
Anda tasuta päris pill, mitte demo. Iga loodud biit kannab brändi, saab nime ja mahub ühte linki. Jagamine on sisse ehitatud nii, et see on odav, isiklik ja mõõdetav.
Tulemus
Pill elab aadressil keepitunderground.com/unit ja töötab telefonis, lauaarvutis ning ilma võrguta. Iga jagatud biit viib samale lehele tagasi ja sealt poodi.
Kuula, muuda, vaata nime muutumist
See on süsteemilehe enda väike UNIT: samad 16 preseti, samad rajavärvid ja täpselt sama nimefunktsioon mis päris pillil. Lülita mõni samm ümber – nimi on mustri sõrmejälg.
Nooled liigutavad kursorit, tühik või Enter lülitab sammu. Rada 1, 1: on
Lehe pill on lihtsustatud: lühendatud süntees, üks muster rajal. Täispillis on 8 mustrit rajal, nupud, sämplibrauser, MIDI, salvestus ja eksport.
Kaheksa signaali tumedal metallil
Pind on üks tume riistvarapaneel seitsmes astmes. Värv on reserveeritud signaalile: igal rajal on oma värv ja see kordub raja numbris, sammudes, mustrinuppudes ja valitud raja paneelis. Kõik kontrastid arvutatakse siin päris tokenitest.
Pinnad
- --ink#050505
- --ink-2#0B0B0A
- --panel#141513
- --panel-2#1B1C1A
- --cell#232421
- --cell-hi#2E302C
- --dim#333330
Tekst
- --paper#E8E4DC14,4 : 1 AA
- --slate#7080904,5 : 1 AA
- --muted#7A7D744,4 : 1 AA 18px+
Rajasignaalid
- --green#8ACE009,5 : 1 AA
- --orange#FF8C007,9 : 1 AA
- --paper#E8E4DC14,4 : 1 AA
- --rust#C0653A4,5 : 1 AA
- --sky#8FB3C98,3 : 1 AA
- --lime#D8E36A13,2 : 1 AA
- --sand#C9B27C8,8 : 1 AA
- --teal#6FB7A87,9 : 1 AA
Ausalt: --muted paneelil jääb alla 4,5 : 1 ja on avatud parandusena järgmises versioonis (UX-audit 18.10.2026, leid 7).
Kaks kirja: plakat ja mõõteriist
Bebas Neue kannab nime, numbrit ja tempot – loetav pimedas klubis kahe meetri pealt. Space Mono kannab kõike, mida mõõdetakse: nupud, sildid, väärtused, tabelnumbrid. Kolmandat kirjaperet ei ole.
EAST SYSTEM 53
▶ PLAY ■ STOP ↗ SHARE BEAT
170 BPM · 01 /32 STEP · −12 st · 18.0 kHz
0123456789 ÕÄÖÜ õäöü
Skaala
- 34pxBrandBebas Neue 400
- 30pxLCD valueBebas Neue 400
- 26pxPanel titleBebas Neue 400
- 24pxTrack numberBebas Neue 400
- 22pxBrowser titleBebas Neue 400
- 12pxBodySpace Mono 400/700
- 11pxButtonSpace Mono 400/700
- 10pxLabelSpace Mono 400/700
- 9pxRulerSpace Mono 400/700
Üks paneel, neli murdepunkti
Lauaarvutis on pill üks riistvarapaneel: päis, joonlaud, kaheksa rida, valitud raja paneel. Telefonis kehtib reegel „pill enne kõike“: Play ja biidi nimi on esimesel ekraanil, valitud rada on pöidlasuurune 4 × 8 ruudustik ja ülejäänud rajad on ülevaateread.
- > 1240pxKolmeosaline paneel: brauser | laine + noodirada | 7 × 2 nuppu
- ≤ 1240pxNupud liiguvad paneeli alla täislaiusesse ritta
- ≤ 960px16 sammu reas, lisatööriistad „More“ taga
- ≤ 640pxFookusraja ruudustik: valitud rada 4 × 8, teised ülevaateread
Komponendid, mis käituvad nagu riistvara
Iga komponent annab tagasisidet vajutuse hetkel, mitte vabastamisel. Proovi: nupud, samm koos tugevusega, mustrinupud, nupp-potentsiomeeter ja LCD.
Nupud ja olekud
Samm
Tugevus täidab ruudu alt üles ja juhib kuma; noot on ruudu all; mängupea on paberivärvi raam.
Mustrinupud
Hall = tühi, hele = salvestatud, värviline = mängib, vilkuv = järjekorras järgmise takti alguseni. Klõpsa.
Nupp
Lohista üles-alla, keri või kasuta nooleklahve; topeltklõps taastab vaikeväärtuse.
LCD
Löögil on keha
Liikumine ei ole kaunistus, vaid rütmi tagasiside. Ruut ja raja number löövad mootori kellal, mitte ekraani kaadril, nii et pilt ja heli ei lähe lahku. Vähendatud liikumise eelistus lülitab kõik välja.
Liikumistokenid
| hit | 160 ms · cubic-bezier(.2, 1.4, .4, 1) | samm lööb: skaala 1,16 → 1, heledus 1,6 → 1 |
|---|---|---|
| numhit | 180 ms · cubic-bezier(.2, 1.4, .4, 1) | raja number lööb kaasa: skaala 1,25 → 1 |
| press | scale(.96) · :active | vajutus tunnetatakse pointerdown'i hetkel |
| queue | 450 ms · steps(2) infinite | järjekorras muster vilgub takti lõpuni |
Igal biidil on nimi, mis tuleb mustrist
Nime ei kirjuta keegi. Tempo, helid ja aktiivsed sammud pannakse ühte ritta, sellest arvutatakse FNV-1a räsi ning räsi bitid valivad 32 omadussõna ja 32 nimisõna seast ja lisavad numbri. Sama muster annab alati sama nime – brauseris, serveris, jagamislehel ja videos. Allolev arvutus jookseb sinu ülalt muudetud biidi peal.
- 1 · Kanooniline rida
170|kick-hard:10001000100010001000100010001000|bass-roll:01110111011101110111011101110111|hat-open:00100010001000100010001000100010|clap:00001000000000000000100000000000|hat-closed:11111111111111111111111111111111|zap:00000001000000010000000100000001|bass-acid:00100010001000100010001000100110|ride:10101010101010101010101010101010 - 2 · FNV-1a räsi
0x63D5155D = 1674909021 - 3a · omadussõna = h & 3129EAST3b · nimisõna = (h >>> 5) & 3110SYSTEM3c · number = (h >>> 10) % 1005353
- 4 · NimiEAST SYSTEM 53
Kasutaja enda nimi (väli „Your name“) teeb biidi, aga ei lähe kunagi linki, salvestusse ega analüütikasündmusesse – test kontrollib seda.
Biit elab lingis
Kogu biit pakitakse URL-i: JSON → deflate-raw → base64url. Serverit, kontot ega andmebaasi pole vaja. Iga jagamisviis viib tagasi samale pillile, kus biit avaneb ja seda saab edasi muuta.
- 01Mängiesimene Play → unit_play
- 02Jagalink · tekst · embed · video 9:16 + QR · WAV
- 03Ava/unit/b/<kood> taastab biidi → unit_remix_open
- 04Muudauus muster = uus nimi = uus link
Lingi kodeerimine
code = "1" + base64url( deflate-raw( JSON ) )
JSON = { v:1, b:bpm, m:master, g?:preset,
t:[ { s:sound, k:slot, l:level, p?:{…},
q:{ "<slot>": [ steps32, notes32? ] } } ] }
steps32 = "." off · "0"…"z" velocity 0.05…1.0
→ keepitunderground.com/unit/b/<code>Esimese külvi numbreid veel ei ole. Peatusreegel on kirja pandud enne: kui ≥ 200 mängimise juures jagab alla 5 %, ei lisata jagamisfunktsioone, vaid parandatakse esimest minutit.
Mis on kapoti all?
Sämplitäpne kell
Ajastus jookseb AudioWorklet'is ja visuaal loeb mootori kella. WAV-eksport renderdab kaks loopi samast kellast.
Sünteesitud helid
Kõik 36 heli tehakse brauseris OfflineAudioContextiga. Oma sämplid jäävad seadmesse ega lähe URL-i.
Pill, mitte leht
Klahvid, live-salvestus, Web MIDI (padid C1–G1 → rajad 1–8), PWA paigaldus ja töö ilma võrguta.
Mõõdetud sild
Pill saadab iframe'ist välja ainult neli nimelist sündmust; leht kontrollib päritolu ja lubatud nimekirja enne analüütikat.
Salvestuslukk
Video eksport külmutab nime, žanri ja tempo stardihetkel – sest kolmest esimesest klipist kaks vahetasid viimasel sekundil biiti.
Kontroll iga muudatuse järel
Tüübikontroll, lint, ühiktestid ja 55 kontrolli päris Chrome'is enne ja pärast iga väljalaset.
Mis üle anti?
- Pill
- keepitunderground.com/unit, jagamisleht, embed-mängija, PWA
- Süsteem
- 20 värvitokenit, 2 kirjaperet, 5 komponenti, 4 liikumistokenit, 4 murdepunkti
- Kasvumootor
- nimega biit, 5 jagamisviisi, mõõdetud tee pillist kassasse, külviplaan ja peatusreegel
- Kvaliteet
- QA-skript 55 kontrolliga, ühiktestid, tõendikaust iga väljalaske kohta
Tahad, et su brändil oleks asi, mida inimesed ise edasi jagavad?
Sinu süsteem
Kui vajad sarnast süsteemi, vasta päringus kolmele küsimusele:
- Mis bränd või toode see on?
- Mitu pinda (veeb, äpp, trükis …)?
- Millal peab see valmis olema?