This packages your Scratch project into a single HTML file that can run on its own in a web browser. The HTML file will be pretty big because it contains the entire Scratch engine (2.6 MB) and the costume and sound files used in the project.
If you want to view or edit the HTML file, you can use the specialized Large File Editor to hide the long lines that may hang or crash normal text editors.
See the code and previous versions on Github.
- Fixed connecting to cloud servers.
- Fixed sprite dragging.
- To support the use of the HTMLifier in Node and Deno, I rewrote the HTMLifier, so now it can be used programmatically (by request). This might mean there could be many bugs.
- I also remade the options area in React and reworded a few options in the process.
The Scratch engine is stored in a separate file (
vm.js) when you download as a ZIP, so you can make multiple HTMLified projects share the same Scratch engine file to avoid wasting disk space (by request).
- Downloading as a ZIP now works for
Fnow toggles fullscreen (by request).
- The loading image now appears before the background image (by request).
You can detect whether the project has been HTMLified by doing
<key (join [HTMLifier] ) pressed?>(by request).
- You can now add more than one unofficial extension (by request).
- Added an option to show a button that downloads the project with the current variable and list values stored (by request). This can be used to save your progress through a game.
- Added an option to show a button that lets you select a Scratch sprite to add to the project (by request). This can be used for some OS projects to add new apps, where each app is a sprite.
- List monitors now show item numbers.
- The loading bar now shows a percentage rather than a fraction (by request).
- Disabling sprite fencing has been separated from disabling the clone/list/etc. limits.
New cloud behaviours:
☁ urlcontains the current URL of the web page.
☁ pastedcontains the last pasted text by the user.
☁ username, when set, will change what the "username" block reports.
- Fixed the background image not showing in full screen.
- Fixed the progress bar being shown under the loading image.
- Save the options in the URL
New customisation options:
- Background image
- New loading bar design with customisable colours
Loading screen image from a URL
- Option to stretch only the loading screen image
- Option to show start/stop buttons (equivalent to the green flag/stop sign)
New special cloud behaviours:
- Better support for
☁ evalreturning Promises
☁ open linkopens a URL in a new tab.
☁ redirectredirects to a URL.
☁ set clipboardtries to copy text to the clipboard.
☁ set server ipchanges the cloud server URL.
- Better support for
Ability to distinguish between left/right modifier keys using
<key (join [code_ShiftLeft] ) pressed?>>, for example.
- Clicking on a variable slider no longer gives it focus, so keys will continue to work.
- A bookmarklet creator
- BREAKING: The mouse lock position now sets mouse x/y to the accumulative mouse position, which should be more reliable. This works best with the "Remove limits" option.
- Updated CSS by Mr. Cringe Kid
- Fixed the HTMLification log progress not resetting
- Also, the primitive cloud server has been updated.
Specific mouse buttons can now be detected using
<key (join [MouseN] ) pressed?>, where
Ncan be 1 for left click, 2 for middle click, 3 for right click, and 0 for touch/pen.
- Fixed an issue where Scratch 2.0 projects with bitmap costumes wouldn't work.
- More options for styling variable/list monitors
- Option to generate a .zip of files
- Option to preview the HTMLified project
- Readded the option for a progress counter despite lack of demand
- Fixed HTMLifying 2.0 projects
- Option to remove clone/list length limits
- Option to hide the cursor
- Option for rudimentary pointer lock
- Fixed mouse position and unresized lists not showing
- Default project changed to one of ScratchCat's
- Unfortunately, as part of these changes, I removed the option for a progress bar. If there's demand, I'll try to add it back.
- Support for custom extensions from a URL
- CSS by Mr. Cringe Kid
- Fixed custom stage sizes
- Show an image such as a gif while loading
- Fixed dragging sprites simulating another green flag click
- An offline version of the HTMLifier
- An option to use a custom cloud server for cloud variables instead of saving to localStorage
- A fullscreen button
- An option to change monitor colours
- New ask box
- A status text that shows the assets loaded
- Support the video extension
- Support draggable sprites
- Removed "Scratch" from the name of this utility just in case
- Support 16:9 projects
- Simplify the number of modes for HTMLification
- Cloud variables store in localStorage
- Upload project file instead of using project ID
- Toggle compatibility and turbo mode
- Variable and list watchers
- Project start
CSS by Mr. Cringe Kid.
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 vanilla Scratch uses, sacrificing speed and editability.