Scratch

whizzer · 2012-05-27 12:43:21

I just discovered a way to get Snap! (aka BYOB) 4 on your desktop. I don't know if it wors offline, but it's in its own window and is a whole new app.

NOTE: You can only use this method for Google Chrome.

1. Go to the Snap! 4 Alpha page (click the image to go).

2. Click the little star at the edge of the address bar to add Snap as a bookmark.

3. Open the new tab page by clicking the new tab button.

4. Drag the bookmark you made onto the apps page.

5. Right-click the new app and choose Create Shortcut.

6. Select just "Desktop", click Create and the app will be sitting on your desktop. You can rename it to "Snap!" if you don't like the web address.

Done! If you double-click the app, you'll get something that looks a bit like this:

I hope you like this method!

Note: all screenshots were taken with my Chrome theme on. If you like it, you can download in my sig vvvvv

Last edited by whizzer (2012-05-27 12:45:22)

whizzer · 2012-05-27 12:56:11

I found out how to change the icon! Make sure you've installed BYOB 3.1, then:
Right click the desktop icon, choose Properties, then Change Icon. On the drop-down that currently says "Icon Files", change it to "Programs". Then, hunt down where you saved/installed BYOB3 and pick the BYOB program. It will come up with three lovely Alonzo icons for you to choose from.

DigiTechs · 2012-05-27 15:02:15

I found out how to get it on IE!

1) Open up the link to the alpha - on main post
2) Open up the menu bar and click tools. Then press "Add site to start menu"
3) go to start menu and press "All programs" - The site should be on your Start menu - then right click it and press "Send to" --> "Desktop (Create Shortcut)"

You now have the link on your desktop!

And yes, this is online only since it goes to the BYOB site.

DigiTechs · 2012-05-27 15:04:47

I also found out how to get everything offline - but only for IE9 with Developer Tools (F12)

jji7skyline · 2012-05-27 18:51:35

Or, just press Command-S on Mac, or Ctrl-S on Windows smile

Works for me tongue

funelephant · 2012-05-28 09:08:25

Here's how to change it's icon to their Gobo thingy.

1. Right click it on your desktop
2. Choose properties at the very bottom
3. Click change icon in the window that pops up.
4. In the text box behind Browse... put %SystemDrive%\BYOB\2\BYOB.exe
5. Press Ok, then Apply on the 1st window.
6. VOILA!

Hardmath123 · 2012-05-28 09:42:40

On iOS: Share icon => Add to home screen...

To change the favicon on mac: right-click the icon => get info... => paste the icon in the icon viewer in the top-left of the popup.

smile

DigiTechs · 2012-05-28 10:40:39

Hmm.. I got all of the files required for the offline version.. it just doesn't work.. I'll give you guys the errors it makes.

Code:

SCRIPT5009: 'VariableFrame' is undefined 
store.js, line 1722 character 1
SCRIPT5009: 'IDE_Morph' is undefined 
snap.html, line 18 character 5

Last edited by DigiTechs (2012-05-28 10:45:47)

DigiTechs · 2012-05-28 10:41:40

Also, if you want to know how I got the files on my PC - I used IE Developer tools and copied every script and pasted it into my JS editor - and SciTE for the HTML

DigiTechs · 2012-05-28 10:42:54

funelephant wrote:
Here's how to change it's icon to their Gobo thingy.

1. Right click it on your desktop
2. Choose properties at the very bottom
3. Click change icon in the window that pops up.
4. In the text box behind Browse... put %SystemDrive%\BYOB\2\BYOB.exe
5. Press Ok, then Apply on the 1st window.
6. VOILA!

That doesn't work on my PC since the link is a .website (Windows 7 x64 with IE9)

DigiTechs · 2012-05-28 12:39:19

jji7skyline wrote:
Or, just press Command-S on Mac, or Ctrl-S on Windows

Works for me

When I try that, when opening it comes up with "Your browser does not support Canvas" -- but when trying the online version it works fine???

jji7skyline · 2012-05-28 19:04:04

DigiTechs wrote:
jji7skyline wrote:
Or, just press Command-S on Mac, or Ctrl-S on Windows

Works for me
When I try that, when opening it comes up with "Your browser does not support Canvas" -- but when trying the online version it works fine???

You're using Chrome/Chromium?

scimonster · 2012-05-29 09:19:54

Well, i don't know how to get it to be an actual application, but here's another method for Windows:
Right click on the desktop.
Choose the New submenu.
Choose Shortcut.
Type or paste the Snap! URL.
Name the shortcut. (Snap!)
Press OK.
???
Profit!

DigiTechs · 2012-05-30 06:12:19

jji7skyline wrote:
DigiTechs wrote:
jji7skyline wrote:
Or, just press Command-S on Mac, or Ctrl-S on Windows

Works for me
When I try that, when opening it comes up with "Your browser does not support Canvas" -- but when trying the online version it works fine???
You're using Chrome/Chromium?

I'm using IE 9 - It works fine on the online.. mabye I need to host it on a localhost server...

nathanprocks · 2012-05-30 06:55:44

DigiTechs wrote:
jji7skyline wrote:
DigiTechs wrote:

When I try that, when opening it comes up with "Your browser does not support Canvas" -- but when trying the online version it works fine???
You're using Chrome/Chromium?
I'm using IE 9 - It works fine on the online.. mabye I need to host it on a localhost server...

I wonder what files would be required to download for Snap! so we could run a local server. You might not even need a local server because it is just JavaScript.

scimonster · 2012-05-30 07:39:42

