2013-10-28 16:00:20 -04:00
|
|
|
// Copyright (C) 2013 Massachusetts Institute of Technology
|
|
|
|
//
|
|
|
|
// This program is free software; you can redistribute it and/or
|
|
|
|
// modify it under the terms of the GNU General Public License version 2,
|
|
|
|
// as published by the Free Software Foundation.
|
|
|
|
//
|
|
|
|
// This program is distributed in the hope that it will be useful,
|
|
|
|
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
|
|
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
|
|
// GNU General Public License for more details.
|
|
|
|
//
|
|
|
|
// You should have received a copy of the GNU General Public License
|
|
|
|
// along with this program; if not, write to the Free Software
|
|
|
|
// Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
|
|
|
|
|
|
|
|
// Scratch HTML5 Player
|
|
|
|
// Scratch.js
|
|
|
|
// Tim Mickel, July 2011
|
|
|
|
|
|
|
|
// Here we define the actions taken on window load.
|
|
|
|
// The three application-wide global variables are defined here.
|
|
|
|
|
|
|
|
'use strict';
|
|
|
|
|
|
|
|
var runtime, interp, io, iosAudioActive = false;
|
2013-11-01 22:44:51 -04:00
|
|
|
$(function() {
|
2013-10-28 16:00:20 -04:00
|
|
|
runtime = new Runtime();
|
|
|
|
runtime.init();
|
2013-11-01 22:44:51 -04:00
|
|
|
|
2013-10-28 16:00:20 -04:00
|
|
|
$(window).keydown(function(e) {
|
|
|
|
runtime.keysDown[e.which] = true;
|
|
|
|
runtime.startKeyHats(e.which);
|
|
|
|
});
|
2013-11-01 22:44:51 -04:00
|
|
|
|
2013-10-28 16:00:20 -04:00
|
|
|
$(window).keyup(function(e) {
|
|
|
|
delete runtime.keysDown[e.which];
|
|
|
|
});
|
2013-11-01 22:44:51 -04:00
|
|
|
|
2013-11-16 01:11:18 -05:00
|
|
|
var address = $('#address-hint');
|
|
|
|
var project = $('#project-id');
|
|
|
|
|
2013-10-28 16:00:20 -04:00
|
|
|
// Update the project ID field
|
2013-11-16 01:11:18 -05:00
|
|
|
project.val(project_id);
|
2013-11-14 20:08:52 -05:00
|
|
|
|
|
|
|
// Validate project ID field
|
2013-11-16 01:11:18 -05:00
|
|
|
project.keyup(function() {
|
2013-11-14 20:08:52 -05:00
|
|
|
var n = this.value;
|
|
|
|
|
|
|
|
// Allow URL pasting
|
|
|
|
var e = /projects\/(\d+)/.exec(n);
|
|
|
|
if (e) {
|
|
|
|
n = this.value = e[1];
|
|
|
|
}
|
|
|
|
|
|
|
|
// Eventually, this will xhr to /projects/{{this.value}}/ and
|
|
|
|
// change color based on whether the response is 404 or 200.
|
|
|
|
$('#project-id, #address-hint').toggleClass('error', isNaN(n));
|
|
|
|
});
|
|
|
|
|
|
|
|
// Focus the actual input when the user clicks on the URL hint
|
2013-11-16 01:11:18 -05:00
|
|
|
address.click(function() {
|
|
|
|
project.select();
|
|
|
|
});
|
|
|
|
|
|
|
|
var width = address.outerWidth();
|
|
|
|
project.css({
|
|
|
|
paddingLeft: width,
|
|
|
|
marginLeft: -width
|
2013-11-14 20:08:52 -05:00
|
|
|
});
|
2013-11-01 22:44:51 -04:00
|
|
|
|
2013-10-28 16:00:20 -04:00
|
|
|
// Go project button behavior
|
2013-11-14 20:08:52 -05:00
|
|
|
$('#go-project').click(function() {
|
|
|
|
window.location = '#' + parseInt($('#project-id').val());
|
2013-10-28 16:00:20 -04:00
|
|
|
window.location.reload(true);
|
|
|
|
});
|
2013-11-01 22:44:51 -04:00
|
|
|
|
2013-10-28 16:00:20 -04:00
|
|
|
// Green flag behavior
|
2013-11-14 20:08:52 -05:00
|
|
|
$('#trigger-green-flag, #overlay').click(function() {
|
|
|
|
if (!runtime.projectLoaded) return;
|
|
|
|
$('#overlay').css('display', 'none');
|
2013-10-28 16:00:20 -04:00
|
|
|
runtime.greenFlag()
|
|
|
|
});
|
2013-11-01 22:44:51 -04:00
|
|
|
|
2013-10-28 16:00:20 -04:00
|
|
|
// Stop button behavior
|
2013-11-14 20:08:52 -05:00
|
|
|
$('#trigger-stop').click(function() {
|
2013-10-28 16:00:20 -04:00
|
|
|
runtime.stopAll();
|
|
|
|
});
|
2013-11-01 22:44:51 -04:00
|
|
|
|
2013-10-28 16:00:20 -04:00
|
|
|
// Canvas container mouse events
|
|
|
|
$('#container').mousedown(function(e) {
|
|
|
|
runtime.mouseDown = true;
|
|
|
|
//e.preventDefault();
|
|
|
|
});
|
2013-11-01 22:44:51 -04:00
|
|
|
|
2013-10-28 16:00:20 -04:00
|
|
|
$('#container').mouseup(function(e) {
|
|
|
|
runtime.mouseDown = false;
|
|
|
|
//e.preventDefault();
|
|
|
|
});
|
2013-11-01 22:44:51 -04:00
|
|
|
|
2013-10-28 16:00:20 -04:00
|
|
|
$('#container').mousemove(function(e) {
|
|
|
|
var absX = e.pageX - this.offsetLeft;
|
|
|
|
var absY = e.pageY - this.offsetTop;
|
|
|
|
runtime.mousePos = [absX-240, -absY+180];
|
|
|
|
});
|
2013-11-01 22:44:51 -04:00
|
|
|
|
2013-10-28 16:00:20 -04:00
|
|
|
// Touch events - EXPERIMENTAL
|
2013-11-01 22:44:51 -04:00
|
|
|
$(window).bind('touchstart', function(e) {
|
2013-10-28 16:00:20 -04:00
|
|
|
// On iOS, we need to activate the Web Audio API
|
|
|
|
// with an empty sound play on the first touch event.
|
|
|
|
if (!iosAudioActive) {
|
|
|
|
var ibuffer = runtime.audioContext.createBuffer(1, 1, 22050);
|
|
|
|
var isource = runtime.audioContext.createBufferSource();
|
|
|
|
isource.buffer = ibuffer;
|
|
|
|
isource.connect(runtime.audioContext.destination);
|
|
|
|
isource.noteOn(0);
|
|
|
|
iosAudioActive = true;
|
|
|
|
}
|
2013-11-01 22:44:51 -04:00
|
|
|
});
|
|
|
|
|
2013-10-28 16:00:20 -04:00
|
|
|
$('#container').bind('touchstart', function(e) {
|
|
|
|
runtime.mouseDown = true;
|
|
|
|
});
|
|
|
|
|
|
|
|
$('#container').bind('touchend', function(e) {
|
|
|
|
runtime.mouseDown = true;
|
|
|
|
});
|
2013-11-01 22:44:51 -04:00
|
|
|
|
2013-10-28 16:00:20 -04:00
|
|
|
$('#container').bind('touchmove', function(e) {
|
|
|
|
var touch = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0];
|
|
|
|
var absX = touch.pageX - this.offsetLeft;
|
|
|
|
var absY = touch.pageY - this.offsetTop;
|
|
|
|
runtime.mousePos = [absX-240, -absY+180];
|
|
|
|
});
|
2013-11-01 22:44:51 -04:00
|
|
|
|
2013-10-28 16:00:20 -04:00
|
|
|
// Border touch events - EXPERIMENTAL
|
|
|
|
$('#left').bind('touchstart touchmove', function(e) { runtime.keysDown[37] = true; runtime.startKeyHats(37); });
|
|
|
|
$('#left').bind('touchend', function(e) { delete runtime.keysDown[37]; });
|
|
|
|
$('#up').bind('touchstart touchmove', function(e) { runtime.keysDown[38] = true; runtime.startKeyHats(38); });
|
|
|
|
$('#up').bind('touchend', function(e) { delete runtime.keysDown[38]; });
|
|
|
|
$('#right').bind('touchstart touchmove', function(e) { runtime.keysDown[39] = true; runtime.startKeyHats(39); });
|
|
|
|
$('#right').bind('touchend', function(e) { delete runtime.keysDown[39]; });
|
|
|
|
$('#down').bind('touchstart touchmove', function(e) { runtime.keysDown[40] = true; runtime.startKeyHats(40); });
|
|
|
|
$('#down').bind('touchend', function(e) { delete runtime.keysDown[40]; });
|
2013-11-01 22:44:51 -04:00
|
|
|
|
2013-10-28 16:00:20 -04:00
|
|
|
// Load the interpreter and primitives
|
|
|
|
interp = new Interpreter();
|
|
|
|
interp.initPrims();
|
2013-11-01 22:44:51 -04:00
|
|
|
|
2013-10-28 16:00:20 -04:00
|
|
|
// Load the requested project and go!
|
|
|
|
io = new IO();
|
|
|
|
io.loadProject(project_id);
|
|
|
|
});
|