Konfigurovatelný simulátor hodinového slova: 3 kroky

2024 Autor: John Day | [email protected]. Naposledy změněno: 2024-01-30 08:18

To není přesně Instructable. Navrhuji vlastní Word Clock a rozhodl jsem se nejprve vytvořit simulátor webové aplikace, abych mohl rozložit mřížku a vyzkoušet, jak to vypadá v různých denních dobách. Pak jsem si uvědomil, že to může být užitečné pro ostatní lidi pracující na hodinách slov, a rozhodl jsem se to sdílet.

Aplikace je jeden krátký soubor HTML. Pokud jej uložíte a dvakrát na něj kliknete, otevře se ve vašem prohlížeči a začne zobrazovat aktuální čas. Poté se aktualizuje displej každých 10 sekund, pokud se čas změnil.

K dispozici je také textové pole, do kterého můžete zadat libovolný konkrétní čas a zjistit, jak to bude ve vašem projektu vypadat.

Slovní design hodinových hodin každého je jiný, takže jsem se pokusil kód snadno konfigurovat. V následujících několika krocích najdete rady, jak to udělat.

Doufám, že vám to pomůže! Je skvělé mít možnost experimentovat s rozloženími a formulacemi, než se pustíte do hardwaru!

Krok 1: Stáhněte si soubor HTML

Simulátor je webová aplikace s jedním souborem. Je to necelých 200 řádků. Můžete si jej stáhnout zde.

(Ve skutečnosti neexistuje tlačítko pro stažení souboru na Github. Můžete však pouze vybrat obsah souboru, zkopírovat jej a vložit do nového textového souboru v počítači. Soubor pojmenujte něco.html.)

Jakmile si jej stáhnete, poklepejte na soubor a načte se na kartu ve vašem prohlížeči. Měli byste vidět aktuální čas zobrazený v mřížce slov.

Poznámka: Aplikaci jsem testoval pouze pomocí prohlížeče Chrome v systému Windows.

Krok 2: Upravte mřížku

Různá rozvržení slov si můžete vyzkoušet úpravou části Javascriptu, která vypadá takto:

var row_strs = [„JE TO“, „JEDEN DVA TŘI“, „ČTYŘI PĚT ŠEST ŠEST“, „SEDM OSM“, „DEVÁT DESET“, „ELEVEN TWELVE“, „OH FIVE DEN“, „FIFTEEN TWENTY“, „O'CLOCK THIRTY“, „FORTY FIFTY FIVE“, „IN THE ITON NOON“, „AT NIGHT RORNING“,];

Pokud přidáte/odstraníte řádky a znovu načtete stránku, bude vaše mřížka větší nebo menší.

A pokud do každého řádku přidáte více písmen, vaše mřížka se rozšíří. Jen se ujistěte, že všechny řádky mají stejný počet písmen.

Všimnete si, že řetězce ve výše uvedeném kódu mají mezery, ale ty se v mřížce změní na náhodné znaky. Můžete vybrat sadu znaků, které budou náhodně použity k vyplnění těchto mezer, úpravou řádku, který vypadá takto:

var RANDCHARS = "ABCDEFGHIJKLMNOPQRSTUVWXYZ@#$%&";

Krok 3: Změňte text

Pokud chcete používat jiné frázování, budete muset vědět, jak psát kód. Logika, která vezme datum a přemění ho na slova, je ve funkci s názvem dateToSentence ().