Repository files navigation

The HTMLifier "converts" Scratch 3.0 projects to an HTML file by putting all theproject data and the entire Scratch engine into one enormous file.

It does this by making Scratch VM fetch a project, and in doing so, it tracksthe assets it fetches from the project.json. It converts the fetched assets andproject.json into a base64 data URI. It also fetches the code for the ScratchVM. It inserts all this in a template HTML file, which has been set up to loadthe project from the base64 data URIs and do other things that the Scratch VMdoesn't take of, which is normally handled byscratch-gui, such as variable/listmonitors and ask and wait prompts.

The HTMLifier is also available as annpmpackage.

CSS byMr. Cringe Kid.

The Scratch engine is fromscratch-vm.

JSZip for downloading as a zip.

The Scratch mod used by the HTMLifier:E羊icques(Github).

Depending on your use case, the HTMLifier may not be the best option for you.The HTMLifier prioritizes accuracy by using almost the same engine that vanillaScratch uses, sacrificing speed and editability.

Scratch to JavaScript compilers (best for speed):Phosphorus (Scratch 2.0),Forkphorus (3.0), andTurboWarp (3.0).

Scratch to JavaScript converter (best for learning JavaScript):Leopard

If modifying the files in src/, you'll have to re-bundle everything.

# Build oncedeno run --allow-run --allow-read=src --allow-write=index.bundle.min.js \  --allow-net=sheeptester.github.io bin/build.ts# Automatically build when the files change (for development)nodemon --exec"deno run --allow-all" --watch src --watch client \  --ext ts,css,html,js bin/build.ts -- dev# Build for Nodedeno run --allow-run --allow-read=src --allow-write=node/index.min.js \  --allow-net=sheeptester.github.io bin/build.ts node