Discuss Scratch
- Discussion Forums
- » Advanced Topics
- » Converting Scratch Projects to HTML5
- rainpelt28
-
500+ posts
Converting Scratch Projects to HTML5
Hello all! I was just wondering if there was anyway to convert my Scratch project into an HTML5 file and how I would do it.
Thank you!
Thank you!

EDIT:
Many people have said many helpful things here!
Anyone wishing to convert their file, I suggest using Sheep Maker's converter
https://sheeptester.github.io/words-go-here/scratch3-htmlifier/
Last edited by rainpelt28 (Feb. 16, 2019 20:39:29)
- XayCraft360
-
100+ posts
Converting Scratch Projects to HTML5
Since Scratch 3.0 is still new, i don't think there's a converter yet
- Dairop
-
100+ posts
Converting Scratch Projects to HTML5
Since Scratch 3.0 is still new, i don't think there's a converter yet
No there's not converter for the moment, but maybe in the future ^^
- rainpelt28
-
500+ posts
Converting Scratch Projects to HTML5
Thanks everyone! This is as I thought, just wanted to know if anyone knew something I didn't! 

- dude341
-
1000+ posts
Converting Scratch Projects to HTML5
Scratch 3.0 is already HTML5. You just need to embed the project.
- rainpelt28
-
500+ posts
Converting Scratch Projects to HTML5
I wanted to export the actual HTML5 file so I can host it myself Scratch 3.0 is already HTML5. You just need to embed the project.
- dude341
-
1000+ posts
Converting Scratch Projects to HTML5
There is no such thing as an “HTML5” file. HTML5 is not a Flash alternative. HTML is simply a markup language which makes up a website. HTML5 is the fifth version of that. There is such thing as “HTML” files though, but HTML does not contain code: only the design. JavaScript is what contains the code.I wanted to export the actual HTML5 file so I can host it myself Scratch 3.0 is already HTML5. You just need to embed the project.
But anyway, is there a reason you need to host the HTML and Javascript? Scratch should be reliable enough.
If you really do, you should find this useful then: https://github.com/LLK/ . But you will need to know how to program in JavaScript in order to modify the Scratch 3 source code to only be a project player and to automatically load your project. If you do not have JavaScript experience, there is no other way, sorry.
You could ask https://scratch.mit.edu/discuss/topic/330317/ Scratch Silicon, an alternate Scratch project embedding method, if they could add this feature.
- Sheep_maker
-
1000+ posts
Converting Scratch Projects to HTML5
I spent the afternoon hacking together a Scratch 3.0 HTMLifier, which grabs the Scratch engine and your project data and mashes it into a single HTML file: https://sheeptester.github.io/words-go-here/scratch3-htmlifier/
The “Quick HTMLify” button should probably serve your needs and doesn't take as much time to convert
Note that this doesn't directly convert your Scratch blocks to JavaScript (for example, if _ then _ -> if () {}); rather, it's just an embedded version of Scratch 3.0
EDIT: I think it broke
EDIT 2: Not anymore
EDIT 3: Added variable and list watchers
The “Quick HTMLify” button should probably serve your needs and doesn't take as much time to convert
Note that this doesn't directly convert your Scratch blocks to JavaScript (for example, if _ then _ -> if () {}); rather, it's just an embedded version of Scratch 3.0
EDIT: I think it broke
EDIT 2: Not anymore
EDIT 3: Added variable and list watchers
Last edited by Sheep_maker (March 31, 2019 23:39:53)
- dude341
-
1000+ posts
Converting Scratch Projects to HTML5
https://sheeptester.github.io/words-go-here/scratch3-htmlifier/There you go, @rainpelt28. Problem solved I spent the afternoon hacking together a Scratch 3.0 HTMLifier, which grabs the Scratch engine and your project data and mashes it into a single HTML file:
The “Quick HTMLify” button should probably serve your needs and doesn't take as much time to convert
Note that this doesn't directly convert your Scratch blocks to JavaScript (for example, if _ then _ -> if () {}); rather, it's just an embedded version of Scratch 3.0

EDIT: A really good job, Sheep_maker!

@rainpelt28, note that it may say “A web page is slowing down your browser”, just ignore that warning.
Also, although you said to use “Quick HTMLify”, as @rainpelt28 said, they need all of the files hosted on their server. So @rainpelt28, you may want to click the normal “HTMLify” instead.
EDIT 2: It appears variables and lists will not show up in this. This may be a problem. @sheepmaker, perhaps you could create a simple variable/list watcher thingy? Or just hack together the code that handles it from Scratch-GUI

