Scratch

DarthPickley · 2009-01-02 18:37:04

Is it possible to view scratch on websites in a different format, like specially made modified size- full screen, or changing the shape of the outline or the color of the top bar or the pictures for the green flag and stop sign?

techy · 2009-01-06 00:18:52

P.S. There is a embed link on the projects page

Ryojo · 2009-01-12 17:01:28

Is there any way we could maybe convert the files into, say, video files? For those of us who only do animations?

sshirdi · 2009-01-24 12:55:24

Hi, you can also run your Scratch projects from a CD. Just put your projects plus the following files on a CD:
Scratch.exe
Scratch.image
Scratch.ini
ScratchPlugin.dll
Mpeg3Plugin.dll
license.txt

If will you need to run the CD on Mac's, you should also add the file:

Scratch.app
Thanks,

DarthPickley · 2009-01-24 19:47:15

when you embed your projects as html, there is a format that you use:
<applet id='ProjectApplet' style='display:block' code='ScratchApplet' codebase='http://scratch.mit.edu/static/misc' archive='ScratchApplet.jar' height='387' width='482'>
<param name='project' value='../../static/projects/Username/123456.sb'>
</applet>

besides adjusting 'height' and 'width', can you change, like 'style' or any other thing maybe???

Learning-Central · 2009-01-28 09:15:42

I have made a simple game using Scratch and would like to save it in a format suitable for a mobile phone(Javascript?) Is there some export utility or do I need to be an experienced programmer?

DarthPickley · 2009-01-30 17:04:18

I saw a link somewhere, to something that was almost exactly like scratch except for it was for mobile phones. it was a link from someone's signature... I looked for it, but cannot find it.

call · 2009-02-25 04:31:38

can't upload it eeps saying failed

Buddy_ca111 · 2009-02-25 17:28:00

call wrote:
can't upload it eeps saying failed

This is not the place to post that, you need to post that in the Troubleshoot section or look for a topiabout it there already. Also you need to give more details.

filo5 · 2009-03-03 13:56:10

What's the problem about The Day The Loading Screen Stood Still? Simply look into Java console. When you use codebase, applet looks for SB file in directory of codebase, eg.:

Code:

<param name="project" value="project/test.sb">

The applet "thinks" that it's in server/applet/project directory, and you put it in server/project. The solution is:

Code:

<param name="project" value="../project/test.sb">

Those two dots mean "upper level", which is your server directory, so applet will "know" now the project is in server/project directory. Helpful?

Last edited by filo5 (2009-03-03 13:56:39)

iordachedarius · 2009-03-07 06:50:05

This readme is best viewed with the 'Verdana' font and 'Word Wrap' (from the 'Format' menu) turned on.

|--------------------------------------------|
| WINDOWS ERROR MESSAGE CREATOR |
|--------------------------------------------|

CONTENTS

1. HOW TO USE
1a. Normal Messages
1b. Custom Messages
1c. Messages with custom buttons
1d. Shutdown Dialogs
1e. VBS Files
2. CHANGELOG
3. LEGAL
3a. Copyright
3b. Disclaimer
3c. Icons

|-------------------------|
| 1. HOW TO USE |
|-------------------------|

1a. NORMAL MESSAGES

To create a normal message box, follow these steps:

1. Select what buttons the message box will have from the 'Message Box Type' drop-down menu.
2. Type the first line of your message box in the 'Message Line 1 field'.
3 (optional). Type the second line of your message box in the 'Message Line 2' field.
4. Type the title of your message box in the 'Message Box Title' field.
5. Click the button which says 'Standard.

1b. CUSTOM MESSAGES

To create a message box with a custom icon, follow these steps:

1. Select what buttons the message box will have from the 'Message Box Type' drop-down menu. Please note that although you are selecting an option such as 'Question - Yes/No', the 'Question' icon will be replaced by your custom icon.
2. Select an icon from the 'Select a Custom Icon' drop-down menu. The number next to the box is the icons ID number.
3. Type the first line of your message box in the 'Message Line 1 field'.
4 (optional). Type the second line of your message box in the 'Message Line 2' field.
5. Type the title of your message box in the 'Message Box Title' field.
6. Click the button which says 'Custom Icon'.

