- 博客(16)
- 资源 (1)
- 收藏
- 关注
原创 scratch3.0二次开发之从scratch-www解读引入的scratch-gui的props设置(显示保存、分享等按钮)
scratch-www,scratch网页标准客户端(Standalone web client for Scratch),用来搭建scratch网站。scratch-www通过在网页中引入scratch-gui来实现scratch的功能。文章介绍了引入的gui的props属性设置解读。
2020-02-07 20:21:36 8181 2
原创 scratch3.0二次开发之scratch-gui登陆功能的实现
scratch-gui加载的时候是没有登陆功能的。但官网是有的官网有,难道下载的scratch-gui里没有带登陆功能吗?不是的。scratch-gui带了这个功能。在src\components\menu-bar.jsx文件中有这段代码。这是设置右边的几种状态的。this.props.sessionExists的属性是什么呢?state.session是scratch-gui里没...
2019-11-14 15:38:34 6108 10
原创 scratch3.0二次开发之scratch-blocks中的blocks的类型、定义和使用方法
scratch-blocks是scratch-gui依赖的一个基本模块。它的作用是生成gui界面上的blocks。blocks的作用是通过拖曳的方法组成blocks堆块,点击greenflag控件,舞台区(stage)会有相应的变化。
2019-10-27 15:59:33 9909 2
原创 scratch3.0二次开发之scratch-blocks的免编译修改方法
问题现象:scratch-gui依赖的scratch-blocks模块在安装的时候编译会报错。原因:scratch-blocks编译时要调用的build.py文件运行时发生错误。代码压缩的过程是build.py通过一个closure-library的插件处理后,发送到谷歌的服务器进行压缩,返回的结果会生成blocks_compressed.js,blocks_compressed_horizo...
2019-10-21 20:03:20 6092 9
原创 scratch3.0二次开发之初始项目加载
1、代码文件位置:scratch-gui\src\lib\default-project\index.js/* eslint-disable import/no-unresolved */import popWav from '!arraybuffer-loader!./83a9787d4cb6f3b7632b4ddfebf74367.wav';import meowWav from '!a...
2019-10-07 20:26:32 4498
原创 scratch3.0二次开发之scratch-gui安装
1、安装前的准备工作确认已经在电脑上安装了最新的node.js。确认方法是windows系统进入cmd,输入node -v 获得node的版本号。没有安装的话需要到node.js官网下载。2、下载scratch-gui下载地址https://github.com/LLK/scratch-gui,网页有scratch-gui的英文安装说明,可以根据步骤操作,下载完成后进入scratch-gui...
2019-09-16 20:04:11 9410 3
原创 scratch3.0二次开发之scratch-www本地开发测试环境部署
前提scratch-www在计算机上安装好,启动scratch-www后,你会发现在浏览器中显示的是和官网一样的框架,但是没有官网那样具体的内容。因为scratch-www虽然提供了前端的显示框架,但是后台的代码是没有的。...
2020-07-18 15:23:24 3142 3
原创 scratch3.0二次开发之用blocks生成python代码
在开始之前,先回顾下之前写的文章《scratch3.0二次开发之blocks生成代码思路》,在文章里大概地写了生成代码的几个步骤,读者看了可能还不太理解,这是根据我的开发经验写出来的。现在具体写写实现的方法。一、引入一个生成代码的文件,比如要生成arduino代码,就要引入生成arduino代码的文件,要生成python代码,就要引入python文件。这个生成代码的文件是从Blockly引入进来的,scratch-blocks是在blockly的基础上开发出来的。现在的scratch-blocks是没有
2020-05-15 15:23:45 7669 9
原创 scratch3.0二次开发之屏蔽单击积木块执行动作然后单击小绿旗执行动作仍正常
怎么屏蔽单击积木块执行动作然后单击小绿旗执行动作仍正常?在scratch-vm/src/engine/runtime.js 文件中,把 toggleScript 方法里的内容注释掉,或删掉。 toggleScript(topBlockId, opts) { }...
2020-04-21 18:10:58 1310
原创 scratch3.0二次开发之scratch-www创建project的流程图
创建新project是否点击导航创建菜单项用户是否登陆打开网址 /projects/editor打开网址 /projects/editor?turtor=getStart 进入教程页向project_host发送初始的target数据创建新的project获取project_host返回的project的id...
2020-03-05 19:45:09 2827 1
原创 scratch3.0二次开发之scratch-gui打包生成静态文件
cmd 到scratch-gui的安装目录下运行 npm run build 命令,webpack编译gui文件,并把编译后生成的静态文件放在生成build目录下 打包入口是src/playground/index.jsx文件
2020-02-16 21:25:46 3197
原创 scratch3.0二次开发之加载本地角色、背景、声音资源
怎么把scrach3.0的角色库和背景等资源改为本地加载?1、把要加载的角色和资源放到根目录的static文件夹创建的asset目录中,文件名以md5的形式命名。2、修改src/lib/libraries下的角色sprites,背景backdrops.json文件,这是库的列表文件,参照原有文件修改,如果直接使用下载的官方资源,可以不用修改。3、如果资源的标签有改变,就修改sprite-ta...
2019-12-19 14:38:48 6308 19
原创 scratch3.0二次开发之blocks的xml组织架构文件make-toolbox-xml.js
make-toolbox-xml是scratch-gui中blocks的xml组织文件,我们平常看到的左侧区域的运动,外观,事件等类,和类中的块都是由它生成的。一个motion类的生成一个类的xml是由category元素包裹着的,由若干个block子元素组成的集合。<category name="运动" id="motion" colour="#4C97FF" secondaryC...
2019-12-08 19:42:09 1095 1
原创 scratch3.0二次开发之一个简单块的代码生成
这里简单介绍下一个简单块的代码生成吧,认识下一个块生成代码的过程吧。要达到的效果这是要生成代码的块这是要生成的代码导入一份语言生成文件,如c,python语言文件。这个早期的scratch-blocks里面是有个generators的文件夹,里面存放的是语言文件,不过现在没有了。这里就拿python文件举例说说吧。1、每个语言文件是Blockly.Gen...
2019-11-13 16:42:37 6031 10
原创 scratch3.0二次开发之blocks生成代码思路
总的思路:引入一个生成代码的文件,比如要生成arduino代码,就要引入生成arduino代码的文件,要生成python代码,就要引入python文件。如果scratch-block中没有自己要的blocks块,就定义一个blocks块用来生成代码。(生成的方法可以看我之前的文章《[scratch3.0二次开发之scratch-blocks中的blocks的类型、定义和使用方法])(http...
2019-11-05 19:51:11 4195
原创 scratch3.0二次开发之语言翻译国际化
scratch3.0二次开发之语言翻译国际化主要介绍scratch3.0的语言文件配置和使用方法.
2019-09-18 20:47:33 2857 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人