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

早过忘川 提交于 2020-08-11 12:20:05

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

 

 

 

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

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

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

 

找到44行的componentDidMount函数

  新增以下代码

 
        const url="/static/123.sb3";
        fetch(url,{
            method: 'GET'
        })
        .then(response=>response.blob())
        .then(blob=>{
            const reader=new FileReader();
            reader.onload=()=>this.props.vm.loadProject(reader.result)
            .then(()=>{
                GoogleAnalytics.event({
                    category:'project',
                    action:'Import Project File',
                    nonInteraction:true
                })
            })
            reader.readAsArrayBuffer(blob)
        })
        .catch(error=>{
            alert(`远程加载文件错误!${error}`)
        })

 

 

 

文件加载完毕

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

我们需要将上面的第一行

 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>

 

--------------------------------------------------------------------

博主:雷君(微软MVP,众聚互联CEO)

长期致力于企业IT服务,以及青少年编程培训课程

培训机构讨论热线:18859773999

--------------------------------------------------------------------

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!