如何自动加载scratch3.0的页面上实现自动加载原有的作品

今天药忘吃喽~ 2023-07-15 13:05 20阅读 0赞

首先，我们在安装scratch3。0后，浏览器默认打开的是编程的页面。如下图：

![format_png][]

那么我们希望开发一个功能，就是打开的时候默认加入某一个SB3的开发文件

1.首先，我们需要有一个.SB3的开发文件，建议上传到STATIC目录下

2、找到scratch-gui-develop>src>container》gui.jsx文件

![format_png 1][]

找到44行的componentDidMount函数

新增以下代码

const url="/static/123.sb3";

fetch(url,\{

method: 'GET'

\})

.then(response=>response.blob())

.then(blob=>\{

const reader=new FileReader();

reader.οnlοad=()=>this.props.vm.loadProject(reader.result)

.then(()=>\{

GoogleAnalytics.event(\{

category:'project',

action:'Import Project File',

nonInteraction:true

\})

\})

reader.readAsArrayBuffer(blob)

\})

.catch(error=>\{

alert(\`远程加载文件错误！$\{error\}\`)

\})

![format_png 2][]

文件加载完毕

此外，我们例如希望开发像修改作业之类的，我们可以需要进行文件的传递

我们需要将上面的第一行

* const url="/static/123.sb3";*

*更改为*

* const url=window.projecturl;*

*然后呢。在首页，例如paly.html添加上以上代码，或者自己用参数来传递*

<script>

window.projectUrl="https://steam.nosdn.127.net/885318eb-ad83-44c4-afe3-d3bea0a0d2ab.sb3";

</script>

[format_png]: /images/20230528/ff35e853625943c9be96a1d6836be2ac.png
[format_png 1]: /images/20230528/59f1df094ba640edb97ded2fad25b124.png
[format_png 2]: /images/20230528/2f0037e26e3646c39eada325e9e930a4.png

发表评论取消回复

表情：

评论列表（有 0 条评论，20人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS页面加载时候的自动加载函数的方法

方法一：jquery 中：$(function()\{\}）括号内写你的内容 <script> $(function () {

朱雀/ 2024年04月08日 12:44/ 0 赞/ 103 阅读

相关怎么实现Servlet的自动加载

在实际开发时，有时候会希望某些Servlet程序可以在Tomcat启动时随即启动。但在默认情况下，第一次访问servlet的时候，才创建servlet对象。如果servle

电玩女神/ 2024年02月05日 19:25/ 0 赞/ 22 阅读

相关如何自动加载scratch3.0的页面上实现自动加载原有的作品

首先，我们在安装scratch3。0后，浏览器默认打开的是编程的页面。如下图： ![format_png][] 那么我们希望开发一个功能，就是打开的时候默

今天药忘吃喽~/ 2023年07月15日 13:05/ 0 赞/ 21 阅读

相关 jquery页面加载后自动执行

1、$(function()\{ 　　$("\a").click(function()\{ 　　　　//adding your code here 　　\})

怼烎@/ 2023年07月01日 08:37/ 0 赞/ 45 阅读

相关自动加载

类自动加载 > 在编写面向对象程序时，每个类新建一个PHP文件,这会带来一个烦恼：每个脚本的开头，都需要`require`一个长长的列表。这就需要一种自动加载机制。 >

妖狐艹你老母/ 2023年02月28日 05:26/ 0 赞/ 226 阅读

相关 PHP类的自动加载

通常我们写一个类如下： a.php class A \{ public function \_\_construct() \{ echo "hello worl

谁借莪１个温暖的怀抱￠/ 2022年07月12日 10:56/ 0 赞/ 213 阅读

相关使用composer实现自动加载

准备工作：提前安装好composer 1.创建项目目录OOP 2.OOP目录下新建composer.json文件，composer.json是一个空json文件，

系统管理员/ 2022年06月02日 01:48/ 0 赞/ 216 阅读

相关 Composer 中的自动加载

简介对于文件的自动加载，Composer 生成了一个 vendor/autoload.php 文件。你可以简单的引入这个文件，就会得到自动加载的支持。 req

待我称王封你为后i/ 2022年05月25日 07:08/ 0 赞/ 293 阅读

相关页面加载-自动运行（方法总结）

一、在 HTML 中： <%@ page language="java" contentType="text/html; charset=UTF-8"

约定不等于承诺〃/ 2021年11月27日 06:38/ 0 赞/ 336 阅读

相关 PHP自动加载

php类的自动加载机制 Test1.class.php <?php class Test1 { public stati

一时失言乱红尘/ 2021年09月30日 14:52/ 0 赞/ 393 阅读