原文地址:https://blog.csdn.net/weiwoyonzhe/article/details/86603217 Scratch 的舞台是基于canvas,最初尝试直接通过canvas的dom,然后生成图片,但最后只能得到一个黑色的图片,得到黑色图片的原因是没有取到有效的canvas而不是因为图片跨域,当初在这里走了很多弯路,继续研究舞台组件stage.jsx,从vm.renderer可以获取canvas,于是通过这个canvas对象生成图片,记得当时的效果是偶尔会得到有效图片,但…

原文地址:https://blog.csdn.net/weiwoyonzhe/article/details/86603757 简要介绍: 本文旨在介绍scratch3.0项目层次结构及关键功能. 源码:https://github.com/LLK/scratch-gui 核心依赖库 scratch-audio:声音拓展 scratch-blocks:代码积木块 scratch-l10n:国际化 scratch-paint:绘图拓展 scratch-render:舞台渲染,在舞台区域出现的基于W…

我们每个人在内心深处都怀有一个梦想: 希望创造出一个鲜活的世界,一个宇宙.处在我们生活的中间.被训练为架构师的那些人,拥有这样的渴望: 在某一天,在某一个地方,因为某种原因,创造出了一个不可思议的.美丽的.摄人心魄的场所,在那里人们可以漫步,可以梦想,历经很多世纪绵延不绝. --Christopher Alexander Scratch是一个游乐场 在我心目中,Scratch便是这样的一个美丽的场所,孩子们和保持着童真的成年孩子们在其中漫步.游戏以及梦想.Ta们在Scratch这个游乐场中创造并…

首先,我们来看以下的图,我们需要更改scratch3.0的文字,例如文件,新作品,从电脑上传等文字. 打开源码,目录src/compents/menu-bar/menu-bar.jsx 大家会发现,所有文字都是调用id="gui.menubar.file" .那么到底这个文字去哪里修改呢? 这是因为scratch3.0采用多语言版功能. 下面,请大家找到node_modules>scratch-l10n>editor>interface>zh-cn.json n…

原文地址:https://blog.csdn.net/weiwoyonzhe/article/details/86603450 对Scratch3.0进行二次开发,首先要在github上fock官方代码,但是在自己开发的同时又要跟进官方的代码就要在git做如下配置. 步骤: 1.配置上游项目地址.即将你 fork 的项目的地址给配置到自己的项目上.使用以下命令来配置. ➜ git remote add upstream https://github.com/LLK/scratch-gui.git…

很多人都利用GIT上的scratch3.0做开发,但是苦于有些定制需要个性化开发但是不知道如何动手.本篇文章来做好普及工作吧. 首先需要完成事项如下: 1.需要进行modal定义 2.新增窗口的UI界面 3.新增窗口逻辑页面 4.GUI的UI页面注册 5.gui逻辑页面注册 6.顶部菜单新增接口 下面我们就一步不来模拟,例如,我需要开发一个论坛功能. 第一步,modal定义 1.打开reducers/modals.js文件,修改如下: 1)找到约16行,新增以下代码 const MODAL_BB…

大家都知道Scratch3.0开发后,默认是可以下载文件到电脑,但是如果是作为商业系统来说,我们需要将作业自动的提交到后台,因此有了这篇文章. 首先,我们来分解下开发步骤: 1.在菜单栏新增一个上传到作业的菜单 2.点击上传到作业后,自动上传到上传文件目录并返回URL地址(目前利用的是阿里云的OSS对象) 3.将地址保存到用户作业的数据库表中 首先我们来分析下scratch3.0这个的结构 首先,我们需要新增一个上传到作业的菜单 1.打开SRC/components/menu-bar/menu-…

Robotutor推出的Scratch3.0在线编程平台受到很多编程老师和学员的喜爱,上一个版本我们提供了用户注册,找回密码,个人项目的在线保存和浏览,社区分享评论. 我们根据实际的教学需要,用户角色进行了区分(老师和学员),增加学生项目和收藏项目,修复了社区项目浏览时的BUG.允许老师查看学员项目,修改学员项目功能,便于老师在线教学. 欢迎交流合作(WeChat ID: iamlinweidong),我们愿意将这个工具给到学校老师,编程机构来使用,一起为少儿编程行业作一点贡献.具体合作方式可以…

