2013-10-28 16:00:20 -04:00
<!DOCTYPE html>
< html >
< head >
< title > Scratch HTML5< / title >
< meta charset = "utf-8" >
<!-- iPad properties: set width, disable pinch zoom -->
< meta name = "apple-mobile-web-app-capable" content = "yes" >
< meta name = "viewport" content = "user-scalable=no, width=540" / >
< meta name = "apple-mobile-web-app-status-bar-style" content = "black" >
< link href = "player.css" type = "text/css" rel = "stylesheet" / >
2013-11-04 23:18:47 -05:00
< script src = "//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" > < / script >
2013-10-28 16:00:20 -04:00
< script src = "js/util/Timer.js" > < / script >
< script src = "js/util/OffsetBuffer.js" > < / script >
< script src = "js/util/Color.js" > < / script >
< script src = "js/util/Rectangle.js" > < / script >
< script src = "js/Sprite.js" > < / script >
< script src = "js/Reporter.js" > < / script >
< script src = "js/Stage.js" > < / script >
< script src = "js/sound/WAVFile.js" > < / script >
< script src = "js/sound/SoundDecoder.js" > < / script >
< script src = "js/sound/SoundBank.js" > < / script >
< script src = "js/sound/NotePlayer.js" > < / script >
< script src = "soundbank/Instr.js" > < / script >
< script src = "js/IO.js" > < / script >
< script src = "js/primitives/VarListPrims.js" > < / script >
< script src = "js/primitives/MotionAndPenPrims.js" > < / script >
< script src = "js/primitives/LooksPrims.js" > < / script >
< script src = "js/primitives/SensingPrims.js" > < / script >
< script src = "js/primitives/SoundPrims.js" > < / script >
< script src = "js/primitives/Primitives.js" > < / script >
< script src = "js/Interpreter.js" > < / script >
< script src = "js/Runtime.js" > < / script >
< script src = "js/Scratch.js" > < / script >
< script type = "text/javascript" >
if (window.location.hash) {
var project_id = parseInt(window.location.hash.substr(1));
} else {
var project_id = 10000160; // Default project for display
}
< / script >
2013-11-03 20:57:46 -05:00
< script type = "text/javascript" >
$(function() {
$("#project_id").keyup(function(){
2013-11-03 21:46:05 -05:00
// Eventually, this will xhr to /projects/{{this.value}}/ and
// change color based on whether the response is 404 or 200.
2013-11-03 20:57:46 -05:00
if (isNaN(this.value)) {
this.style.backgroundColor = "#FDD";
} else {
this.style.backgroundColor = "#DFD";
}
})
});
< / script >
2013-10-28 16:00:20 -04:00
< / head >
< body >
2013-11-02 19:00:36 -04:00
< div id = "wrapper" >
< h1 > Scratch HTML5 player< / h1 >
2013-11-02 19:32:58 -04:00
< div id = "up" > ▲ < / div >
< div id = "ui-top" >
2013-11-03 20:57:46 -05:00
< div id = "info" > Loading… < / div >
2013-11-02 19:32:58 -04:00
< button id = "trigger_stop" > ■ < / button >
< button id = "trigger_green_flag" > ⚑ < / button >
< div class = "clearer" > < / div >
2013-11-02 19:00:36 -04:00
< / div >
2013-11-02 19:32:58 -04:00
< div id = "left" > ◀ < / div >
2013-11-02 19:00:36 -04:00
< div id = "overContainer" >
< div id = "greenSlide" > < div id = "greenSlideFg" > < img src = "img/greenflag.png" > < / div > < / div >
< div id = "container" > < / div >
< / div >
2013-11-02 19:32:58 -04:00
< div id = "right" > ▶ < / div >
< div id = "ui-bottom" >
2013-11-03 20:57:46 -05:00
< span id = "address-hint" > http://scratch.mit.edu/projects/< / span > < input type = "text" name = "project_id" id = "project_id" placeholder = "10000160" / > < button id = 'go_project' > → < / button > < / div >
2013-11-02 19:32:58 -04:00
< div id = "down" > ▼ < / div >
2013-11-02 19:00:36 -04:00
< p > The Scratch HTML5 player is still in development. Feedback is welcome! Please report any bugs (or differences from the Flash player) < a href = "https://github.com/LLK/scratch-html5" > on Github< / a > .
2013-10-28 16:00:20 -04:00
< / div >
< / body >
2013-11-02 19:00:36 -04:00
< / html >
