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!

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/

Since Scratch 3.0 is still new, i don't think there's a converter yet

XayCraft360 wrote:

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 ^^

((pen projects :: #ff0000) (3D :: #ff4000) (games :: #ff8000) (visualizer :: #ffbf00) (and others :: #ffff00) :: #000000)

Thanks everyone! This is as I thought, just wanted to know if anyone knew something I didn't!

Scratch 3.0 is already HTML5. You just need to embed the project.

dude341 wrote:

Scratch 3.0 is already HTML5. You just need to embed the project.

I wanted to export the actual HTML5 file so I can host it myself

rainpelt28 wrote:

dude341 wrote:

Scratch 3.0 is already HTML5. You just need to embed the project.

I wanted to export the actual HTML5 file so I can host it myself

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.

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.

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

Sheep_maker wrote:

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

There you go, @rainpelt28. Problem solved
EDIT: A really good job, Sheep_maker! It seems to work great. OP, this is pretty much want you want.

@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

Sheep_maker wrote:

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

does it still work if the project becomes unshared after this procedure?

Edit: I have tested and it works fine with unshared projects straight away.

ihgfedcba wrote:

Sheep_maker wrote:

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

does it still work if the project becomes unshared after this procedure?

Edit: I have tested and it works fine with unshared projects straight away.

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.

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

Thanks Everyone so much, everything has been very helpful and I have learned a lot and this was also interesting!

dude341 wrote:

ihgfedcba wrote:

Sheep_maker wrote:

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

does it still work if the project becomes unshared after this procedure?

Edit: I have tested and it works fine with unshared projects straight away.

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.

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?

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)

ihgfedcba wrote:

dude341 wrote:

ihgfedcba wrote:

Sheep_maker wrote:

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

does it still work if the project becomes unshared after this procedure?

Edit: I have tested and it works fine with unshared projects straight away.

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.

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?

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)

Yes, perhaps sheep_maker could add that function.

Well scratch was made with Java so if you convert it to java and then html5 it might work

BlueLava_Productions wrote:

Well scratch was made with Java so if you convert it to java and then html5 it might work

Not Java, JavaScript. They're nothing alike.

BlueLava_Productions wrote:

Well scratch was made with Java so if you convert it to java and then html5 it might work

i'm sorry but why are you in the ATs good sir

ninjagolloyd wrote:

BlueLava_Productions wrote:

Well scratch was made with Java so if you convert it to java and then html5 it might work

i'm sorry but why are you in the ATs good sir

I mean I wasnt going to ask him that, but im happy someone did

herohamp wrote:

ninjagolloyd wrote:

BlueLava_Productions wrote:

Well scratch was made with Java so if you convert it to java and then html5 it might work

i'm sorry but why are you in the ATs good sir

I mean I wasnt going to ask him that, but im happy someone did

^