Spaces:
Running
Running
<html> | |
<head> | |
<meta charset="utf-8"> | |
<title>ScratchJS</title> | |
<!-- | |
Copyright (c) 2013-2020 Vanessa Freudenberg | |
Permission is hereby granted, free of charge, to any person obtaining a copy | |
of this software and associated documentation files (the "Software"), to deal | |
in the Software without restriction, including without limitation the rights | |
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell | |
copies of the Software, and to permit persons to whom the Software is | |
furnished to do so, subject to the following conditions: | |
The above copyright notice and this permission notice shall be included in | |
all copies or substantial portions of the Software. | |
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR | |
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, | |
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE | |
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER | |
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, | |
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN | |
THE SOFTWARE. | |
--> | |
<link rel="icon" type="image/png" href="scratch.png"> | |
<link rel="apple-touch-icon" href="scratch.png" sizes="152x152"> | |
<meta name="viewport" content="minimum-scale=1,maximum-scale=1,width=device-width"> | |
<meta name="apple-mobile-web-app-capable" content="yes"> | |
<meta name="msapplication-TileImage" content="scratch.png"> | |
<link rel="stylesheet" href="lib/gh-fork-ribbon.css"> | |
<link rel="stylesheet" href="lib/addtohomescreen.css"> | |
<script src="lib/addtohomescreen.js"></script> | |
<link rel="stylesheet" href="scratch.css"> | |
<script type="module" src="squeak.js"></script> | |
<script> | |
//0.5.js | |
/* | |
* Copyright (c) 2013-2020 Vanessa Freudenberg | |
* | |
* Permission is hereby granted, free of charge, to any person obtaining a copy | |
* of this software and associated documentation files (the "Software"), to deal | |
* in the Software without restriction, including without limitation the rights | |
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell | |
* copies of the Software, and to permit persons to whom the Software is | |
* furnished to do so, subject to the following conditions: | |
* | |
* The above copyright notice and this permission notice shall be included in | |
* all copies or substantial portions of the Software. | |
* | |
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR | |
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, | |
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE | |
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER | |
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, | |
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN | |
* THE SOFTWARE. | |
*/ | |
var fullscreen = navigator.standalone || | |
window.matchMedia('(max-device-width: 800px) and (max-device-height: 800px)').matches; | |
window.onload = function() { | |
// URLのハッシュ部分を取得し、前後の#を取り除く | |
var hash = window.location.hash.substring(1); // 例: #0.5 → "0.5" | |
// デフォルト値を設定(ハッシュがない場合) | |
var imageName = hash ? hash : "1.4"; // "default" は任意の初期ファイル名 | |
var url = "/images/" + imageName + ".image"; | |
SqueakJS.runSqueak(url, sqCanvas, { | |
appName: "Scratch", | |
fullscreen: fullscreen, | |
header: sqHeader, | |
footer: sqFooter, | |
spinner: sqSpinner, | |
fullscreenCheckbox: sqFullscreen, | |
root: "/Scratchy", | |
templates: ["Projects", "Media", "Help", "locale"], | |
}); | |
}; | |
if (addToHomescreen.isStandalone) | |
fullscreen = true; | |
else addToHomescreen({ | |
appID: 'squeakjs.scratch.add2home', | |
}); | |
</script> | |
</head> | |
<body> | |
<div id="sqHeader" hidden> | |
<label title="Make Scratch as large as possible"><input id="sqFullscreen" type="checkbox">full screen</label> | |
</div> | |
<div id="sqFooter" hidden> | |
</div> | |
<canvas id="sqCanvas"></canvas> | |
<div id="sqSpinner"><div></div></div> | |
</body> | |
</html> |