Discuss Scratch

mpdmonster
Scratcher
22 posts

Embed a scratch 3.0 project

I am making a website with all my scratch projects. I believe flash will slow my website down so I would like to embed them using scratch 3.0. Anyone know how to do this?
Killernotch101
Scratcher
100+ posts

Embed a scratch 3.0 project

You can’t embed any projects in Scratch 3.0 yet, but you can embed them in Sulfurous!

I'm back!
mpdmonster
Scratcher
22 posts

Embed a scratch 3.0 project

Does it run on flash? @Killernotch101
mpdmonster
Scratcher
22 posts

Embed a scratch 3.0 project

Also it ruins my project. Goes to fast.
Smolec
Scratcher
2 posts

Embed a scratch 3.0 project

The program Sulfurous doesn't work for Scratch 3.0
JGames101
Scratcher
100+ posts

Embed a scratch 3.0 project

You can use the scratch 3 embeddable projects by adding /embed to the end of a project url, or you can use my tool, Scratch Silicon, to embed a Scratch 3 Project in a website: https://scratch.mit.edu/discuss/topic/330317, which has a few more features than the regular embeddable projects.

Last edited by JGames101 (Jan. 6, 2019 01:16:58)

Programing_God
Scratcher
2 posts

Embed a scratch 3.0 project

I have found the solution after hours of trying; this works with the latest version of Scratch, Scratch 3.0.

Step 1:
Go to the project page of your game; look at it's URL, and add embed to the end of it (e.g. https://scratch.mit.edu/projects/276955447/ changes to https://scratch.mit.edu/projects/276955447/embed).

Step 2:
Hopefully, your website editor or maker allows you to upload html to it – if not, you are out of luck. Copy this iframe:

<iframe allowtransparency=“true” width=“485” height=“402” src=“link goes here” frameborder=“0” allowfullscreen></iframe>

Remember that link you just made in Step 1? Replace the “link goes here” portion with that link (e.g. <iframe allowtransparency=“true” width=“485” height=“402” src="https://scratch.mit.edu/projects/276955447/embed“ frameborder=”0" allowfullscreen></iframe>).