1c. MESSAGES WITH CUSTOM BUTTONS

To create a message box with a custom icon and custom buttons, follow these steps:

1. Type the first line of your message box in the 'Message Line 1 field'.
2 (optional). Type the second line of your message box in the 'Message Line 2' field.
3. Type the title of your message box in the 'Message Box Title' field.
4. Type the captions of your buttons in the boxes labelled 'LEFT', 'CENTRE' and 'RIGHT'.
5 (optional). Select which buttons (maximum of two) you would like to grey out.
6 (optional). Select which buttons (maximum of two) you would like to hide.
7. Click the button which says 'Custom Icon and Buttons'.

1d. SHUTDOWN DIALOGS

To create a shutdown dialog, follow these steps:

1. From the main menu, go to 'File --> Create Shutdown Dialog', or press Ctrl+D.
2. Enter the message to be displayed at the botton of the dialog (max 128 characters).
3. Enter the time until the 'shutdown'. Must be between 10 and 60 seconds.
4. Enter the name of the person who initiated the shutdown. If you want to use your CPU/username combination, check the box that says 'Use CPU/User name combo'.
5. Press the button that says 'Create Dialog'.

1e. VBS FILES

A .vbs file is a Visual Basic Script that can be executed from any computer. Basically, it's a text EXE, without the buttons, labels, captions, images, etc. WEMC has a built-in function that allows you to create VBS files with any filename you desire, and then saves said file to your hard drive. Why? So you can fool someone! Example: "I've just downloaded a new VBS game! It challenges you to think of the number it's guessing!" "OK," says your victim, "I've gotta try that!" They double-click on the WEMC-created 'think.vbs' file, and ... 'YOU SUCK!'.

To create a .vbs file, follow these steps:

1. From the main menu, go to 'File --> Create VBS', or press Ctrl+V.
2. Type the first line of your message box in the 'Message Line 1 field'.
3 (optional). Type the second line of your message box in the 'Message Line 2' field.
4. Type the title of your message box in the 'Message Box Title' field.
5. Enter the name of your VBS file, or press 'Choose Random Name' to get a random name.
6. Press 'Browse' and select the directory where the file will be saved. Alternatively, if you want to save to the same folder where WEMC is, check the 'Same' box.
7. Enter a number in the 'Additional Size' field. Whatever number you input here, the VBS file will contain the same number of asterisks (*). This is to make the file seem bigger, as I got complaints saying it never fooled anyone.
8. Press the button that says 'Save VBS File', or press Alt+A.

WARNING! Large VBS files, when opened, can cause Notepad to run slowly, or even crash. DO NOT open (that is to say, Right-Click and 'Edit') VBS files larger than 200KB!

|------------------------|
| 2. CHANGELOG |
|------------------------|

VERSION 1.1.5 (November 24th 2008)

* I have no idea where in the hell I got '8 bytes to a kilobyte' from. The text has been changed to show that it is actually 1024 bytes to a KB.
* Reduced on-screen clutter by hiding the main screen when you select another option from the 'File' menu.
* Imposed a limit of 1,509,900bytes for VBS files - just enough to fit on a floppy disk.
* Added the little hourglass icon, shown when saving VBS files - just so you can be sure the program is actually doing something!

VERSION 1.1.4 (November 18th 2008)

* Added ability to specify additional characters to make VBS files bigger on hard drives. A lot of people complained that a 1KB file wasn't fooling anyone, so I added this feature.

VERSION 1.1.3 (November 2nd 2008)

* Shortened program-related error messages. They should now be more to the point.
* If you are new to error message creation, the interface can be a bit hectic. That's why I've implemented a 'Hide Advanced' option, accessible from the 'File' menu.
* I've added an option to generate random names for your VBS files. These names are the ones I made up myself, but hopefully there is something there you can use.

VERSION 1.1.2 (October 28th 2008)

* Removed 'Darwinian' and 'SOUNDMAN' icons, due to legal stuff.
* Added 'Critical', 'Information', 'Exclamation' and 'Question/Help' icons. You can now use them in custom messages.
* Added ability to create VBS files.

VERSION 1.1.1 (October 26th 2008)

