scratchfoundation/scratch-html5
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge c4b883f72a into fda87985c7

Browse source
This commit is contained in:
Cythral 2016-06-13 19:33:58 +00:00 • committed by GitHub
commit 7785ef2b7b
4 changed files with 208 additions and 192 deletions
Download patch file Download diff file Expand all files Collapse all files

134
compare.html
View file

@ -1,22 +1,46 @@
<!DOCTYPE html> <!DOCTYPE html>
<meta charset=utf-8> <html lang="en">
<title>Scratch HTML5 vs. Flash</title> <head>
<meta charset="utf-8">
<title>Scratch HTML5 vs Flash</title>
<link rel=stylesheet href=player.css> <!-- iPad properties: set width, disable pinch zoom -->
<link rel=stylesheet href=compare.css> <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">
<script src=http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js></script> <!-- Stylesheets -->
<script src=http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js></script> <link rel=stylesheet href="player.css">
<link rel=stylesheet href="compare.css">
<!-- Scripts -->
<script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<script src="js/util/Timer.js" defer></script>
<script src="js/util/OffsetBuffer.js" defer></script>
<script src="js/util/Color.js" defer></script>
<script src="js/util/Rectangle.js" defer></script>
<script src="js/Sprite.js" defer></script>
<script src="js/Reporter.js" defer></script>
<script src="js/Stage.js" defer></script>
<script src="js/sound/WAVFile.js" defer></script>
<script src="js/sound/SoundDecoder.js" defer></script>
<script src="js/sound/SoundBank.js" defer></script>
<script src="js/sound/NotePlayer.js" defer></script>
<script src="soundbank/Instr.js" defer></script>
<script src="js/IO.js" defer></script>
<script src="js/primitives/VarListPrims.js" defer></script>
<script src="js/primitives/MotionAndPenPrims.js" defer></script>
<script src="js/primitives/LooksPrims.js" defer></script>
<script src="js/primitives/SensingPrims.js" defer></script>
<script src="js/primitives/SoundPrims.js" defer></script>
<script src="js/primitives/Primitives.js" defer></script>
<script src="js/Interpreter.js" defer></script>
<script src="js/Runtime.js" defer></script>
<script src="js/Scratch.js" defer></script>
<script src="js/init.js" defer></script>
<script>
$(document).ready(function() { $(document).ready(function() {
var project_id = location.hash && parseInt(location.hash.substr(1)) || 10000160;
var scratch = new Scratch(project_id);
});
</script>
<script>
var flashLog = null; var flashLog = null;
var project_id = location.hash && parseInt(location.hash.substr(1)) || 10000160; var project_id = location.hash && parseInt(location.hash.substr(1)) || 10000160;
$(function() { $(function() {
@ -76,64 +100,54 @@
var text = opCount + ': '+opName+'('+args.join(', ')+')'; var text = opCount + ': '+opName+'('+args.join(', ')+')';
flashLog.val(flashLog.val() + text + "\n"); flashLog.val(flashLog.val() + text + "\n");
} }
</script> })
</script>
<div class=container> </head>
<div id=player-container> <body>
<div class="arrow vertical" id=up></div> <div class="container">
<div class="arrow vertical" id=down></div> <div id="player-container">
<div class="arrow horizontal" id=left></div> <div class="arrow vertical" id="up"></div>
<div class="arrow horizontal" id=right></div> <div class="arrow vertical" id="down"></div>
<div id=player-header> <div class="arrow horizontal" id="left"></div>
<div id=player-header-preload></div> <div class="arrow horizontal" id="right"></div>
<div id=player-header-version>HTML5</div> <div id="player-header">
<div id="player-header-preload"></div>
<div id="player-header-version">HTML5</div>
<button id=toggle-fullscreen tabindex=1></button> <button id=toggle-fullscreen tabindex=1></button>
<button id=trigger-stop tabindex=3></button> <button id=trigger-stop tabindex=3></button>
<button id=trigger-green-flag tabindex=2></button> <button id=trigger-green-flag tabindex=2></button>
</div> </div>
<div id=player-content> <div id="player-content">
<div id=container></div> <div id="container"></div>
<div id=overlay></div> <div id="overlay"></div>
<div id=preloader> <div id="preloader">
<div id=preloader-progress><div id=preloader-progress-bar></div></div> <div id="preloader-progress"><div id="preloader-progress-bar"></div></div>
<div id=preloader-caption>Loading project&hellip;</div> <div id="preloader-caption">Loading project&hellip;</div>
<div id=preloader-details></div> <div id="preloader-details"></div>
</div> </div>
</div> </div>
</div> </div>
<textarea id=js-debug readonly></textarea> <textarea id=js-debug readonly></textarea>
<div id=project-picker> <div id="project-picker">
<span id=address-hint>http://scratch.mit.edu/projects/</span><input id=project-id placeholder=10000160><button id=go-project>&rarr;</button> <span id="address-hint">http://scratch.mit.edu/projects/</span><input id=project-id placeholder=10000160><button id="go-project">&rarr;</button>
</div> </div>
</div><div class=container> </div>
<div id=flash-scratch> <div class="container">
<div id="flash-scratch">
<p>Oh Noes! Scratch project cannot display.<br>Flash player is disabled, missing, or less than version 10.2.</p> <p>Oh Noes! Scratch project cannot display.<br>Flash player is disabled, missing, or less than version 10.2.</p>
<a href=http://www.adobe.com/go/getflashplayer> <a href=http://www.adobe.com/go/getflashplayer>
<img src=http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif alt="Get Adobe Flash player" target=_blank> <img src=http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif alt="Get Adobe Flash player" target=_blank>
</a> </a>
</div> </div>
<textarea id=flash-debug readonly></textarea> <textarea id="flash-debug" readonly></textarea>
</div> </div>
</body>
</html>
<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>

94
index.html
View file

@ -1,26 +1,46 @@
<!DOCTYPE html> <!DOCTYPE html>
<meta charset=utf-8> <html lang="en">
<title>Scratch HTML5</title> <head>
<meta charset="utf-8">
<title>Scratch HTML5</title>
<!-- iPad properties: set width, disable pinch zoom --> <!-- iPad properties: set width, disable pinch zoom -->
<meta name=apple-mobile-web-app-capable content=yes> <meta name="apple-mobile-web-app-capable" content="yes">
<meta name=viewport content="user-scalable=no, width=540"> <meta name="viewport" content="user-scalable=no, width=540">
<meta name=apple-mobile-web-app-status-bar-style content=black> <meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel=stylesheet href=player.css> <!-- Stylesheets -->
<link rel=stylesheet href=index.css> <link rel=stylesheet href="player.css">
<link rel=stylesheet href="index.css">
<script src=http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js></script> <!-- Scripts -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="js/util/Timer.js" defer></script>
<script type="text/javascript"> <script src="js/util/OffsetBuffer.js" defer></script>
$(document).ready(function() { <script src="js/util/Color.js" defer></script>
var project_id = location.hash && parseInt(location.hash.substr(1)) || 10000160; <script src="js/util/Rectangle.js" defer></script>
var scratch = new Scratch(project_id); <script src="js/Sprite.js" defer></script>
}); <script src="js/Reporter.js" defer></script>
</script> <script src="js/Stage.js" defer></script>
<script src="js/sound/WAVFile.js" defer></script>
<div id=player-container> <script src="js/sound/SoundDecoder.js" defer></script>
<script src="js/sound/SoundBank.js" defer></script>
<script src="js/sound/NotePlayer.js" defer></script>
<script src="soundbank/Instr.js" defer></script>
<script src="js/IO.js" defer></script>
<script src="js/primitives/VarListPrims.js" defer></script>
<script src="js/primitives/MotionAndPenPrims.js" defer></script>
<script src="js/primitives/LooksPrims.js" defer></script>
<script src="js/primitives/SensingPrims.js" defer></script>
<script src="js/primitives/SoundPrims.js" defer></script>
<script src="js/primitives/Primitives.js" defer></script>
<script src="js/Interpreter.js" defer></script>
<script src="js/Runtime.js" defer></script>
<script src="js/Scratch.js" defer></script>
<script src="js/init.js" defer></script>
</head>
<body>
<div id=player-container>
<div class="arrow vertical" id=up></div> <div class="arrow vertical" id=up></div>
<div class="arrow vertical" id=down></div> <div class="arrow vertical" id=down></div>
<div class="arrow horizontal" id=left></div> <div class="arrow horizontal" id=left></div>
@ -41,35 +61,13 @@
<div id=preloader-details></div> <div id=preloader-details></div>
</div> </div>
</div> </div>
</div> </div>
<div id=project-picker> <div id=project-picker>
<span id=address-hint>http://scratch.mit.edu/projects/</span><input id=project-id placeholder=10000160><button id=go-project>&rarr;</button> <span id=address-hint>http://scratch.mit.edu/projects/</span><input id=project-id placeholder=10000160><button id=go-project>&rarr;</button>
</div> </div>
<h1>Scratch HTML5 player</h1> <h1>Scratch HTML5 player</h1>
<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>.</p> <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>.</p>
</body>
<script src=js/util/Timer.js></script> </html>
<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" src="js/Scratch.js"></script>

4
js/init.js Normal file
View file

@ -0,0 +1,4 @@
$(document).ready(function() {
var project_id = location.hash && parseInt(location.hash.substr(1)) || 10000160;
var scratch = new Scratch(project_id);
});

2
package.json
View file

@ -11,7 +11,7 @@
}, },
"dependencies": {}, "dependencies": {},
"devDependencies": { "devDependencies": {
"jasmine-jquery": "~1.3.3", "jasmine-jquery": "~2.0.5",
"jscs": "~1.3.0", "jscs": "~1.3.0",
"karma": "~0.10", "karma": "~0.10",
"karma-html2js-preprocessor": "~0.1.0", "karma-html2js-preprocessor": "~0.1.0",