Discuss Scratch
- Discussion Forums
- » Advanced Topics
- » Embed a scratch 3.0 project
- 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!
- 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!
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)
- JGames101
- Scratcher
100+ posts
Embed a scratch 3.0 project
If you want the project to work on mobile devices, Programming_God's solution won't work. Try Thank you so much!Scratch Silicon to support that. Otherwise, their solution is great.
- Beamy68Animates
- Scratcher
6 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/).
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*
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
3 posts
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
Sulfurous!you can, embedding is hidden You can’t embed any projects in Scratch 3.0 yet, but you can embed them in
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
I didn't try it in Weebly, I just trying it on Google Sites. Why can't they work for weeblys?
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
should do the trick. Replace “284133924” with your project's number.
I don't know how to add autostart though (see my other post)
<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>
I don't know how to add autostart though (see my other post)
- L0LW0T
- Scratcher
19 posts
Embed a scratch 3.0 project
Sulfurous!You can’t embed any projects in Scratch 3.0 yet, but you can embed them in
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
This codeshould do the trick. Replace “284133924” with your project's number.<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>
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
This codeshould do the trick. Replace “284133924” with your project's number.<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>
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
- messyteach
- Scratcher
2 posts
Embed a scratch 3.0 project
frodewin-test - that works - all the others do not! Thanks!
- Discussion Forums
- » Advanced Topics
- » Embed a scratch 3.0 project