* Added 'Boss' feature. If your boss comes along, minimize the program to the system tray, complete with icon and tooltip! BE ADVISED THAT THIS FEATURE ONLY WORKS ON THE MAIN MENU.
* Tidied up interface.
* Added 9 new icons.
* Removed French and German language support, due to circumstances beyond my control.
* Reduced maximum size of Shutdown Dialog message from 255 to 128 characters.

VERSION 1.1.0 (October 16th 2008)

* Added option to hide unwanted custom buttons. Only two can be hidden at any one time.
* Added option to specify a custom name for shutdown dialogs.
* Fixed translation errors.
* Fixed tab order.
* It is now not possible to run more than one copy of the program at a time.

VERSION 1.0.9 (October 9th 2008)

* Added abiltity to create fake emergency shutdown dialogs.

VERSION 1.0.8 (October 4th 2008)

* Message boxes with custom buttons will now display your custom icon (in the title).

VERSION 1.0.7 (September 24th 2008)

* Added ability to create message boxes with custom buttons (thanks to Younis Al-Ariani for the idea!).
* Please note that only two of the three buttons can be greyed out.
* Implemented character limits:
* 128 for message lines.
* 16 for title.
* 16 for buttons.
* Removed 'Toggle Icon Preview' option.

VERSION 1.0.6 (September 14th 2008)

* Added French and German language support.
* Added 2 new icons.

VERSION 1.0.5 (September 1st 2008)

* Added an icon preview box. See what it is before creating the message!
* Added 7 new icons.

VERSION 1.0.4 (August 21st 2008)

* NEW! Create message boxes with one of FIFTEEN custom icons! (Note, these icons are set by the program.)
* Prevented creation of message boxes with no Line One.
* The program doesn't have an icon any more, as it was visible in the taskbar when a message was created. A dead giveaway!
* Prevented creation of message boxes with no Title.

VERSION 1.0.3 (August 3rd 2008)

* Added 'Abort/Retry/Ignore' message options.
* Added 'Retry/Cancel' message options.
* Resized application window to fit new options.
* I've realised that the messages you create don't exactly fool your friends if they can see the EMC screen. So now, whenever you create an error, the EMC dialog hides itself.
* Added option to show a 'SUCKER!' message after intended victim clicks a button.

VERSION 1.0.2 (September 8th 2006)

* Minor bug fix.

VERSION 1.0.1 (September 7th 2006)

* Added 'Help' message options.

VERSION 1.0.0 (April 15th 2006)

* Initial Release.

|--------------------|
| 3. LEGAL |
|--------------------|

3a. COPYRIGHT

The right of Christopher W. Urquhart to be identified as the creator of this program has been asserted by him in accordance with the Copyright, Designs and Patents Act (1988). This program is distributed subject to the condition that it will shall not, by any way of trade or otherwise be lent, sold, copied, or otherwise circulated without the owner's prior consent.

3b. DISCLAIMER

The creator of this program does not take any responsibilty for any dire results which may occur from the use of this program - such as loss of friendship. This program is intended for light pranking. If in doubt about a message, ask someone who knows about computers - they'll put your mind at rest.

3c. ICONS

All icons included within this program are the originals that come with Visual Basic 6, and as such are the copyright of Microsoft Corporation.

Obviously, this program is NOT endorsed by, or affiliated with Microsoft.

iordachedarius · 2009-03-07 06:51:16

Scratch.image
Scratch.ini
ScratchPlugin.dll
Mpeg3Plugin.dll
license.txt

iordachedarius · 2009-03-07 07:00:53

go to the www.google.ro

sixela · 2009-03-29 18:44:59

is evre one offline

me450 · 2009-03-31 03:55:38

im in a primary school and i copied the entire scratch program files on my usb and i can use it but i would like to know how to change the little version thing in the corner of the applet on the webpage<when green flag clicked><move(10)steps>

me450 · 2009-03-31 03:56:40

me450 wrote:
im in a primary school and i copied the entire scratch program files on my usb and i can use it but i would like to know how to change the little version thing in the corner of the applet on the webpage

PLAESE ANSWER

me450 · 2009-03-31 04:04:30