终于,Scratch3.0在线编程平台上线了,不容易阿! 欢迎试用 https://scratch.robotutor.cn 欢迎交流,WeChat ID: iamlinweidong…

首先,我们在安装scratch3.0后,浏览器默认打开的是编程的页面.如下图: 那么我们希望开发一个功能,就是打开的时候默认加入某一个SB3的开发文件 1.首先,我们需要有一个.SB3的开发文件,建议上传到STATIC目录下 2.找到scratch-gui-develop>src>container>gui.jsx文件 找到44行的componentDidMount函数 新增以下代码           const url="/static/123.sb3";    …

为什么要自己开发而不使用官方版本? 这个问题要看我们的做少儿编程教育的需求是怎么样的. scratch本身提供了离线版本以及官网在线平台供我们使用,这足以满足我们对于编程教学模块的需求.但是对于一些教育培训机构或者学校而言,他们可能需要在此基础上整合学生信息,整合课程体系,对学生的学习情况进行统一管理和在线数据分析,包括支持课程作品的分享与转发,构建自己的教学品牌并实现线上的传播推广,等等,都需要我们在支持编程教学功能的基础上,引入线上社区.课程管理.综合管理等更丰富的功能,而这些就是二次开发的…

编程前的准备 在设计一个作品之前,必须先策划一个脚本,然后再根据脚本,收集或制作素材(图案,声音等)接着就可以启动Scratch,汇入角色,舞台,利用搭程序积木的方式编辑程序,制作出符合脚本的动画或游戏. 小试身手 (1)创建舞台 单击“角色信息区”中的“舞台”按钮,选中“舞台”,再单击“从背景选择库中选择背景”标签.右键单击“背景1”,删除空白背景. (2)添加角色 在Scratch中,除舞台背景外,每一个物体被称为一个角色.在这个脚本中我们需要一个角色:笔,猫咪是Scratch打开后默认的角…

(1)编程前的准备 在设计一个作品之前,必须先策划一个脚本,然后再根据脚本,收集或制作素材(图案,声音等),接着就可以启动Scratch,汇入角色.舞台,利用搭程序积木的方式编辑程序,制作出符合脚本的动画或游戏. (2)小试身手 (2)创建舞台单击“角色信息区”中的“舞台”按钮,选中“舞台”,再单击“从背景选择库中选择背景”标签.右键单击“背景1”,删除空白背景.(舞台自拟) (4)添加角色 在Scratch中,除舞台背景外,每一个物体被称为一个角色.在这个脚本中我们需要一个角色:画笔.猫咪是S…

第4课    涂鸦花朵 1.编程前的准备 在设计一个作品之前,必须先策划一个脚本,然后再根据脚本,收集或制作素材(图案,声音等)接着就可以启动Scratch,汇入角色,舞台,利用搭程序积木的方式编辑程序,制作出符合脚本的动画或游戏. 小试身手 (1)创建舞台 单击“角色信息区”中的“舞台” 按钮,选中“舞台”,再单击“从 背景选择库中选择背景”标签.右 键单击“背景1”,删除空白背景. (2)添加角色 在Scratch中,除舞台背景外,每一 个物体被称为一个角色.在这个脚 本中我们需要一个角色:…

第3课 了解Scratch界面内容 1.认识Scratch界面 双击桌面快捷方式,启动Scratch程序.我们来认识一下Scratch界面吧! (1)指令区 Scratch程序一共有运动.外观.声音.画笔.数据.事件.控制.侦测.运算.更多积木等十大类指令. (2)脚本区 这是代码.造型和声音的编写区,可对某个角色编写代码.编辑造型和声音设置等.它是通过选中某个标签来进行三者之间的切换. (3)角色区 显示每个角色的相关信息,如方向.坐标值等. (4)舞台区 舞台区是角色表演的地方,最终呈现编写…