nathanprocks wrote:
DigiTechs wrote:
jji7skyline wrote:
You're using Chrome/Chromium?
I'm using IE 9 - It works fine on the online.. mabye I need to host it on a localhost server...
I wonder what files would be required to download for Snap! so we could run a local server. You might not even need a local server because it is just JavaScript.

You don't need a server. You need the following files:
snap.html (the content is

Code:

<!DOCTYPE html>
<html>
    <head>
        <title>Snap! Build Your Own Blocks. Alpha</title>
        <script type="text/javascript" src="morphic.js"></script>
        <script type="text/javascript" src="widgets.js"></script>
        <script type="text/javascript" src="blocks.js"></script>
        <script type="text/javascript" src="threads.js"></script>
        <script type="text/javascript" src="objects.js"></script>
        <script type="text/javascript" src="gui.js"></script>
        <script type="text/javascript" src="lists.js"></script>
        <script type="text/javascript" src="byob.js"></script>
        <script type="text/javascript" src="store.js"></script>
        <script type="text/javascript">            
            var world;
            window.onload = function () {
                world = new WorldMorph(document.getElementById('world'));
                new IDE_Morph().openIn(world);
                setInterval(loop, 1);
            };
            function loop() {
                world.doOneCycle();
            }
        </script>
    </head>
    <body style="background-color: #282828; margin: 0;">
        <canvas id="world" tabindex="1" width="800" height="600" style="position: absolute;">
            <p>Your browser doesn't support canvas.</p>
        </canvas>
    </body>
</html>

morphic.js
widgets.js
blocks.js
threads.js
objects.js
gui.js
lists.js
byob.js
store.js
snap_logo_sm.gif
scriptsPaneTexture.gif

Don't rename any of these. Put them all into the same folder.

Last edited by scimonster (2012-05-30 07:40:07)

whizzer · 2012-06-02 06:42:07

funelephant wrote:
Here's how to change it's icon to their Gobo thingy.

1. Right click it on your desktop
2. Choose properties at the very bottom
3. Click change icon in the window that pops up.
4. In the text box behind Browse... put %SystemDrive%\BYOB\2\BYOB.exe
5. Press Ok, then Apply on the 1st window.
6. VOILA!

whizzer wrote:
I found out how to change the icon! Make sure you've installed BYOB 3.1, then:
Right click the desktop icon, choose Properties, then Change Icon. On the drop-down that currently says "Icon Files", change it to "Programs". Then, hunt down where you saved/installed BYOB3 and pick the BYOB program. It will come up with three lovely Alonzo icons for you to choose from.

roll

whizzer · 2012-06-02 06:43:24

Anyone think I should submit Snap! as an app for the Chrome store?

ProgrammingFreak · 2012-06-02 08:05:10

Yeah, that would be awesome. :3

bharvey · 2012-06-02 09:07:49

whizzer wrote:
Anyone think I should submit Snap! as an app for the Chrome store?

No, please don't. We are providing an alpha test Snap! online so that you guys, who are experienced Scratchers and have a special interest in the project, can play with it and help us catch bugs. But it's nowhere near the point where we want to issue it to the world. We'll keep this idea in mind for the finl official release.

Scratch

archived forums

#1 2012-05-27 12:43:21

Snap! 4 on your desktop - how to get using Chrome

#2 2012-05-27 12:56:11

Re: Snap! 4 on your desktop - how to get using Chrome

#3 2012-05-27 15:02:15

Re: Snap! 4 on your desktop - how to get using Chrome

#4 2012-05-27 15:04:47

Re: Snap! 4 on your desktop - how to get using Chrome

#5 2012-05-27 18:51:35

Re: Snap! 4 on your desktop - how to get using Chrome

#6 2012-05-28 09:08:25

Re: Snap! 4 on your desktop - how to get using Chrome

#7 2012-05-28 09:42:40

Re: Snap! 4 on your desktop - how to get using Chrome

#8 2012-05-28 10:40:39

Re: Snap! 4 on your desktop - how to get using Chrome

Code:

#9 2012-05-28 10:41:40

Re: Snap! 4 on your desktop - how to get using Chrome

#10 2012-05-28 10:42:54

Re: Snap! 4 on your desktop - how to get using Chrome

funelephant wrote:

#11 2012-05-28 12:39:19

Re: Snap! 4 on your desktop - how to get using Chrome

jji7skyline wrote:

#12 2012-05-28 19:04:04

Re: Snap! 4 on your desktop - how to get using Chrome

DigiTechs wrote:

jji7skyline wrote:

#13 2012-05-29 09:19:54

Re: Snap! 4 on your desktop - how to get using Chrome

#14 2012-05-30 06:12:19

Re: Snap! 4 on your desktop - how to get using Chrome

jji7skyline wrote:

DigiTechs wrote:

jji7skyline wrote:

#15 2012-05-30 06:55:44

Re: Snap! 4 on your desktop - how to get using Chrome

DigiTechs wrote:

jji7skyline wrote:

DigiTechs wrote:

#16 2012-05-30 07:39:42

Re: Snap! 4 on your desktop - how to get using Chrome

nathanprocks wrote:

DigiTechs wrote:

jji7skyline wrote:

Code:

#17 2012-06-02 06:42:07

Re: Snap! 4 on your desktop - how to get using Chrome

funelephant wrote:

whizzer wrote:

#18 2012-06-02 06:43:24

Re: Snap! 4 on your desktop - how to get using Chrome

#19 2012-06-02 08:05:10

Re: Snap! 4 on your desktop - how to get using Chrome

#20 2012-06-02 09:07:49

Re: Snap! 4 on your desktop - how to get using Chrome

whizzer wrote:

Board footer