Together.js and Webmaker

From Mozilla Summit

Our colaboration starts with developers from Mozilla Labs and the Webmaker team.

Webmaker runs events all over the world, we share what we know

in schools, in homes, one and one, and everywhere!

With ToghetherJS, two lines of JavaScript inserted into any web page

gives you instant, feature-aware collaboration

You can't get that with closed platforms or Skype!

Out-of-the-box you get text chat, collaborative editing, and

audio chat through WebRTC audio.
So we started experimenting using ToghetherJS

and Thimble, WebMaker's code editor.

Here's Ankit, in Brunei, and Amati, in Chennai, creating a postcard

with HTML.
It says: "Hello Mozillians" in Hindi.

Now listen to what happens when Paul Max in Vancouver and Michelle in Berlin

get together to learn JavaScript.

Powered by WebRTC audio.

Pomax joined the session.

Yeah, yeah, yeah... This rain dot js thing...

Does really cool graphic stuff by just drawing rain drops in a picture

and if you look on line 24 through 29, it'll tell you what it wants

in terms of rain drops. So, you can see this, I'm gonna actually change the size

of the rain drops, just by adding a couple of 1s.

Oh yeah.

And what it's actually doing is it's generating rain drops based on this array.

If you've covered that in your JavaScript courses already, you can actually give it

all kinds of different rain drops. So I can say I want this small rain drop

and I want that to kick in half the time, and the other half of the time I want

one big rain drop. So this should be a bit bigger.

"So if you want to see..."
"Can I make it 150?"

Go for it. Change that number.

Hahaha. That's a huge rain drop.

I'll just kick that back to 15 instead.

You can also take the image URL which is right here.

image URL!

Well, I live in Berlin, so maybe I'll make it very... like a gray image of Berlin

Oh, nice!

That's my... there right around the corner from my house

Oh so then according to that it's raining quite hard

So let's just say... You know what? engine.preset(... big drops

There we go! That's rain in Berlin