Scratch 3.0启动指南1) Scratch 3.0对Scratch 3.0的用户界面进行了重大更改,使其易于使用和学习。 以下内容介绍了如何启动Scratch 3.0。 构建本地环境准备:1.步骤1 :成功本地运行2 .步骤2 :编译GUI项目3 .步骤3 :在虚拟环境中部署项目后的章节介绍了生产环境的部署和自定义开发。
Scratch 3.0到了
Scratch 3.0是新一代的Scratch。 这是谷歌Blockly项目的分支,使用的是HTML5而不是2.0版本。 随着H5技术的发展,原本采用闪存技术的正在向H5过渡,相对于闪存,H5的页面加载速度总体上更快,而且相对省电。 更重要的是,flash对移动端没有任何帮助,IOS不支持它。 因此,Scratch 3.0在手机和平板电脑上运行。 因为H5需要Javascript的支持,所以这在现代浏览器中没有问题。 移动端也不例外,但确实有不支持的浏览器。 那就是IE浏览器,但这也不是大问题,现在使用IE浏览器的比例也在减少。 微软在windows10上采用新内核开发了EE
由于Scratch 3.0向后兼容,因此原始2.0项目也可以在3.0中运行,但从实际测试的效果来看,某些2.0项目会崩溃3.0。
Scratch3.0用户界面进行了重大更改,易于使用和学习。
可以在单个列表中滚动所有块所有类别)。 舞台从左移动到右边,编程操作更集中的“指向”等部分块的输入方法为更为直观,可以显示表盘进行拖动。 所有项目现在都以变量我的变量)开头,供初学者学习。 笔盒和音乐块目前为http://www.Sina.com,颜色选择器块为Extensions; 所以,无论是从体系结构还是UI,3.0都比2.0有了很大的变化。 如果打算采用Scratch的话,确实会选择3.0。 如果已经采用了2.0版本,建议您过渡到3.0。 无论如何,只有移动端可以执行的理由很充分。 当然,还有其他新功能,例如声控Scratch项目。
Scratch2.0有独立版本,可以下载安装使用。 虽然对于在线物理上教授scratch的机构来说很有用,但是Scratch 3.0使用了reactjsFacebook倡导的框架技术),并在浏览器中运行,因此在后端可以进行主机Scratch 3.0
有人问我是否必须建立网站。 Scratch是否正式提供在线Scratch 3.0版本? 是的,Scratch官方提供了在线版本。 现在有测试版。 https://贝塔. Scratch.MIT.edu/
使用这个版本也可以开展教育任务,文件可以保存在当地。
有了官方版本,就不用自己建设Scratch 3.0网站了吗? 此问题效率更高海外网站首次访问时速度更慢)、是否需要品牌宣传、是否需要与学习者体系集成、是否需要统一管理学习者的进度、是否需要将作品保存到云中、需要共享和传输作品如果有这些定制的要求,建设车站是必要的。
以下内容介绍了如何面向Scratch 3.0建设工作站。 Scratch 3.0采用的模块化开发方法,可以在千兆以太网上看到Scratch 3.0的项目结构。 https://github.com/LLK
这里需要的名为scratch-gUI的项目负责渲染最后一个用户ui界面。
我们还需要一些技术准备工作。 这不是手把手的教程。 需要一些技术上的准备。 大致上,需要git、node、webpack等基本知识。 如果需要自定义开发,还需要reactjs的实力。 作为部署的一部分,还需要linux知识。
准备构建本地环境:1.步骤1 :在本地成功运行Scratch 3.0的所有项目都是开源的。 感谢伟大的开源思想。 在本地发送scratch-gui源代码git后,请按照自述文件中的说明进行操作。 努力后,通过npm start启动本地版本。 严格来说,webpack作为web server承载Scratch 3.0服务,并且可以通过localhost:8601访问scratch 3.0 GUI。 这个GUI与你访问的官方Scratch 3.0基本一致。
2 .步骤2 :要编译GUI项目,必须在webpack中编译并打包整个GUI项目,然后使用npm run Build命令最后在build目录下打包整个项目文件lib.min.js,g
ui.js, blocksonly.js, compatibilitytesting.js, player.js, index.html,以及一些静态资源文件在static目录下,在我们请求index.html文件时,会加载gui.js, gui.js依赖于lib.min.js,因此也会被同时加载,对于运行GUI来说需要的是lib.min.js, gui.js, index.html和static目录资源
3. 步骤三:将项目部署到虚拟环境
你需要一个服务器来Host它,可以使用Virtual Box或使用vagrant来创建一个虚拟服务器,服务器的操作系统可以采用centos,系统的配置就相对简单了,因为Host的基本都是静态文件,当然,你还需要nginx或apache作为服务器代理来处理http的请求,因为在本地端的要求比较简单,所以,如果使用nginx的话,在default.conf配置一下Location目录,将在步骤二打包的build目录下的文件全部copy到该目录下,这时你通过80端口来访问这台虚拟服务器就可以看到Scratch 3.0的GUI了。
在后边的章节我们将再讲一些关于生产环境部署,以及定制开发的内容。
参考网站:https://www.wecoding.com.cn