banner



Home  ›  How To Put A Scratch Project On Your Website

How To Put A Scratch Project On Your Website

Written By Monday, June 20, 2022 Add Comment Edit

messyteach

frodewin-test - that works - all the others do not! Thanks!

water36040

@programming_god OMG YOU ARE THE MOST Epic PERSON OMG I Actually NEEDED THIS YOU ARE SO Crawly Give thanks YOU And then MUCH TOOOOO KINDD!!!!!!!

Omega_Wolf04

Programming

I have institute 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; wait at it's URL, and add embed to the end of information technology (e.1000. 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="truthful" width="485" height="402" src="link goes here" frameborder="0" allowfullscreen></iframe>

Think that link you only made in Step one? Replace the "link goes here" portion with that link (e.1000. <iframe allowtransparency="true" width="485" meridian="402" src="https://scratch.mit.edu/projects/276955447/embed" frameborder="0" allowfullscreen></iframe>).

Step 3:
Load your website. Your Scratch three.0 game should exist working (due east.1000. 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 information technology works.
Did you know that the instance link is a legitimate game? Go check it here (information technology's the least you tin exercise….)!

I hope this helps!

EDIT: This has been tested to work with repl.it and Notepad. Although I tin not guarantee information technology volition work for everything, it should piece of work for nearly other platforms – save for mobile. If this solution does non work, bank check out the other posts that comment on this consequence!

Yo this worked then well for this reckoner coding competition I'm doing! Give thanks y'all so much!

dillonbarnes

Yous can too employ Phosphorus to embed Scratch projects and and so they will run on tablets and phones instead of only computers.

The link for Phosphorus is here:

https://phosphorus.github.io/

frodewin

dillonbarnes wrote:

You lot can also use Phosphorus to embed Scratch projects then they volition run on tablets and phones instead of just computers.

The link for Phosphorus is here:

https://phosphorus.github.io/

Phosphorus and Sulfurous both but piece of work with projects that were made in Scratch 2.0.

For Sulfurous an update for supporting Scratch iii.0 projects will come in July this year.

gamesmakr412

DancingLine wrote:

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

The lawmaking is this:
<!DOCTYPE html><html><head><championship>Embed</title></head><trunk> <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><championship>Embed</championship></caput><body> <iframe allowtransparency="truthful" width="485" acme="402" src="//scratch.mit.edu/projects/embed/199839521/?autostart=false" frameborder="0" allowfullscreen></iframe></body></html>

I hope this works, *sigh*

In Google Sites you just have to insert the link of the project (like this: https://scratch.mit.edu/projects/embed/277512620/). You can't insert an Scratch project in Google Sites without typing "/embed" in it, else you lot even tin't insert it.

pomob

Programing_God wrote:

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

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

Pace 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" pinnacle="402" src="link goes here" frameborder="0" allowfullscreen></iframe>

Remember that link y'all just fabricated in Stride 1? Replace the "link goes here" portion with that link (eastward.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 exist working (east.yard. https://Poppo-The-Bird–mushakushi.repl.co)!

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

I hope this helps!

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

Thank u and so much!

when light-green flag clicked
if <programming god is crawly> then
::custom(this should appear)
cease

pomob

oops sorry last should exist

::custom this should appear

pomob

i just cannot become it right!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

smrman

Update:

A proper way to embed Scratch 3.0 projects is on the manner.
I translated the few needed string needed for that in my native linguistic communication a couple of days ago.

I don't have an ETA tho…

gamereric21

if you click the re-create link push button, an embed code will appear underneath, printing copy code and paste it into your site

how-do-you-do-cow

gamereric21 wrote:

if y'all click the copy link button, an embed code will appear underneath, press copy lawmaking and paste it into your site

The re-create link push button is just beneath the notes and credits area.

birbilis

make sure you employ ASCII double-quote character, non those special ones that sometimes replace it in text editors

this worked for me, copy from here:

<iframe
allowtransparency="true"
width="100%"
elevation="100%"
src="https://scratch.mit.edu/projects/276955447/embed/?autostart=true"
frameborder="0"
allowfullscreen
>
Delight use a web browser that supports IFRAMEs
</iframe>

has anyone implemented autostart? it seems to not use it (or at least anymore in Scratch iii)

WABScratchTeam

frodewin-examination wrote:

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

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

Cheers, works a care for.

IndigoCoke390

This is really easy,
step i. go to your project (must be published)
footstep two. click on re-create link
stop 3. copy the embed lawmaking

easy take fun, it worked for me

frodewin

Does anybody have an idea how to enable autostart?

Sheep_maker

If there was autostart, audio may not play immediately until the user interacts with the page (eg by clicking or tapping on the page) because browsers don't like web pages nonconsensually playing sound or a video right when the page loads.

Maximouse

This is true, merely Forkphorus (fork of Phosphorus supporting iii.0 projects) suppords embedding projects with autostart, for example:

<script src="https://forkphorus.github.io/embed.js?id=117910858&ui=imitation"></script>

EDIT: Information technology doesn't seem to work?

FlossGirl101

IndigoCoke390 wrote:

This is really easy,
pace 1. become to your project (must be published)
step 2. click on copy link
finish 3. copy the embed code

easy have fun, information technology worked for me

wait wut? where is the embed code?

Sheep_maker

FlossGirl101 wrote:

IndigoCoke390 wrote:

This is really easy,
stride 1. go to your project (must be published)
step 2. click on copy link
stop 3. copy the embed code

piece of cake accept fun, it worked for me


expect wut? where is the embed code?


Click on the "Copy embed" push (the lawmaking is also in the bluish box)

Source: https://scratch.mit.edu/discuss/m/topic/299799/?page=2

0 Response to "How To Put A Scratch Project On Your Website"

Post a Comment

Subscribe to: Post Comments (Atom)

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel