Scratch

s_federici · 2011-05-12 12:25:24

Thanks to the-Successor and what-the, I managed to have both the Flash Player and the Experimental Viewer work on another website. I uploaded them at

http://www.sitibs.com/sfp/scratchFP.html

and

http://www.sitibs.com/sfp/scratchEV.html

The code is the following:

Flash Player Only

Code:

<object width="483" height="387" type="application/x-shockwave-flash" data="PlayerOnly.swf"><param name="allowScriptAccess" value="sameDomain"><param name="allowFullScreen" value="true"><param name="flashvars" value="project=CubeScroller.sb?version=1"></object>

If you don't want to load a local project (that is a project uploaded to your website) but just want to show on your website a project from the scratch website, use the following instead (http://www.sitibs.com/sfp/scratchFP2.html)

Code:

<object width="483" height="387" type="application/x-shockwave-flash" data="http://scratch.mit.edu/static/misc/PlayerOnly.swf"><param name="allowScriptAccess" value="always"><param name="allowFullScreen" value="true"><param name="flashvars" value="project=http://scratch.mit.edu/static/projects/Mr-Negitive/1772157.sb?version=1"></object>

Experimental Viewer

Code:

<div class="frame" id="div">
<EMBED src="http://scratch.mit.edu/static/experimental/Scratch.swf?project=Mr-Negitive&projectname=1772157&userid=62626"
    bgcolor="#FFFFFF"
    WIDTH="100%" HEIGHT="100%"
    allowScriptAccess="always"
    wmode="opaque"
    TYPE="application/x-shockwave-flash">
</EMBED>
</div>

To enlarge to fullscreen you have to SHIFT+click the fullscreen button at the top left corner. To exit fullscreen just press ESC (Thanks bobbybee for discovering this!)

Whereas the Flash Player can be run from your website, apparently the Experimental Viewer cannot be run from your website nor it can run projects uploaded to your website, as the available parameters refer to IDs from the scratch website. I tried to replace them with a project param but... didn't work smile .

Moreover, I didn't succeed in running the Flash Player from your own PC.

