scratchfoundation/scratch-html5
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-html5.git synced 2024-12-11 00:02:22 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions
scratch-html5/compare.html

135 lines
4.9 KiB
HTML
Raw Normal View History

Initial commit.
2013-10-28 16:00:20 -04:00
<!DOCTYPE html>
Updated theme to be more like the Flash player Also: - The project input field now allows pasting of URLs - The overlay cannot be clicked while the project is loading
2013-11-14 20:08:52 -05:00
<meta charset=utf-8>
<title>Scratch HTML5 vs. Flash</title>
Initial commit.
2013-10-28 16:00:20 -04:00
Updated theme to be more like the Flash player Also: - The project input field now allows pasting of URLs - The overlay cannot be clicked while the project is loading
2013-11-14 20:08:52 -05:00
<link rel=stylesheet href=player.css>
<link rel=stylesheet href=compare.css>
Initial commit.
2013-10-28 16:00:20 -04:00
Updated theme to be more like the Flash player Also: - The project input field now allows pasting of URLs - The overlay cannot be clicked while the project is loading
2013-11-14 20:08:52 -05:00
<script src=//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js></script>
<script src=//ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js></script>
Initial commit.
2013-10-28 16:00:20 -04:00
Updated theme to be more like the Flash player Also: - The project input field now allows pasting of URLs - The overlay cannot be clicked while the project is loading
2013-11-14 20:08:52 -05: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>
Initial commit.
2013-10-28 16:00:20 -04:00
Updated theme to be more like the Flash player Also: - The project input field now allows pasting of URLs - The overlay cannot be clicked while the project is loading
2013-11-14 20:08:52 -05:00
<script>
var project_id = location.hash && parseInt(location.hash.substr(1)) || 10000160;
</script>
Fixed look of the green flag over the HTML5 player. Moved some styles into compare.css from compare.html. Implemented debug logs for Javascript and Actionscript to compare the operation of both virtual machines. Moved start and stop buttons above the players.
2013-11-04 01:11:05 -05:00
Updated theme to be more like the Flash player Also: - The project input field now allows pasting of URLs - The overlay cannot be clicked while the project is loading
2013-11-14 20:08:52 -05:00
<script>
var flashLog = null;
$(function() {
// The flashvars tell flash about the project data (and autostart=true)
var flashvars = {
server: encodeURIComponent('scratch.mit.edu'),
debugOps: true,
debugOpCmd: 'debugFlash',
project_id: project_id
};
Fixed look of the green flag over the HTML5 player. Moved some styles into compare.css from compare.html. Implemented debug logs for Javascript and Actionscript to compare the operation of both virtual machines. Moved start and stop buttons above the players.
2013-11-04 01:11:05 -05:00
Updated theme to be more like the Flash player Also: - The project input field now allows pasting of URLs - The overlay cannot be clicked while the project is loading
2013-11-14 20:08:52 -05:00
var params = {
allowscriptaccess: 'always',
allowfullscreen: 'false',
wmode: 'direct',
menu: 'false'
};
Fixed look of the green flag over the HTML5 player. Moved some styles into compare.css from compare.html. Implemented debug logs for Javascript and Actionscript to compare the operation of both virtual machines. Moved start and stop buttons above the players.
2013-11-04 01:11:05 -05:00
Updated theme to be more like the Flash player Also: - The project input field now allows pasting of URLs - The overlay cannot be clicked while the project is loading
2013-11-14 20:08:52 -05:00
var flashPlayer = null;
//var swf_url = "http://cdn.scratch.mit.edu/scratchr2/static/Scratch.swf";
var swf_url = "http://jiggler.media.mit.edu/shanemc/scratchr2/static/Scratch.swf";
swfobject.embedSWF(swf_url, "flash-scratch", "482", "402", "10.2.0",
"http://cdn.scratch.mit.edu/scratchr2/static/expressInstall.swf",
flashvars, params, null, function(e) {
$('#flash-scratch').css('visibility', 'visible');
if (e.success) flashPlayer = e.ref;
Formatting and indentation fixes
2013-11-01 22:44:51 -04:00
});
Fixed look of the green flag over the HTML5 player. Moved some styles into compare.css from compare.html. Implemented debug logs for Javascript and Actionscript to compare the operation of both virtual machines. Moved start and stop buttons above the players.
2013-11-04 01:11:05 -05:00
Updated theme to be more like the Flash player Also: - The project input field now allows pasting of URLs - The overlay cannot be clicked while the project is loading
2013-11-14 20:08:52 -05:00
$('#trigger-green-flag, #overlay').click(function() {
flashPlayer.ASstartRunning();
});
// Stop button behavior
$('#trigger-stop').click(function() {
flashPlayer.ASstopRunning();
});
flashLog = $('#flash-debug');
var jsLog = $('#js-debug');
interp.debugOps = true;
interp.debugFunc = function(opCount, opName, args) {
var text = opCount + ': ' + opName + '(' + args.join(', ') + ')';
jsLog.val(jsLog.val() + text + "\n");
};
// Setup synchronized scrolling
flashLog.scroll(function() {
jsLog.scrollTop(flashLog.scrollTop());
});
jsLog.scroll(function() {
flashLog.scrollTop(jsLog.scrollTop());
});
});
function debugFlash(opCount, opName, args) {
var text = opCount + ': '+opName+'('+args.join(', ')+')';
flashLog.val(flashLog.val() + text + "\n");
}
</script>
<div class=container>
<div id=player-container>
<div class="arrow vertical" id=up></div>
<div class="arrow vertical" id=down></div>
<div class="arrow horizontal" id=left></div>
<div class="arrow horizontal" id=right></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=trigger-stop tabindex=3></button>
<button id=trigger-green-flag tabindex=2></button>
Fixed clicking bug and added changes to the COMPARE page.
2013-11-04 21:52:33 -05:00
</div>
Updated theme to be more like the Flash player Also: - The project input field now allows pasting of URLs - The overlay cannot be clicked while the project is loading
2013-11-14 20:08:52 -05:00
<div id=player-content>
<div id=container></div>
<div id=overlay></div>
<div id=preloader>
<div id=preloader-progress><div id=preloader-progress-bar></div></div>
<div id=preloader-caption>Loading project&hellip;</div>
<div id=preloader-details></div>
</div>
Formatting and indentation fixes
2013-11-01 22:44:51 -04:00
</div>
Initial commit.
2013-10-28 16:00:20 -04:00
</div>
Updated theme to be more like the Flash player Also: - The project input field now allows pasting of URLs - The overlay cannot be clicked while the project is loading
2013-11-14 20:08:52 -05:00
<textarea id=js-debug readonly></textarea>
<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>
</div>
</div><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>
<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>
</a>
Initial commit.
2013-10-28 16:00:20 -04:00
</div>
Updated theme to be more like the Flash player Also: - The project input field now allows pasting of URLs - The overlay cannot be clicked while the project is loading
2013-11-14 20:08:52 -05:00
<textarea id=flash-debug readonly></textarea>
</div>
Reference in a new issue Copy permalink