mirror of
https://github.com/scratchfoundation/scratch-html5.git
synced 2024-12-01 03:16:59 -05:00
77 lines
No EOL
3.4 KiB
HTML
Executable file
77 lines
No EOL
3.4 KiB
HTML
Executable file
<!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" />
|
|
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
|
|
<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>
|
|
<script type="text/javascript">
|
|
$(function() {
|
|
$("#project_id").keyup(function(){
|
|
// Eventually, this will xhr to /projects/{{this.value}}/ and
|
|
// change color based on whether the response is 404 or 200.
|
|
if (isNaN(this.value)) {
|
|
this.style.backgroundColor = "#FDD";
|
|
} else {
|
|
this.style.backgroundColor = "#DFD";
|
|
}
|
|
})
|
|
});
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="wrapper">
|
|
<h1>Scratch HTML5 player</h1>
|
|
<div id="up">▲</div>
|
|
<div id="ui-top">
|
|
<div id="info">Loading…</div>
|
|
<button id="trigger_stop">■</button>
|
|
<button id="trigger_green_flag">⚑</button>
|
|
<div class="clearer"></div>
|
|
</div>
|
|
<div id="left">◀</div>
|
|
<div id="overContainer">
|
|
<div id="greenSlide"><div id="greenSlideFg"><img src="img/greenflag.png"></div></div>
|
|
<div id="container"></div>
|
|
</div>
|
|
<div id="right">▶</div>
|
|
<div id="ui-bottom">
|
|
<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>
|
|
<div id="down">▼</div>
|
|
<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>.
|
|
</div>
|
|
</body>
|
|
</html> |