第2课  下载安装Scratch 1 . 什么是Scratch?                                Scratch将程序语言设计成一块块积木,你只要用拖拉的方式,将程序积木堆叠起来,轻轻松松就可以创造出很棒的作品. 用Scratch可以做什么? 用Scratch可以做出有趣 .好玩的 动画与互动式游戏(还内置很多现 成的图案.音效.音乐让你随意取 用!) 为什么学习Scratch scratch编程是STEM教育的一种综合教育方式,它融合了科学(Science).技术…

1.用visual studio code打开文件夹scratch-gui-develop 找到SRC\components\menu-bar 方法1:制作图片更换掉图片scratch-logo.svg 方法2:打开menu-bar.jsx 找到73行 import scratchLogo from './scratch-logo.svg';   更换城你要的文件名 -----------------------------------------------------------------…

第一章 认识Scratch 第1课   走进编程世界 大家认识下图中的人物吗? 史蒂夫·乔布斯             比尔·盖茨 ●Elon Musk,特斯拉.Space X火箭公司创始人,9岁学习编程: ●Mark Elliot Zuckerberg,Facebook创始人,10岁学习编程: ●SteveJobs,乔布斯,苹果公司的CEO, 12岁开始学习编程: ●Bill Gates,Microsoft创始人,13岁学习编程. 编程是什么? 在洗衣机出现之前,人们只能用手来洗衣服,需要经过…

Scratch3.0整体项目结构比较庞大,对于不同二次开发开始的时候会出现一头雾水,需要先了解下整体框架,可以按需要在指定的源码下进行修改,大致结构如下: 1. scratch-gui: 是基于React的组件库,组成了整个页面 定制提示:对于界面有定制化的在这个库下进行 2. scratch-blocks:代码积木块部分,创建和生成积木块区域和拖拽效果区域    定制提示:需要定制化积木块的在这个库下进行 3. scratch-vm:虚拟机,管理状态并执行业务逻辑,前端GUI的状态及逻辑部分处…

欢迎参加这套Scratch3.0少儿编程课程的学习.本系列课程将通过视频和图文的方式进行(视频制作中,后续会发布).如果喜欢本系列课程,欢迎点击订阅关注或者转发. 这是本系列课程的第一课,主要是给家长看的,可以先对Scratch有个大概的了解.看完之后再让小朋友按照后续课程学习. 首先介绍一下本次课程的主要内容: 1.什么是Scratch:简单介绍一下Scratch的概念: 2.Scratch的特点:介绍Scratch作为少儿编程首选的一些特点: 3.示例展示:展示几个用Scratch实现的有趣…

文章更新: AppBox v6.0中实现子页面和父页面的复杂交互 AppBox 是基于 FineUI 的通用权限管理框架,包括用户管理.职称管理.部门管理.角色管理.角色权限管理等模块. AppBox v2.0简介 AppBox v2.0 发布于2012年12月份,前端展现使用的是 FineUI v3.2.3,而ORM工具是 SubSonic v2.2.1.AppBox v2.0的创新之处在于将模块和模块权限的定义放在C#代码中,从而方便了在Web Form后端代码中使用强类型的权限定义,而不是…

快两年了,Iveely Search Engine已经走过了5个版本的岁月,虽出生“贫寒”,没有任何开源基金会的支持,没有优秀的“干爹.干妈”,它凭着它的爱好者的支持,0.6.0终于破壳而出,7年前,我开始研究搜索引擎,开始构思我的想法,今天的0.6.0是目前最接近我最初想法的一个版本.简单的说,搜索引擎会让机器人越来越聪明,当然源码依然在这里 (安装部署). 在Iveely Search Engine 0.6.0里,我们为大家带来了什么?新的视野,未来的搜索方式.还记得,我们发布0.1.0的时…

前段时间看过一些关于dynamic这个C#4中的新特性,看到有些朋友认为dynamic的弊大于利,如无法使用编译器智能提示,无法在编译时做静态类型检查,性能差等等.因此在这篇文章中我将就这些问题来对dynamic做一个较详细的介绍,希望通过这篇文章,能使大家对dynamic关键字有个更深入的认识. dynamic介绍 相信很多人应该都已经对Anders Hejlsberg在PDC2008上所做的那篇”The Future of C#”(注1) 都有所了解了,当时的这篇演讲已经介绍了C#4.0的一…