<stop all>[blocks]<when green flag clicked><move(10)steps><if><touching[ <say[ ]for( )secs> PLEASE ANSWER[/blocks]

billyedward · 2009-04-06 02:05:45

flickenmaste wrote:
nick wrote:
Hi!

There's actually a way to share scratch projects on your website or in a folder on a CD or computer without posting them to scratch.mit.edu first. To do it, you need to download the following files to the directory on your website (or a folder on your computer):

1. http://scratch.mit.edu/static/misc/ScratchApplet.jar
2. http://scratch.mit.edu/static/misc/soundbank.gm

(for soundbank.gm, if you're using firefox, right-click and select "Save Link As..." to download)

After copying these to a folder on your computer, put the .sb file in the same folder. Then, create a .htm file with the following contents:
Code:
<html>
<body>
<applet id="ProjectApplet" style="display:block" code="ScratchApplet" codebase="./" archive="ScratchApplet.jar" height="387" width="482">
<param name="project" value="testproject.sb">
</applet>
</body>
</html>
replacing testproject.sb with the name of the project you want to view. This will allow you to either view scratch projects offline (in a folder) or online (on a webserver).

You can view an example of this in action here:
http://web.media.mit.edu/~nbushak/test.html

Additional methods of embedding Scratch projects are detailed here:
http://scratch.mit.edu/pages/embed

Also, we release new versions of ScratchApplet.jar occasionally for bug fixes. If you're using this a lot, it may be a good idea to stay updated by periodically downloading new versions of ScratchApplet.jar from the website.

Nick
I see what u are saying but i still dont get how u make it into a HTML file.

All you do is edit it as a text file, and then change the extention from .txt to .html
If you want to learn HTML, here is the basics:

5 min. XML tutorial:
Xml stands for eXtensible Markup Language.
It means you define your own tags, attriutes, etc.
XML is a universal syntax for transporting information.
It can be easily read, used, and edited by both humans and computers.
TAGS are defined by enclosing them in < and > signs.
so: <tag> defines the tag 'tag.'
All tags have a closing tag. It is the same, except with a / in front of the name.
So, a full tag looks like this:

Code:

<tag></tag>

Between an opening and closing tag is called content.
So:

Code:

<tag> content </tag>

The content can be text, or other tags.
So:

Code:

<tag> <othertag> content </othertag> <othertag2> content </othertag2> </tag>

Naturally, a tag inside a tag is known as its child.
And othertag + othertag2 are sister elements.
Make sense?
In this way, the folders of a computer can be shown:

Code:

   <C>
   <documentsandsettings>
   <billy>
   <desktop></desktop>
   <documents></documents>
   </billy>   
   </documentsandsettings>
   </C>

tabs and line breaks may be used to make it more readable:

Code:

 <C>
      <documentsandsettings>
         <billy>
            <desktop></desktop>
            <documents></documents>
         </billy>   
      </documentsandsettings>
   </C>

Tags can also contain other bits of information, known as attributes.
the syntax is:

Code:

<tag attribute="value">.

Closing tags do not have attributes.
Tags may contain more than one attribute:

Code:

<tag attribute="value" attribute="value">.

The value must be enclosed in quotes.
The quotes may also be 'single'.
Attributes can be applied to our computer model:

Code:

   <C type="drive">
      <documentsandsettings type="folder">
         <billy type="folder">
            <desktop type="folder"></desktop>
               <shortcut type="file" extention="url" name="Google" url="www.google.com"></shortcut>
               <file type="file" extension ="txt" name="stuff">
                  Blah, blah, blah, blah, blah, blah, blah, blah, blah, blah,
                  blah, blah, blah, blah, blah, blah, blah, blah, blah, blah,
                  Blah, blah, blah, blah, blah, blah, blah, blah, blah, blah,
                  Blah, blah, blah, blah, blah, blah, blah, blah, blah, blah,
                  Blah, blah, blah, blah, blah, blah, blah, blah, blah, blah,
                  Blah, blah, blah, blah, blah, blah, blah, blah, blah, blah.</file>
            <documents type="folder"></documents>
         </billy>   
      </documentsandsettings>
   </C>

Other picky syntax rules:
-the content of a tag must contain either exclusively content, or tags.
-XML is not case sensitive, so <Tag>Content</tAG> is legal ( but considered bad form)
-Some versions require that all tags and attributes be lower case. Attribute values, and text content may be whatever.
-Tags may not contain spaces. (that's why <documentsandsettings> had to be used instead of: <documents and settings>.
-Xml must contain a top level tag. ie, a tag in which all other tags are enclosed. In the computer model, that was the <c> tag. This tag may not have sister elements.

That is the basics of XML. There is much more, but this is what is necessary to understand HTML...

5 min. HTML tutorial:
HTML stands for Hyper Text Markup Language.
Literally translated from geek to english, it means 'language for defining how to display more than text'. Meaning, it can show images, formatted text, dynamic content, etc. Basically, not just text.

The reason I put in the xml tutorial was because HTML is a form of XML.
In HTML, there are already preset tags and attributes that must be used. All browsers know of these, and how to handle them. The W3C (World Wide Web (as in WWW, 3 W's) Consortium) decides what these tags are, and what they produce.
NB: w3c does not specify how errors are handled. So if you do make one, some browsers will proceed regardless, some will totally screw up the page, others will entirely crash.

The top level tag in html is the <html> tag. It tells the browser that everything inside it is html. If it is not included, many browsers will just display your code as text.

Also note that tags are also referred to as elements, as they generally generate a particular element in a page.

HTML also breaks a number of the rules for XML. Particularly: not all tags must be closed, as well as 'picky syntax rule' #1.

<html> almost always has 2, and always at least 2, child tags. It always has a <head>, and usually has a <body>. There are pages which use frames instead of the body, but that'd take more than 5 minutes to explain.

The <head> element tells stuff about the page. It always contains a <title> tag. inside it, you put the page's title. That's what appears in the title bar of the window, and what it is labeled as in bookmarks (rather than the url, or, god forbid, the IP).

As the scratch site puts 'Scratch | Home | imagine, program, share' in the title bar, its head tag must contain this code:

Code:

<title>Scratch | Home | imagine, program, share</title>

.

All other head elements are optional, but recommended. Some of the more common are:
<link> : links the page to other files, such as CSS stylesheets, favicons, etc.
<meta> : provides data for search engines to use.
<style> : defines an inlternal stylesheet
<script> : defines a script to be called by an event (ie: a button press).

Then, we put </head>...
And <body>.
Inside the body element we put the actual contents of the page.
I will get to this later. However, so far, the minimum code is this:

Code:

<html>
<head>
<title>Blah.</title>
</head>
<body>'
blah, blah, etc.
</body>
</html>

Easy enough, right?

I can't possibly explain all tags here, but the main ones are:
<br>. It defines a line break. A line break in the code is simply read as a space by the browser.
<hr> A horizontal rule. It draws a horizontal line across th screen. Note that neither this nor <br> need a closing tag. Therefore, it is a wise idea to place a / at the end, hence <br />.
<img src='url'> Inserts an image. Url tells the browser which url to get it from. Height and width are also legal attributes
<table>defines a table
<tr> defines a new table row.
<td> defines a new table cell.
<th> defines a new table header. (treated as a cell, but with some formatting changes).
<p> defines a paragraph.
<form> defines a form. duh.
<input type='TYPE'> defines a form input field. TYPE can be radio, checkbox, text, file, etc.
<a href='1'>2</a> defines a link. 1 is the url to link to, 2 is the text to display.
<i> italicised text
<b> bold text.
<u> underlined text.
<s> strikethrough text
<q> quotation text

So... the code:

Code:

Blah <i> blah <b> blah </b><q> blah blah blah </q> </i> <a> blah </a>

would result in:

blah blah blah "blah blah blah" blah

<ol> defines an ordered list.
<ul> defines a bulleted list.
<li> defines a list item.

So... the code:

Code:

<ul>
<li>aaa</li>
<li>bbb<li>
<li>ccc<li>
</ul>
<ol>
<li>ddd</li>
<li>eee<li>
<li>fff<li>
</ol>

would result in:

- aaa
- bbb
- ccc
1. ddd
2. eee
3. fff
5 min. CSS tutorial:
CSS Stands for Cascading Style Sheets.
It styles different elements in a page how you like.
It is cascading because it has 4 levels of priority:
-inline styles
-internal style sheet
-external style sheet
-browser default.
That is, when it loads an element, it checks for a specified inline style.
If none, it styles it as the internal style sheet says.
If none, it goes to the external CSS file.
If none, it reverts to the browser default.

Inline styles are valid on just about all <body> tags.
they are in the form of an attribute.
you would put:

Code:

<tag style='???:???;???:???'>

A CSS property is the thing you want to change.
ie: font-color defines the text colour.
font-decoration defines stuff such as bold, underline, overline, etc.
most make enough sense.
You can guess what background-color is, right?

A CSS value is the value we want to assign to the property.
Eg:

Code:

font-color:C6C6C6

makes the text gray.

Code:

font-decoration:underline

gives it an underline

Code:

background-color:FF8800

makes the background orange.
Note that the colon separates the property and value.

the syntax, now, is:

Code:

<tag style='property:value>

But, what if, say, we want to change both the colour and decoration?
We separate different property:value sets with a semicolon.
So...

Code:

<tag style='property:value;property:value'>

Spaces may be added as desired:

Code:

<tag style='property : value  ;  property : value'>

Or even line breaks, if there are a lot...

Code:

<tag style='
property : value;  
property : value;  
property : value;  
property : value;  
property : value;  
property : value;  
property : value;  
property : value;  
property : value;  
property : value;  
property : value;  
'>

This, however, only changes the style on one instance of an element. If we want to change all instances, we use internal stylesheets.

These are put in the head.
The style sheet is nested in between the <style> and </style> tags.
Now, however, as it is not an attribute of a specific element, we must define which element.

the syntax is:

Code:

element {property : value }

For instance, to make all bold text italic as well...

Code:

b {font-decoration:italic}

We can group elements. For instance:

Code:

b,u {font-decoration:italic}

Makes both bold and underlined text italic as well.

If we only want some elements to show this setting, we use the class attribute.

To apply a class to an element, simply add: class='???'
to the tags.
NOTE: you make up your own classes. Just ensure they match in in the stylesheet.

In the stylesheet, we now use the syntax

Code:

element.class {property : value }

So, to highlight all span tags with the class of 'yellow' yellow...

Code:

span.yellow {background-color: FFFF00}

Now, if we want to define the style for a whole website...
In the <head> section of each page, we put...

Code:

<link href="style.css" rel="stylesheet" type="text/css" />

'style.css' would be replaced with the url of the stylesheet.

the stylesheet would be made using the syntax of an internal stylesheet..

Make sense?

There are many other properties, and possible values for them. Personally, I find that having a css cheatsheet handy is useful.
A good site for learning this stuff is http://www.w3schools.com
Also, the best way to see the syntax is to see it in use. just right-click on a page, select 'view source' and view.
If you have the time, may I suggest also learning Javascript, XHTML, DHTML, SHTML, PHP, ASP, AJAX, and VBscript?
The first 3 are most useful, but they all help.

Ledragon · 2009-04-08 04:33:21

I would propose to give an ability to export Scratch projects to Mac KeyNote or MS Power Point. I think, there should be a way to do this, because these programs easily understand the web code, as well as they can export to web themselves. We just need a small encoder. Something like Scratch to HTML would be very useful!

Anyway, this is just an idea. And I'm not a programmer, so don't get angry if I wrote something unreasonable. lol smile

Last edited by Ledragon (2009-04-08 04:33:48)

BoltBait · 2009-04-09 18:44:33

nick wrote:
Hi!

There's actually a way to share scratch projects on your website or in a folder on a CD or computer without posting them to scratch.mit.edu first. To do it, you need to download the following files to the directory on your website (or a folder on your computer):

1. http://scratch.mit.edu/static/misc/ScratchApplet.jar
2. http://scratch.mit.edu/static/misc/soundbank.gm

(for soundbank.gm, if you're using firefox, right-click and select "Save Link As..." to download)

After copying these to a folder on your computer, put the .sb file in the same folder. Then, create a .htm file with the following contents:
Code:
<html>
<body>
<applet id="ProjectApplet" style="display:block" code="ScratchApplet" codebase="./" archive="ScratchApplet.jar" height="387" width="482">
<param name="project" value="testproject.sb">
</applet>
</body>
</html>
replacing testproject.sb with the name of the project you want to view. This will allow you to either view scratch projects offline (in a folder) or online (on a webserver).

Nick, thanks!

This technique allows me to test my projects before uploading them.

I had a heck of a time getting Cribbage Solitaire to work in the online mode because of a difference in the online player vs. the development environment.

But, thanks to this technique, I am now able to test my stuff on my own PC before uploading to the Scratch web site.

Scratch4U · 2009-04-25 14:50:15

nick wrote:
Hi!

There's actually a way to share scratch projects on your website or in a folder on a CD or computer without posting them to scratch.mit.edu first. To do it, you need to download the following files to the directory on your website (or a folder on your computer):

1. http://scratch.mit.edu/static/misc/ScratchApplet.jar
2. http://scratch.mit.edu/static/misc/soundbank.gm

(for soundbank.gm, if you're using firefox, right-click and select "Save Link As..." to download)

After copying these to a folder on your computer, put the .sb file in the same folder. Then, create a .htm file with the following contents:
Code:
<html>
<body>
<applet id="ProjectApplet" style="display:block" code="ScratchApplet" codebase="./" archive="ScratchApplet.jar" height="387" width="482">
<param name="project" value="testproject.sb">
</applet>
</body>
</html>
replacing testproject.sb with the name of the project you want to view. This will allow you to either view scratch projects offline (in a folder) or online (on a webserver).

You can view an example of this in action here:
http://web.media.mit.edu/~nbushak/test.html

Additional methods of embedding Scratch projects are detailed here:
http://scratch.wik.is/Publishing_your_S … r_websites

Also, we release new versions of ScratchApplet.jar occasionally for bug fixes. If you're using this a lot, it may be a good idea to stay updated by periodically downloading new versions of ScratchApplet.jar from the website.

Nick

umm nick i don't understand when you say to download the file to your website? how do i do that?

Scratch4U · 2009-04-25 14:55:47

reply plz! srry my teacher wanted me to put the project on the website but first i could veiw it in a folder so i put the url on the page and it shows up but when i click it it says error...then i tried uploading a file and when i did that it wouldn't even show the page...

bendad · 2009-05-14 16:46:30

I tried this and it did not work. Here is the message from the console:
Java Plug-in 1.5.0_06
Using JRE version 1.5.0_06 Java HotSpot(TM) Client VM
User home directory = C:\Documents and Settings\Ben

----------------------------------------------------
c: clear console window
f: finalize objects on finalization queue
g: garbage collect
h: display this help message
l: dump classloader list
m: print memory usage
o: trigger logging
p: reload proxy configuration
q: hide console
r: reload policy configuration
s: dump system and deployment properties
t: dump thread list
v: dump thread stack
x: clear classloader cache
0-5: set trace level to <n>
----------------------------------------------------

load: class ScratchApplet not found.
java.lang.ClassNotFoundException: ScratchApplet
at sun.applet.AppletClassLoader.findClass(Unknown Source)
at java.lang.ClassLoader.loadClass(Unknown Source)
at sun.applet.AppletClassLoader.loadClass(Unknown Source)
at java.lang.ClassLoader.loadClass(Unknown Source)
at sun.applet.AppletClassLoader.loadCode(Unknown Source)
at sun.applet.AppletPanel.createApplet(Unknown Source)
at sun.plugin.AppletViewer.createApplet(Unknown Source)
at sun.applet.AppletPanel.runLoader(Unknown Source)
at sun.applet.AppletPanel.run(Unknown Source)
at java.lang.Thread.run(Unknown Source)
Caused by: java.io.IOException: open HTTP connection failed.
at sun.applet.AppletClassLoader.getBytes(Unknown Source)
at sun.applet.AppletClassLoader.access$100(Unknown Source)
at sun.applet.AppletClassLoader$1.run(Unknown Source)
at java.security.AccessController.doPrivileged(Native Method)
... 10 more
Exception in thread "Thread-77" java.lang.NullPointerException
at sun.plugin.util.GrayBoxPainter.showLoadingError(Unknown Source)
at sun.plugin.AppletViewer.showAppletException(Unknown Source)
at sun.applet.AppletPanel.runLoader(Unknown Source)
at sun.applet.AppletPanel.run(Unknown Source)
at java.lang.Thread.run(Unknown Source)
load: class ScratchApplet not found.
java.lang.ClassNotFoundException: ScratchApplet
at sun.applet.AppletClassLoader.findClass(Unknown Source)
at java.lang.ClassLoader.loadClass(Unknown Source)
at sun.applet.AppletClassLoader.loadClass(Unknown Source)
at java.lang.ClassLoader.loadClass(Unknown Source)
at sun.applet.AppletClassLoader.loadCode(Unknown Source)
at sun.applet.AppletPanel.createApplet(Unknown Source)
at sun.plugin.AppletViewer.createApplet(Unknown Source)
at sun.applet.AppletPanel.runLoader(Unknown Source)
at sun.applet.AppletPanel.run(Unknown Source)
at java.lang.Thread.run(Unknown Source)
Caused by: java.io.IOException: open HTTP connection failed.
at sun.applet.AppletClassLoader.getBytes(Unknown Source)
at sun.applet.AppletClassLoader.access$100(Unknown Source)
at sun.applet.AppletClassLoader$1.run(Unknown Source)
at java.security.AccessController.doPrivileged(Native Method)
... 10 more
Exception in thread "Thread-82" java.lang.NullPointerException
at sun.plugin.util.GrayBoxPainter.showLoadingError(Unknown Source)
at sun.plugin.AppletViewer.showAppletException(Unknown Source)
at sun.applet.AppletPanel.runLoader(Unknown Source)
at sun.applet.AppletPanel.run(Unknown Source)
at java.lang.Thread.run(Unknown Source)

Can someone who is familiar with java help me?

fanofcena · 2009-06-14 09:38:06

best way launch it on esnips

FoxDur · 2009-06-15 21:10:31

Hooray! I found out how to do what I was trying to do before!

Scratch

archived forums

#126 2009-01-02 18:37:04

Re: ITopic: Are there ways to share your creation other than the website?

#127 2009-01-06 00:18:52

Re: ITopic: Are there ways to share your creation other than the website?

#128 2009-01-12 17:01:28

Re: ITopic: Are there ways to share your creation other than the website?

#129 2009-01-24 12:55:24

Re: ITopic: Are there ways to share your creation other than the website?

#130 2009-01-24 19:47:15

Re: ITopic: Are there ways to share your creation other than the website?

#131 2009-01-28 09:15:42

Re: ITopic: Are there ways to share your creation other than the website?

#132 2009-01-30 17:04:18

Re: ITopic: Are there ways to share your creation other than the website?

#133 2009-02-25 04:31:38

Re: ITopic: Are there ways to share your creation other than the website?

#134 2009-02-25 17:28:00

Re: ITopic: Are there ways to share your creation other than the website?

call wrote:

#135 2009-03-03 13:56:10

Re: ITopic: Are there ways to share your creation other than the website?

Code:

Code:

#136 2009-03-07 06:50:05

Re: ITopic: Are there ways to share your creation other than the website?

#137 2009-03-07 06:51:16

Re: ITopic: Are there ways to share your creation other than the website?

#138 2009-03-07 07:00:53

Re: ITopic: Are there ways to share your creation other than the website?

#139 2009-03-29 18:44:59

Re: ITopic: Are there ways to share your creation other than the website?

#140 2009-03-31 03:55:38

Re: ITopic: Are there ways to share your creation other than the website?

#141 2009-03-31 03:56:40

Re: ITopic: Are there ways to share your creation other than the website?

me450 wrote:

#142 2009-03-31 04:04:30

Re: ITopic: Are there ways to share your creation other than the website?

#143 2009-04-06 02:05:45

Re: ITopic: Are there ways to share your creation other than the website?

flickenmaste wrote:

nick wrote:

Code:

Code:

Code:

Code:

Code:

Code:

Code:

Code:

Code:

Code:

Code:

Code:

Code:

Code:

Code:

Code:

Code:

Code:

Code:

Code:

Code:

Code:

Code:

Code:

Code:

Code:

Code:

#144 2009-04-08 04:33:21

Re: ITopic: Are there ways to share your creation other than the website?

#145 2009-04-09 18:44:33

Re: ITopic: Are there ways to share your creation other than the website?

nick wrote:

Code:

#146 2009-04-25 14:50:15

Re: ITopic: Are there ways to share your creation other than the website?

nick wrote: