WIEL-CONTROLETAFEL / TOESTANDSKAART

Stel items in en lees daarna de zichtbare wieltoestand

Dit beslissingsbord koppelt de huidige wiel-editor: itemgrenzen, paletvolgorde, draai-instellingen, rotatieberekening, geschiedenis, eliminatiestatus en browserbediening.

Keuzewiel openen

Itemrail en paletvolgorde

Bij de start maakt de editor vier gelokaliseerde standaarditems. Een opgeslagen pickerWheelOptions-waarde wordt alleen JSON-geparseerd wanneer deze een array met minstens twee items is; items hebben stringvelden id en text nodig, worden begrensd op 30 en labels worden op 80 tekens afgekapt. Een oudere set van precies vier Engelse standaardlabels wordt vervangen door gelokaliseerde labels. Dit overzicht kent geen hersteluitkomst toe aan te lange of anderszins ongeldige opgeslagen waarden.

01 · INVOER — Toevoegen, verwijderen, ordenen

Toevoegen trimt en kapt tekst af op 80 tekens, tot 30 items. Verwijderen stopt bij twee items. Sorteren gebruikt text.localeCompare; Shuffle is Fisher–Yates met Math.random() en targetIndex = Math.floor(Math.random() * (index + 1)).

02 · PALET — Acht kleursets

De zichtbare thema’s zijn vibrant, pastel, sunset, forest, ocean, candy, earth en neon. Kleuren herhalen cyclisch volgens de huidige itemvolgorde.

03 · WIJZIGING — Thema wijst zichtbare volgorde opnieuw toe

Een themawijziging wijst de kleuren van dat thema opnieuw toe volgens de huidige itemvolgorde. Sorteren en mengen wijzen kleuren eveneens vanuit die volgorde toe.

Paletregister

Een thema wijzigt de segmentkleuren die bij de huidige reeks horen; het voegt geen andere itemtoestand toe.

  • vibrant
  • pastel
  • sunset
  • forest
  • ocean
  • candy
  • earth
  • neon

Draaiberekeningsbord

Het wiel heeft minstens twee items nodig. Een draai begint vanaf de huidige rotatie en gebruikt de zichtbare instellingswaarden. Tijdens de berekende duur gebruikt de editor een ease-out cubic-bewegingscurve.

01 · INSTELLINGEN — Snelheid en duur

spinSpeed begint op 5 en accepteert 1–10. spinDuration begint op 5 seconden en accepteert 2–15 seconden.

02 · TIJD — Duurexpressie

actualDuration = spinDuration * 1000 / (spinSpeed / 5).

03 · ROTATIE — Bereik van omwentelingen

Omwentelingen lopen van 5 + spinSpeed tot 8 + spinSpeed met Math.random() tussen deze grenzen; totale rotatie is rotations * 2 * Math.PI.

04 · SEGMENT — Afleiding van de wijzer

Aan het einde is normalizedRotation = newRotation % (2 * Math.PI), pointerAngle = (2 * Math.PI - normalizedRotation) % (2 * Math.PI), en de segmentindex is Math.floor(pointerAngle / anglePerOption).

Uitvoer-, geschiedenis- en eliminatielogboek

Wanneer de animatie eindigt, wordt het geselecteerde itemlabel getoond, stijgt het totaalaantal draaien en wordt het resultaat vooraan in de geschiedenis ingevoegd. Het scherm bewaart hoogstens 10 geschiedenisrecords.

01 · GESCHIEDENIS — Vooraan invoegen, grens 10

Het eindpad gebruikt [newResult, ...previous].slice(0, 10). Elk resultaat bevat de getoonde itemtekst en een tijdstempel.

02 · ELIMINATIE — Kopie en voorwaardelijk verwijderen

Elimination Mode inschakelen kopieert de huidige items. Na een resultaat wordt zijn item alleen verwijderd wanneer minstens twee items overblijven; anders blijft de lijst behouden.

03 · RESET — Rotatie en label resetten

Reset zet rotatie terug op 0 en wist het getoonde label. Bij actieve Elimination Mode en aanwezige oorspronkelijke items herstelt Reset die gekopieerde lijst.

Sleutellogboek en reikwijdte van bediening

De editor schrijft de getoonde toestand onder benoemde localStorage-sleutels. Geschiedenis wordt alleen geschreven zolang deze niet leeg is; Clear history leegt de toestand en verwijdert de sleutel.

OPTIES — pickerWheelOptions

Itemtoestand wordt als JSON geschreven na optiewijzigingen. Andere geschreven voorkeuren zijn pickerWheelSound, pickerWheelEliminationMode, pickerWheelColorTheme, pickerWheelSpinSpeed, pickerWheelSpinDuration en pickerWheelTotalSpins.

GESCHIEDENIS — pickerWheelHistory

Een niet-lege geschiedenis wordt onder pickerWheelHistory geschreven. Clear history verwijdert pickerWheelHistory na het instellen van de getoonde geschiedenis op een lege lijst.

INVOER / WEERGAVE — Toetsenbord, geluid, volledig scherm

Knop en canvas kunnen een draai starten. Enter of Spatie kunnen dat doen wanneer het actieve element geen INPUT is. AudioContext-initialisatie wordt geprobeerd na de eerste document click en geluid heeft een schakelaar. Volledig scherm gebruikt een native API wanneer beschikbaar, anders een CSS-terugvalweergave, inclusief een iOS-detectietak.

Reikwijdtenotities

  • Dit bord beschrijft huidige editorpaden en formules, geen selectiebeoordeling.
  • De selectie-index wordt afgeleid van de uiteindelijke genormaliseerde rotatie en segmentbreedte onder de wijzer.
  • De editor gebruikt Math.random() in meng- en draaipaden; deze pagina karakteriseert die uitkomsten niet.
  • Opgeslagen waarden, geluidsinitialisatie en volledig-schermgedrag worden beschreven als codepaden, niet als algemene platformverwachtingen.

Verder met aangrenzende bediening

Elke gekoppelde tool heeft een eigen interface en toestandspad.

  • Munt opgooien

    Open de aparte munteninterface met twee zijden.

  • Sudoku

    Open een rasterpuzzel met eigen bordbediening.

  • Woordpuzzel

    Open de woordgebaseerde puzzelinterface.

Vragen over het controlebord

Welke items zijn aanwezig bij de start?

De editor start met vier gelokaliseerde standaarditems. pickerWheelOptions wordt alleen gebruikt na JSON-parsing als array met minstens twee items; geldige items vereisen string id en text, hoogstens 30 blijven behouden en labels worden op 80 tekens afgekapt.

Welke kleurthema’s zijn zichtbaar?

De zichtbare namen zijn vibrant, pastel, sunset, forest, ocean, candy, earth en neon. Kleuren worden cyclisch toegewezen volgens de huidige itemvolgorde, ook na een themawijziging.

Hoe worden duur en rotatie berekend?

spinSpeed is 1–10 en spinDuration is 2–15 seconden. actualDuration = spinDuration * 1000 / (spinSpeed / 5). Rotatie gebruikt een waarde tussen 5 + spinSpeed en 8 + spinSpeed en vervolgens een ease-out cubic-curve.

Hoe wordt het getoonde item afgeleid?

Aan het einde normaliseert de code met newRotation % (2 * Math.PI), leidt pointerAngle af als (2 * Math.PI - normalizedRotation) % (2 * Math.PI), en neemt daarna Math.floor(pointerAngle / anglePerOption).

Wat doen geschiedenis en Elimination Mode?

Een resultaat wordt vooraan toegevoegd en geschiedenis is begrensd op 10. Elimination Mode kopieert huidige items; na een resultaat verwijdert deze dat item alleen als minstens twee items blijven. Reset herstelt de gekopieerde items wanneer de modus actief is.

Welke sleutels worden opgeslagen?

De editor schrijft pickerWheelOptions, pickerWheelHistory wanneer niet leeg, pickerWheelSound, pickerWheelEliminationMode, pickerWheelColorTheme, pickerWheelSpinSpeed, pickerWheelSpinDuration en pickerWheelTotalSpins. Clear history verwijdert pickerWheelHistory.

Wielbediening openen

Stel items in, bekijk palet en instellingen en gebruik daarna de zichtbare wielbediening.

Keuzewiel openen