If you do not specify parameters for the Experimental Viewer (that is you just set src="http://scratch.mit.edu/static/experimental/Scratch.swf in the EMBED tag) you get an empty project with the default Scratch cat sprite.

NOTE: In IE, have a look at BoltBait's code.

Last edited by s_federici (2012-10-30 17:15:17)

pinogroove · 2011-07-14 17:16:54

YAY!! It finally works!! BTW, is there a way to make the full screen button work in the flash player?

s_federici · 2011-07-17 09:14:12

pinogroove wrote:
YAY!! It finally works!! BTW, is there a way to make the full screen button work in the flash player?

Not yet, as far as I know...

fg123 · 2011-07-17 10:03:56

Nice job! big_smile

Mcsugarface · 2011-07-17 16:34:05

Cool! tongue I'm going to test a few things in PHP with this...

Mcsugarface · 2011-07-17 16:44:02

Lol it works pretty well actually... I put it on scratchtests.co.cc. tongue

I'm going to try something with PHP...

Last edited by Mcsugarface (2011-07-17 16:44:38)

solution2u · 2011-07-21 10:00:10

It seems it run well with Firefox, Chrome but not in IE8. Can any1 verify this?

s_federici · 2011-07-22 02:58:38

solution2u wrote:
It seems it run well with Firefox, Chrome but not in IE8. Can any1 verify this?

I'm sorry, I already upgraded to IE9. It works for me in IE 9. Can anyone test it on IE8?

scimonster · 2011-07-22 03:33:55

Cool. I actually programmed a simple thing in the EV!

@s_federici: There is no such thing as upgrading to IE.

Last edited by scimonster (2011-07-22 03:34:37)

solution2u · 2011-07-22 03:59:06

I have used codes below and it works fine now

<head>
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
   var flashapp;

   function installPlayer(swfName, swfID) {
   var flashvars = {
   project: 'xxxxxx.sb?version=6'};

   //var params = {
   // allowScriptAccess: 'sameDomain',
   // allowFullScreen: true,
   //};

var params = {};

   var attributes = {};
   swfobject.embedSWF(swfName, swfID, 482, 387, '10.0', false, flashvars, params, attributes);
   flashapp = document.getElementById(swfID);
   flashapp.style.position = 'relative';
   flashapp.parentNode.parentNode.style.overflow = 'visible'; // override CSS
   flashapp.style.zIndex = 1000; // put in front
   setPlayerSize(482, 387);
   }

   function setPlayerSize(w, h) {
   var isFirefox = navigator.userAgent.toLowerCase().indexOf("firefox") > 0;
   if (isFirefox) w += 1;
   if (navigator.appName == 'Microsoft Internet Explorer') {
   flashapp.style.width = w;
   flashapp.style.height = h;
   } else {
   flashapp.width = w;
   flashapp.height = h;
   }
   }
</script>
</head>

Call this to display it

<div id="PlayerOnly"> <p>No Flash Player</p>
</div>

<script type="text/javascript">

</script>

canopy · 2011-07-22 20:26:43

Cool! It's almost as if scratch online came early...

Rick3137 · 2011-07-23 11:09:27

Alot of complex stuff here. Try my simple method:
<a href="http://scratch.mit.edu/experimental/viewproject/Rick3137/1903259 ">Scratchascope </a>

s_federici · 2011-07-24 10:48:30

Rick3137 wrote:
Alot of complex stuff here. Try my simple method:
<a href="http://scratch.mit.edu/experimental/viewproject/Rick3137/1903259 ">Scratchascope </a>

Nice. This is certainly simpler if you don't need to embed the experimental viewer in another webpage, but it is fine for you just opening it in a "viewer only" webpage.

s_federici · 2011-07-24 10:54:15

solution2u wrote:
I have used codes below and it works fine now

How did you define the "project" param? Does you code work locally or on a real website? Or in both places?

solution2u · 2011-07-25 01:13:17

s_federici wrote:
solution2u wrote:
I have used codes below and it works fine now
How did you define the "project" param? Does you code work locally or on a real website? Or in both places?

var flashvars = {
project: 'xxxxxx.sb?version=6'};

When you download the project file, you will get the file name xxxxxx.sb

Here is live example:

http://nyan-cat.com/games/scratch-nyan-cat-the-game.html

It works on real website. I hosted the .sb file

I manage to host Applet version as well but I prefer Flash version since I can play the game smoothly.

solution2u · 2011-07-25 01:16:59

Rick3137 wrote:
Alot of complex stuff here. Try my simple method:
<a href="http://scratch.mit.edu/experimental/viewproject/Rick3137/1903259 ">Scratchascope </a>

The url seems not exist.. hmm

scimonster · 2011-07-25 01:21:35

solution2u wrote:
Rick3137 wrote:
Alot of complex stuff here. Try my simple method:
<a href="http://scratch.mit.edu/experimental/viewproject/Rick3137/1903259 ">Scratchascope </a>
The url seems not exist.. hmm

Perhaps you haven't opted in for the Experimnetal Viewer?

solution2u · 2011-07-25 02:18:48

scimonster wrote:
solution2u wrote:
Rick3137 wrote:
Alot of complex stuff here. Try my simple method:
<a href="http://scratch.mit.edu/experimental/viewproject/Rick3137/1903259 ">Scratchascope </a>
The url seems not exist.. hmm
Perhaps you haven't opted in for the Experimnetal Viewer?

Yes, you re right. Sorry, I am new here smile

jji7skyline · 2011-07-25 03:03:42

I'll need this someday! I just know it! Please don't delete this topic! (Not that there is any reason to!)

fanofcena · 2011-07-25 03:51:34

Cross Browser! Compitlbe!

ssss · 2011-07-25 03:54:30

solution2u wrote:
scimonster wrote:
solution2u wrote:

The url seems not exist.. hmm
Perhaps you haven't opted in for the Experimnetal Viewer?
Yes, you re right. Sorry, I am new here

I'm always happy to help wink

IMBEEGUY · 2011-08-15 14:58:42

scimonster wrote:
Cool. I actually programmed a simple thing in the EV!

@s_federici: There is no such thing as upgrading to IE.

he upgraded from IE 8 to IE 9

flurr · 2011-08-15 15:07:39

awesome

sci_test · 2011-08-17 03:56:05

IMBEEGUY wrote:
scimonster wrote:
Cool. I actually programmed a simple thing in the EV!

@s_federici: There is no such thing as upgrading to IE.
he upgraded from IE 8 to IE 9

IE is terrible though, so you can only downgrade if you're using it. wink

SheppardProductions · 2011-10-24 21:01:03

Okay, how do you use the code to make your scratch game run in flash? Please make it very clear where I put what, because this is really confusing me.

Scratch

archived forums

#1 2011-05-12 12:25:24

How to embed Flash Player and Experimental Viewer in another website

Code:

Code:

Code:

#2 2011-07-14 17:16:54

Re: How to embed Flash Player and Experimental Viewer in another website

#3 2011-07-17 09:14:12

Re: How to embed Flash Player and Experimental Viewer in another website

pinogroove wrote:

#4 2011-07-17 10:03:56

Re: How to embed Flash Player and Experimental Viewer in another website

#5 2011-07-17 16:34:05

Re: How to embed Flash Player and Experimental Viewer in another website

#6 2011-07-17 16:44:02

Re: How to embed Flash Player and Experimental Viewer in another website

#7 2011-07-21 10:00:10

Re: How to embed Flash Player and Experimental Viewer in another website

#8 2011-07-22 02:58:38

Re: How to embed Flash Player and Experimental Viewer in another website

solution2u wrote:

#9 2011-07-22 03:33:55

Re: How to embed Flash Player and Experimental Viewer in another website

#10 2011-07-22 03:59:06

Re: How to embed Flash Player and Experimental Viewer in another website

#11 2011-07-22 20:26:43

Re: How to embed Flash Player and Experimental Viewer in another website

#12 2011-07-23 11:09:27

Re: How to embed Flash Player and Experimental Viewer in another website

#13 2011-07-24 10:48:30

Re: How to embed Flash Player and Experimental Viewer in another website

Rick3137 wrote:

#14 2011-07-24 10:54:15

Re: How to embed Flash Player and Experimental Viewer in another website

solution2u wrote:

#15 2011-07-25 01:13:17

Re: How to embed Flash Player and Experimental Viewer in another website

s_federici wrote:

solution2u wrote:

#16 2011-07-25 01:16:59

Re: How to embed Flash Player and Experimental Viewer in another website

Rick3137 wrote:

#17 2011-07-25 01:21:35

Re: How to embed Flash Player and Experimental Viewer in another website

solution2u wrote:

Rick3137 wrote:

#18 2011-07-25 02:18:48

Re: How to embed Flash Player and Experimental Viewer in another website

scimonster wrote:

solution2u wrote:

Rick3137 wrote:

#19 2011-07-25 03:03:42

Re: How to embed Flash Player and Experimental Viewer in another website

#20 2011-07-25 03:51:34

Re: How to embed Flash Player and Experimental Viewer in another website

#21 2011-07-25 03:54:30

Re: How to embed Flash Player and Experimental Viewer in another website

solution2u wrote:

scimonster wrote:

solution2u wrote:

#22 2011-08-15 14:58:42

Re: How to embed Flash Player and Experimental Viewer in another website

scimonster wrote:

#23 2011-08-15 15:07:39

Re: How to embed Flash Player and Experimental Viewer in another website

#24 2011-08-17 03:56:05

Re: How to embed Flash Player and Experimental Viewer in another website

IMBEEGUY wrote:

scimonster wrote:

#25 2011-10-24 21:01:03

Re: How to embed Flash Player and Experimental Viewer in another website

Board footer