Převod souboru SB3 do HTML

Prohlížeč, web nebo offline kiosek může vyžadovat projekt Scratch jako hratelný soubor HTML namísto stažení souboru .sb3. Zabalení projektu do HTML umožní příjemcům jeho spuštění bez otevření editoru Scratch a zároveň zachová původní soubor SB3 pro budoucí úpravy.

Co je formát SB3

SB3 je formát projektů Scratch 3 používaný aplikací Scratch a kompatibilními editory, jako je TurboWarp. Soubor SB3 je archiv ZIP obsahující soubor project.json, sprity, kostýmy, zvuky, skripty a další zdroje projektu.

Scratch vytváří soubor SB3 prostřednictvím File → Save to your computer. Projekty stažené ze Scratch, přesouvané mezi počítači nebo importované do kompatibilního editoru obvykle používají tento formát. Přejmenování souboru .sb3 na .html soubor nepřevede; prohlížeč nemůže spustit strukturu projektu Scratch bez JavaScriptového runtime.

Co je formát HTML

HTML je formát dokumentu interpretovaný webovými prohlížeči. U projektu Scratch je výsledkem zabalená HTML aplikace obsahující JavaScriptový runtime kompatibilní se Scratch, případně jej načítající, a zdroje projektu.

Výsledek lze sdílet jako webovou stránku, vložit do webu nebo otevřít pro offline přehrávání. Nejde o převod bloků Scratch na běžné prvky HTML, jako jsou odstavce a nadpisy; logika bloků zůstává daty interpretovanými runtimem.

Jak převést SB3 na HTML

TurboWarp Packager je nejpraktičtější možností pro vytvoření souboru HTML přehratelného v prohlížeči. Jeho online verze je dostupná na adrese packager.turbowarp.org a desktopová verze je vhodná, pokud projekt nemá být nahrán do služby třetí strany.

1. Uchovejte nedotčenou kopii původního souboru .sb3.
2. Otevřete TurboWarp Packager a vyberte možnost nahrát nebo zvolit projekt.
3. Vyberte soubor SB3 ze svého počítače.
4. Projděte dostupná nastavení včetně chování na celou obrazovku, ovládacích prvků, načítání přehrávače a možnosti vložení dat projektu. Názvy nastavení se mohou podle verze lišit.
5. Vyberte výstup HTML a stáhněte vygenerovaný soubor .html.
6. Otevřete soubor v aktuálním prohlížeči, jako je Chrome, Firefox, Edge nebo Safari, a poté otestujte skripty, sprity, zvuky, ovládání klávesnicí a případné funkce ukládání.

Online packager je praktický, pokud je přijatelné projekt nahrát. Pro soukromé, velké nebo citlivé projekty použijte desktopový packager. Obecné weby pro převod souborů tento převod obvykle nedokážou provést: mohou soubor pouze přejmenovat nebo rozbalit jeho obsah ZIP, aniž by přidaly runtime potřebný ke spuštění bloků Scratch.

Omezení kvality a kompatibility

Vygenerovaný soubor HTML je zabalená aplikace, nikoli upravitelný projekt Scratch. Soubor SB3 si ponechte, pokud bude později nutné změnit bloky, kostýmy, zvuky nebo strukturu projektu; tento soubor znovu otevřete ve Scratch nebo TurboWarp.

Zabalený projekt otestujte, protože jeho chování se může od webu Scratch lišit. Rozšíření, cloudové proměnné, online služby, přístup k mikrofonu a kameře, zásady zabezpečení prohlížeče a funkce specifické pro zařízení mohou vyžadovat přístup k síti, oprávnění uživatele nebo podporu specifickou pro TurboWarp. Cloudové proměnné a další serverové funkce Scratch nemusí fungovat při lokálním otevření souboru HTML.

Samostatný soubor HTML může být velký, protože obsahuje runtime a zdroje projektu. Pokud packager nabízí externí zdroje nebo balíček ZIP, použijte tuto možnost pro distribuci pouze tehdy, když všechny vygenerované zdroje zůstanou spolu se souborem HTML; některé prohlížeče také omezují přístup k externím zdrojům z lokálních souborů. Aby zabalený projekt fungoval, musí být povolen JavaScript.