Last edited by dude341 (Feb. 10, 2019 01:17:23)
- ihgfedcba
-
100+ posts
Converting Scratch Projects to HTML5
https://sheeptester.github.io/words-go-here/scratch3-htmlifier/does it still work if the project becomes unshared after this procedure? I spent the afternoon hacking together a Scratch 3.0 HTMLifier, which grabs the Scratch engine and your project data and mashes it into a single HTML file:
The “Quick HTMLify” button should probably serve your needs and doesn't take as much time to convert
Note that this doesn't directly convert your Scratch blocks to JavaScript (for example, if _ then _ -> if () {}); rather, it's just an embedded version of Scratch 3.0
Edit: I have tested and it works fine with unshared projects straight away.
Last edited by ihgfedcba (Feb. 10, 2019 16:18:42)
- dude341
-
1000+ posts
Converting Scratch Projects to HTML5
Yes, because the project is included with the file itself. You could delete the project altogether from Scratch's servers and it would still work.https://sheeptester.github.io/words-go-here/scratch3-htmlifier/does it still work if the project becomes unshared after this procedure? I spent the afternoon hacking together a Scratch 3.0 HTMLifier, which grabs the Scratch engine and your project data and mashes it into a single HTML file:
The “Quick HTMLify” button should probably serve your needs and doesn't take as much time to convert
Note that this doesn't directly convert your Scratch blocks to JavaScript (for example, if _ then _ -> if () {}); rather, it's just an embedded version of Scratch 3.0
Edit: I have tested and it works fine with unshared projects straight away.
- SimpleScratch
-
500+ posts
Converting Scratch Projects to HTML5
I spent the afternoon hacking together a Scratch 3.0 HTMLifier, which grabs the Scratch engine and your project data and mashes it into a single HTML file:
Loving your work as always

- rainpelt28
-
500+ posts
Converting Scratch Projects to HTML5
Thanks Everyone so much, everything has been very helpful and I have learned a lot and this was also interesting! 

- ihgfedcba
-
100+ posts
Converting Scratch Projects to HTML5
Then it's pointless to restrict the converter to Scratch's server project as opposed to sb3 files uploaded from my hard drive, isn't it?Yes, because the project is included with the file itself. You could delete the project altogether from Scratch's servers and it would still work.https://sheeptester.github.io/words-go-here/scratch3-htmlifier/does it still work if the project becomes unshared after this procedure? I spent the afternoon hacking together a Scratch 3.0 HTMLifier, which grabs the Scratch engine and your project data and mashes it into a single HTML file:
The “Quick HTMLify” button should probably serve your needs and doesn't take as much time to convert
Note that this doesn't directly convert your Scratch blocks to JavaScript (for example, if _ then _ -> if () {}); rather, it's just an embedded version of Scratch 3.0
Edit: I have tested and it works fine with unshared projects straight away.
Thanks to this converter NOT Novel Games2 has an HTML5 version now. (see this Novel Games thread to see how NOT Novel Games2 developed; NOT Novel Games2 had the same username and icon before the real Novel Games changed the username and then NOT Novel Games2 changed the icon)
- dude341
-
1000+ posts
Converting Scratch Projects to HTML5
Yes, perhaps sheep_maker could add that function.Then it's pointless to restrict the converter to Scratch's server project as opposed to sb3 files uploaded from my hard drive, isn't it?Yes, because the project is included with the file itself. You could delete the project altogether from Scratch's servers and it would still work.https://sheeptester.github.io/words-go-here/scratch3-htmlifier/does it still work if the project becomes unshared after this procedure? I spent the afternoon hacking together a Scratch 3.0 HTMLifier, which grabs the Scratch engine and your project data and mashes it into a single HTML file:
The “Quick HTMLify” button should probably serve your needs and doesn't take as much time to convert
Note that this doesn't directly convert your Scratch blocks to JavaScript (for example, if _ then _ -> if () {}); rather, it's just an embedded version of Scratch 3.0
Edit: I have tested and it works fine with unshared projects straight away.
Thanks to this converter NOT Novel Games2 has an HTML5 version now. (see this Novel Games thread to see how NOT Novel Games2 developed; NOT Novel Games2 had the same username and icon before the real Novel Games changed the username and then NOT Novel Games2 changed the icon)
- BlueLava_Productions
-
98 posts
Converting Scratch Projects to HTML5
Well scratch was made with Java so if you convert it to java and then html5 it might work
- Sheep_maker
-
1000+ posts
Converting Scratch Projects to HTML5
Not Java, JavaScript. They're nothing alike. Well scratch was made with Java so if you convert it to java and then html5 it might work
- ninjagolloyd
-
500+ posts
Converting Scratch Projects to HTML5
i'm sorry but why are you in the ATs good sir Well scratch was made with Java so if you convert it to java and then html5 it might work
- herohamp
-
1000+ posts
Converting Scratch Projects to HTML5
I mean I wasnt going to ask him that, but im happy someone didi'm sorry but why are you in the ATs good sir Well scratch was made with Java so if you convert it to java and then html5 it might work
- dude341
-
1000+ posts
Converting Scratch Projects to HTML5
^I mean I wasnt going to ask him that, but im happy someone didi'm sorry but why are you in the ATs good sir Well scratch was made with Java so if you convert it to java and then html5 it might work
- Discussion Forums
- » Advanced Topics
-
» Converting Scratch Projects to HTML5