mirror of
https://github.com/scratchfoundation/scratch-html5.git
synced 2024-11-28 18:16:11 -05:00
122 lines
4.2 KiB
JavaScript
122 lines
4.2 KiB
JavaScript
// 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;
|
|
$(function() {
|
|
runtime = new Runtime();
|
|
runtime.init();
|
|
|
|
$(window).keydown(function(e) {
|
|
runtime.keysDown[e.which] = true;
|
|
runtime.startKeyHats(e.which);
|
|
});
|
|
|
|
$(window).keyup(function(e) {
|
|
delete runtime.keysDown[e.which];
|
|
});
|
|
|
|
// Update the project ID field
|
|
$('#project_id').val(project_id);
|
|
|
|
// Go project button behavior
|
|
$('#go_project').click(function() {
|
|
window.location = "#" + parseInt($('#project_id').val());
|
|
window.location.reload(true);
|
|
});
|
|
|
|
// Green flag behavior
|
|
$('#trigger_green_flag, #greenSlide').click(function() {
|
|
$('#greenSlide').css('display', 'none');
|
|
runtime.greenFlag()
|
|
});
|
|
|
|
// Stop button behavior
|
|
$('#trigger_stop').click(function() {
|
|
runtime.stopAll();
|
|
});
|
|
|
|
// Canvas container mouse events
|
|
$('#container').mousedown(function(e) {
|
|
runtime.mouseDown = true;
|
|
//e.preventDefault();
|
|
});
|
|
|
|
$('#container').mouseup(function(e) {
|
|
runtime.mouseDown = false;
|
|
//e.preventDefault();
|
|
});
|
|
|
|
$('#container').mousemove(function(e) {
|
|
var absX = e.pageX - this.offsetLeft;
|
|
var absY = e.pageY - this.offsetTop;
|
|
runtime.mousePos = [absX-240, -absY+180];
|
|
});
|
|
|
|
// Touch events - EXPERIMENTAL
|
|
$(window).bind('touchstart', function(e) {
|
|
// 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;
|
|
}
|
|
});
|
|
|
|
$('#container').bind('touchstart', function(e) {
|
|
runtime.mouseDown = true;
|
|
});
|
|
|
|
$('#container').bind('touchend', function(e) {
|
|
runtime.mouseDown = true;
|
|
});
|
|
|
|
$('#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];
|
|
});
|
|
|
|
// 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]; });
|
|
|
|
// Load the interpreter and primitives
|
|
interp = new Interpreter();
|
|
interp.initPrims();
|
|
|
|
// Load the requested project and go!
|
|
io = new IO();
|
|
io.loadProject(project_id);
|
|
});
|