AppBox_v2.0完整版免费下载,暨AppBox_v3.0正式发布! AppBox 是基于 FineUI 的通用权限管理框架,包括用户管理.职称管理.部门管理.角色管理.角色权限管理等模块. AppBox v2.0简介 AppBox v2.0 发布于2012年12月份,前端展现使用的是 FineUI v3.2.3,而ORM工具是 SubSonic v2.2.1.AppBox v2.0的创新之处在于将模块和模块权限的定义放在C#代码中,从而方便了在Web Form后端代码中使用强类型的权限定义…

由于时间关系,多人博客系统这里穿插一个2.0版本. 2.0版本本来是打算用于建立个人网站,但是后来发现个人建站需要购买域名服务器,还需要备案,很繁琐.最终放弃.完成此版本,最终也只是作为技术演练.此版本设计和开发都很快和很粗燥,当时想着能快速上线. 2.0版本特性: 1.单人博客. 2.后台使用spring boot单体应用,数据库使用mariadb. 3.前端使用vue.js. 4.docker部署. 缺点: 1.设计粗糙,界面丑陋. 2.vue学习不全部,导致前端很多地方vue使用不当. 2…

OpenGL ES 2.0 Shader 调试新思路(一): 改变提问方式 --是什么(答案是具体值) VS 是不是(答案是布尔值) 目录 背景介绍 问题描述 Codea 是 iPad 上的一款很方便的开发软件, 尤其是它支持 OpenGL ES 2.0/3.0, 支持着色器 shader, 可以直接写代码操纵 GPU. 不过也有不太方便的地方, 那就是在 Codea 上写 OpenGL ES 2.0 Shader 代码的时候发现跟踪 shader 内部使用的变量特别困难, 因为 GPU 就像一…

原文网址:http://mb.it168.com/a2012/0816/1385/000001385641_all.shtml [IT168 应用]当下,越来越多的电脑都已普及USB 3.0接口,新买的笔记本上,新装的台式机后,你都能发现这个跟过去2.0时代不一样的蓝汪汪的USB接口.那么,同样是给手机充电,USB 3.0和传统的USB 2.0相比,以及不同主板芯片组之间.台式机与笔记本的USB之间.主板I/O面板与主板扩展USB接口,这些USB3.0与2.0接口在充电速度上都有什么不同?这就是…

Android 4.0 x86是一个可以支持在电脑上运行的Android 4.0系统.没有手机一样也可以体验Android 4.0.这对玩机爱好者们来说也算得上是一个不大不小的好消息.不过目前的Android 4.0 x86还处于一个不太成熟的过程,仅仅支持AMD与Internet芯片组的电脑.小编今天就来详细交大家如何安装使用Android 4.0 x86,让你的电脑也可以成为安卓机. Android 4.0 x86 安装准备: 首先要下载 VirtualBox(虚拟机) 跟 Android…

问题描述: take photo -> 拍照 -> 确定 -> 截图 -> 保存,此时返回给onActivityResult的resultCode是0,截图无效.我查看图片储存的情况,拍完照是有存储好的,但截图后没有存储,图片变成了0byte. 原因: private void cropImageUri(Uri uri, int requestCode){Intent intent = new Intent("com.android.camera.action.CROP&…

   Scratch3.0来啦!!! Scratch做为图像化编程的首选语言,拖过积木块搭建实现动画游戏的制作.Scratch3添加了音乐.画笔.视频侦测.文字朗读.翻译等选择性下载扩展积木,可实现积木块转代码(C.Javascript.python等),可实现和硬件的交互(互动模式.烧录模式). 在接下来有时间会持续对二次开发系列专题进行详细讲解(都是干货!)    Scratch3的二次开发系列 1. Scratch3自定义积木块之新增积木块 2. Scratch3自定义积木块之积木块与角色…