Step 3:
Load your website. Your Scratch 3.0 game should be working (e.g. https://Poppo-The-Bird–mushakushi.repl.co)!

Note: Since Scratch 3.0 is rather new – and buggy at times – you may have to refresh your page a couple of times before it works.
Did you know that the example link is a legitimate game? Go check it here (it's the least you can do….)!

I hope this helps!

EDIT: This has been tested to work with repl.it and Notepad. Although I can not guarantee it will work for everything, it should work for most other platforms – save for mobile. If this solution does not work, check out the other posts that comment on this issue!

Last edited by Programing_God (Oct. 18, 2019 13:10:16)

mpdmonster
Scratcher
22 posts

Embed a scratch 3.0 project

Thank you so much!
JGames101
Scratcher
100+ posts

Embed a scratch 3.0 project

mpdmonster wrote:

Thank you so much!
If you want the project to work on mobile devices, Programming_God's solution won't work. Try Scratch Silicon to support that. Otherwise, their solution is great.
Beamy68Animates
Scratcher
6 posts

Embed a scratch 3.0 project

Programing_God wrote:

I have found the solution after hours of trying; this works with the latest version of Scratch, Scratch 3.0.

Step 1:
Go to the project page of your game; look at it's URL, and add embed to the end of it (e.g. https://scratch.mit.edu/projects/276955447/ changes to https://scratch.mit.edu/projects/276955447/).

Step 2:
Hopefully, your website editor or maker allows you to upload html to it – if not, you are out of luck. Copy this iframe:

<iframe allowtransparency=“true” width=“485” height=“402” src=“link goes here” frameborder=“0” allowfullscreen></iframe>

Remember that link you just made in Step 1? Replace the “link goes here” portion with that link (e.g. <iframe allowtransparency=“true” width=“485” height=“402” src="https://scratch.mit.edu/projects/276955447/embed“ frameborder=”0" allowfullscreen></iframe>).

Step 3:
Load your website. Your Scratch 3.0 game should be working (e.g. https://Poppo-The-Bird–mushakushi.repl.co)!

Note: Since Scratch 3.0 is rather new – and buggy at times – you may have to refresh your page a couple of times before it works.
Did you know that the example link is a legitimate game? Go check it here (it's the least you can do….)!

I hope this helps!

Unfortunetly, It bugs out and comes up with a 404 error screen

when green flag clicked
forever
go to x: (qumquat x :: sensing) y: (qumquat y :: sensing)
if <touching [evil qumquat v] ?> then
stop [evil qumquat v]
end
end
DancingLine
Scratcher
49 posts

Embed a scratch 3.0 project

Finally, after a few days of searching. I finally found the embed link in GitHub from this https://github.com/LLK/scratch-www/issues/1661

The code is this:
<!DOCTYPE html><html><head><title>Embed</title></head><body> <iframe allowtransparency=“true” width=“485” height=“402” src=“//scratch.mit.edu/projects/embed/<INSERT PROJECT ID HERE>/?autostart=false” frameborder=“0” allowfullscreen></iframe></body></html>

For example the code is like this for Google Sites
<!DOCTYPE html><html><head><title>Embed</title></head><body> <iframe allowtransparency=“true” width=“485” height=“402” src=“//scratch.mit.edu/projects/embed/199839521/?autostart=false” frameborder=“0” allowfullscreen></iframe></body></html>

I hope this works, *sigh*

Check out some of my Scratch projects on my profile.
Also, check out my website as well.

Stay safe, stay healthy, and as always, be happy.
Spike_Mace_12342
New to Scratch
2 posts

Embed a scratch 3.0 project

Why can't they work for weeblys?
byu2008
Scratcher
1 post

Embed a scratch 3.0 project

they don't work on google sites on a school account, at least
Filereq
Scratcher
100+ posts

Embed a scratch 3.0 project

Killernotch101 wrote:

You can’t embed any projects in Scratch 3.0 yet, but you can embed them in Sulfurous!
you can, embedding is hidden

Try yourself:
1. Add “/embed” to the URL
2. Copy it
3. Create a HTML frame with this URL
4. There you go!

(on google sites it's easier)

Play filerecraft and drink your milk
DancingLine
Scratcher
49 posts

Embed a scratch 3.0 project

Spike_Mace_12342 wrote:

Why can't they work for weeblys?
I didn't try it in Weebly, I just trying it on Google Sites.

Check out some of my Scratch projects on my profile.
Also, check out my website as well.

Stay safe, stay healthy, and as always, be happy.
frodewin-test
Scratcher
8 posts

Embed a scratch 3.0 project

This code
<div style="overflow: hidden; height: 480px; width: 640px;" >
<iframe style="margin-top:-50px; margin-left:-11px;" scrolling="no" allowtransparency="false" width="658" height="536" bgcolor=#220000 src="https://scratch.mit.edu/projects/284133924/embed/" allowfullscreen></iframe>
<br/><br/>
</div>
should do the trick. Replace “284133924” with your project's number.

I don't know how to add autostart though (see my other post)
EberleJonathan
Scratcher
2 posts

Embed a scratch 3.0 project

ur a bloody legen @frodewin-test in worked
L0LW0T
Scratcher
19 posts

Embed a scratch 3.0 project

Killernotch101 wrote:

You can’t embed any projects in Scratch 3.0 yet, but you can embed them in Sulfurous!
text
You CAN embed projects in Scratch. Just
add embed/ to the project page.
end
LeoTurnbull
Scratcher
6 posts

Embed a scratch 3.0 project

frodewin-test wrote:

This code
<div style="overflow: hidden; height: 480px; width: 640px;" >
<iframe style="margin-top:-50px; margin-left:-11px;" scrolling="no" allowtransparency="false" width="658" height="536" bgcolor=#220000 src="https://scratch.mit.edu/projects/284133924/embed/" allowfullscreen></iframe>
<br/><br/>
</div>
should do the trick. Replace “284133924” with your project's number.

I don't know how to add autostart though (see my other post)

Thank you SO MUCH! That was the only one that worked for me!!

if <(like) = [my projects]> then
if <not <(following) = [true]>> then
ask [why not?] and wait
end
end
PhoenixLondon2008
Scratcher
100+ posts

Embed a scratch 3.0 project

frodewin-test wrote:

This code
<div style="overflow: hidden; height: 480px; width: 640px;" >
<iframe style="margin-top:-50px; margin-left:-11px;" scrolling="no" allowtransparency="false" width="658" height="536" bgcolor=#220000 src="https://scratch.mit.edu/projects/284133924/embed/" allowfullscreen></iframe>
<br/><br/>
</div>
should do the trick. Replace “284133924” with your project's number.

I don't know how to add autostart though (see my other post)

Umm… In google sites it just pops open a box that says “Google Gadget”. Or am I clicking the wrong button?


"Darkness is just a place without any light."

-Me




Powered by DjangoBB

Standard | Mobile