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 : "0.5"; // "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> |