BoltBait wrote:

Anyone know the status of this project?

Is it ready for some testing yet?

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

This is gonna be great bit what if a project requires for instance arrow keys because then you would need to edit the game for iOS and other phones and to do that with every project with arrow keys… Anyway just a thought

Babissimo wrote:

This is gonna be great bit what if a project requires for instance arrow keys because then you would need to edit the game for iOS and other phones and to do that with every project with arrow keys… Anyway just a thought

The HTML5 player actually has a feature to simulate arrow keys on touch devices. There are arrows around the player that you can touch.

HTML-Scratch? Super cool! Wait it's just scratch that runs with HTML? I was hoping it was a Scratch spin off that allowed you to simulate HTML webpages. HINT HINT.

Lightnin wrote:

As many of you have pointed out, there's a need for a Scratch project player that works on mobile iOS and Android devices that don't support Flash. Tim Mickel, an MIT undergrad who worked with LLK, created a foundation for an HTML5 Scratch project player. But it still needs a lot of work. We decided to release the unfinished HTML5 player code under an open source license, and ask for contributions from the greater Scratch community.

Do you know someone with Javascript / HTML 5 skills that would like to contribute to Scratch? Please ping them with a link to the html5 Scratch project player on github!

https://github.com/LLK/scratch-html5

We don't plan to add any new features that the current Flash-based Scratch player doesn't support. Our goal is to make a player that plays Scratch projects exactly the same as the flash player. We've made a test harness, included with the source, so that coders can view projects in the flash player and the html 5 player side-by-side, to better isolate and fix differences in performance or behavior in the html5 player.

Thanks, and Scratch On!

Wait, Scratch on ipad? OMG that would be soo cool! I can't wait!!!!!!!

This is gonna be awesome!

OH YES!

I would do anything to help!

WHEN WILL THIS BE DONE???

Oh wow I forgot I posted this… Well, please finish soon!

Instructions for running on a Mac

I've tested this on OS X 10.9 (Mavericks.) It should work on all versions (+~10.5) but no promises.

You need to be (or be logged in as) an administrator to do most of these steps. Do that now.

Warning and Disclaimer: In order to do this you need the ability to use the command line and tinker with important files. You can't hold me accountable if you brick your mac. Please, read through all the steps first to make sure you are comfortable with everything I say to do. If not, get someone who you feel comfortable tinkering behind the scenes of your computer or ask for help.

1. Get your web server going.
OS X comes preinstalled with Apache, and here's how to start it up.
On previous versions of OS X, you could simply start it up by checking the “Web Sharing” box in System Preferences –> Sharing. You may want to see if you can do this first. If so, you can skip this step.
First, open up Terminal. (It's located at /Applications/Utilities/Terminal.app).
Don't type the “$”. It only represents what you'll see in the command line.

You'll then need to type in your password.
Don't worry that you can't see any feedback. It's still listening, and when you press enter, it will go. If you get it wrong, try again. To cancel, press Control-C.

After that, head over to http://localhost in your browser - and if you can see “It works!” then, well, it works.

2. Set up your user-level document root.
This directory is (as of 10.9 I believe) missing by default. Head over to your home folder in Finder (⇧⌘H), then make a new folder called “Sites”.
At this point, you can copy "scratch-html5-master" into that folder, leave it in its folder or place its contents there, your choice.
Try going to, in your browser, http://localhost/~(yourusernamehere) , inserting your username where indicated. If you see an error, keep going. If you either see the proper site or a listing of file contents, skip to the step entitled “Enabling PHP.”

2-1. Connect your user-level document root to the web server.
Back to the terminal. Type in:
Look for “(yourusername).conf”. If it's there, skip to “Enabling PHP.”
Now, type
Remember, replace “(yourusername)” with your short username and you may, if it's been long enough, need to retype your password.
Now, type in the following (quadruple-check for misspellings - swap in your username)
Then press Ctrl-O Return Ctrl-X (⌃O, ⏎, ⌃X).

Do
to properly set the permissions on the file.

And last, restart apache to read your new changes.

Check to make sure that http://localhost/~(yourusernamehere) is working now. If not, you may have messed up - go back and check for misspellings.

If you're using an up to date version of the Scratch-HTML5 Source, you no longer need this step. If so, skip it!
3. Enable PHP.
Be VERY, VERY careful on this step. You are modifying a system file. Triple-check EVERYTHING you are going to do BEFORE you do it (and how about after, too, for good measure)
Type
into Terminal. Then press Control-W (⌃W) and type “php” (then press enter.) This should put you on a line reading
Use your arrow keys to move the cursor (the rectangle) over the “L” of “LoadModule” (make sure you stay on the “php” line) and then press delete (⌫). It should look like this:
Again, press Ctrl-O Return Ctrl-X (⌃O, ⏎, ⌃X) to save the file.


4. Restart apache
And head over to http://localhost/~(yourusernamehere) to see the site.

Remember, if you need help with anything, just ask. Everyone's here to help each other!


[Updated 9th September: subtly decreased snark levels, made corrections]

scrachet23 wrote:

well im a bit good at HTML but i dont think i have ever done HTML5 it sounds hard but when you try you may like it but mabey i need more info on this,while i play mario and think of luigi ok LETS A-GO


scratchet 23

HTML5 adds sound and video tags, drops some other tags and adds the canvas. Stepping up shouldn't be a worry.

8discobusy wrote:

Will the scratch player support all versions of android and ios?
Plus will you have to be on a specific type of browser?

1. The Scratch Player should run on about anything.
2. No, but the faster the better. Scratch project rendering takes a fair amount of time.

How would I test the code without a server or Mac?

I know html but not html5 or javascript

Cool.

I don't know a lot about JavaScript and things like that but It would be awesome if we did get Scratch for HTML5, Then people could use it on non-Flash devices like iPads and other tablets and Smartphones!

Great! Now I can play them on my tablet

I am learning HTML, so I'll see if HTML5 makes sense to me

Please make this into a standalone ios and android app that works offline.

Is it still to early to ask when? It seems a lot of people have posted in this forum topic so maybe that means a lot of people are helping out. Do you have an estimate at least? Does this mean I'll be able to edit my projects on an iOS device? How will I test them? If my game has a

<key [up arrow] pressed?>

in it, how will my iOS device click up arrow? I'm sure there is a simple solution to this though.

Good luck!

GadgetAndyMan wrote:

WASDgamer wrote:

I am using IOS now, I am so greatful of the developers of the HTML5 version, I i will be able to use scratch anywhere :d

Have you tried the Puffin Browser, I use Scratch with it when I am on my iPad

Yes. But you know it is slow.