blockly二次开发（一）自定义模块

最新推荐文章于 2024-08-14 15:56:47 发布

wangsiqi91

最新推荐文章于 2024-08-14 15:56:47 发布

阅读量1.2w

点赞数 1

分类专栏：少儿编程教育模块化编程文章标签： blockly二次开发

本文链接：https://blog.csdn.net/wangsiqi91/article/details/82732466

版权

本文介绍了如何进行Blockly的二次开发，重点在于自定义模块。首先，在非压缩模式下定义块，然后创建代码生成器。接着，针对ardublockly，更新ardublockly_toolbox.js文件以添加自定义类别，并在index.html中引入新的模块脚本，确保模块在工具栏中正确显示。

摘要由CSDN通过智能技术生成

blockly自定义模块

一、创建快

非压缩模式

由于blockly压缩模式需要翻墙编译，没有梯子只要使用非压缩模式

1.定义块（存放位置在..blockly/blocks）

定义类型名Blockly.Blocks['vision_imread'] = {}；

2.代码生成器（存放位置在..blockly/generators）

Blockly.JavaScript['vision_imread'] = function(block) {}；

以上两步可以使用谷歌块开发工具生成

https://developers.google.com/blockly/guides/create-custom-blocks/blockly-developer-tools

3.添加工具栏类

（我使用的是ardublockly，所以工具栏跟blockly略有不同）

在ardublockly目录下更改ardublockly_toolbox.js文件，添加category项

添加类型名vision_imread（在块和代码生成器中定义的类型）

4.添加主页script

更改ardublockly目录index.html文件

<!DOCTYPE HTML>
<html>
<head>
  <meta http-equiv="Conte

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

wangsiqi91

关注关注

1
点赞
踩
23

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Mixly 二次开发 自定义库

zycwlkq的博客

05-18

1184

Mixly基本原理 Mixly可以看作是介于普通用户与Arduino IDE之间桥梁，通过这个桥梁，即使用户不懂C语言的语法，也可以利用图形化程序编写Arduino程序。Mixly的基本原理是将图形化程序转化成C语言，再利用Arduino IDE上传到硬件中。在我们动手编写第三方库之前，先来了解Mixly是如何将图形化程序转化成C语言的。根目录下的xxx.xml文件定义了图形块的基本信息，比如类别、名称，ID等。block/xxx.js文件定义了每个图形块的样式，比如颜色、文字、图标等。generator

scratch二次开发：Blockly工具箱介绍及使用

beishang_1的博客

06-05

954

scratch二次开发：Blockly工具箱介绍及使用

参与评论您还未登录，请先登录后发表或查看评论

图形化编程应用 Blockly

12-11

你是不是对编程感到好奇，也想自己做一个程序，但是却有无从下手呢？Google Blockly 是一个图形化编程语言，它可以帮助你快速入门。这个网页应用让你可以将不同的模块拖拽到一起来创作程序，然后你可以将它们输出到真实的程序语言中（比如 C 语言）。 Blockly 包含了许多 App Inventor 的元素，Google 的另一个图形化编程工具，而这个工具是受到了 MIT 的一款教小孩子编程的工具 Scratch 的启发。 Blockly 看起来非常像 Scratch，不过它还具有导出代码块及将你的代码块以 JavaScript、Dart、Python或 XML 来表达出来的功能。它对孩子和大人来说都适用。

drawio的二次开发

最新发布

MrLiuSixsix的博客

08-14

1162

通过以上两种方式启动项目之后，直接访问你本地的服务链接，修改代码是不生效的，需要在链接后面传递一个。// 如果开发模式，默认指向本地文件（增加这一段开始）// 如果开发模式，默认指向本地文件（增加这一段结尾），代码下载之后解压。如果后面还有改动的地方，我会继续写的😔…将以下代码删除或注释即可。将以下代码删除或注释即可。将以下代码删除或注释即可。将以下代码删除或注释即可。将以下代码删除或注释即可。将以下代码删除或注释即可。将以下代码删除或注释即可。以下所有的操作，将在。以下所有的操作，将在。

blockly二次开发

sinat_41629921的博客

10-05

1128

目前有的问题 1.文档少,主要是因为谷歌的网站上不去, 2.Blockly Develop Tools使用有问题,预览有问题,暂时无法解决. 目前源码下载难度较大 github下载速度慢,自己在gitee上弄了一份. https://gitee.com/liuaqu/blockly ...

【Blockly图形化积木编程二次开发学习笔记】3.自定义模块

乙酸氧铍的博客

07-18

553

使用进行配置：导出，得到在工程中加载

blockly - 自定义块

wolf

01-09

2060

添加自定义块虽然Blockly定义了许多标准块，但是大多数应用程序需要定义和实现至少几个与域相关的块。块由三个组件组成：块定义对象：定义块的外观和行为，包括文本，颜色，字段和连接。工具箱引用：对工具箱XML中块类型的引用，因此用户可以将其添加到工作区中。生成器功能：生成此块的代码字符串。即使目标语言不是JavaScript，甚至对于Blockly for Android，它始...

blockly -- 自定义块

wolf

01-14

2302

本文档面向希望在Blockly中创建新块的开发人员。假定有人拥有一个可以编辑的Blockly本地副本，一个通常熟悉Blockly的用法，另一个则对JavaScript有基本的了解。 Blockly带有大量预定义的块。从数学函数到循环结构，应有尽有。但是，为了与外部应用程序接口，必须创建自定义块以形成API。例如，创建绘图程序时，可能需要创建一个“半径为R的绘图圆”块。在大多数情况下，...

Mixly二次开发【模块封装-第三方库引用】

Easadon的博客

03-08

3457

1.简介 Mixly主要是用于少儿编程或者一些不懂C语言语法但是想进行Arduino开发的初学者，通过拖拉拽的方式实现程序的编写程序的初始化、执行部分都有对应的图形模块，将图形模块进行拼堆，完成一整个程序代码，图形化模块最终可以直接翻译成C语言，烧写入Arduino等MCU 实际上就是设计好对应的图形模块样式，再将模块与C代码进行对应。 2.Mixly目录组成以上两张图是Mi...

Mixly 二次开发 自定义库 OLED

WXLeader的博客

06-20

832

前言本章内容是对Mixly 图像化编程软件进行的二次开发,需要一定的编程基础,需要用到的概念和知识点有: 绑定与事件概念, JavaScript的基本语法, .xml脚本的标签定义限于篇幅,本章内容中笔者不做原理和JS脚本的剖析和讲解! 如参考阅读时困难, 恕笔者精力有限, 暂不不能提供详细内容,当然,若笔者有空余时间, 自会补充相关原理讲解和脚本内容剖析. 还请各位读者知悉! Mixly基本原理 Mixly可以看作是介于普通用户与Arduino IDE之间桥梁，通过这个桥梁，即使用户不懂C..

Android Blockly积木编程源码对Workspace中的block数据保存及读取的流程，及改造原生代码实现Trash垃圾桶中的block保存及读取

01-31

Android Blockly积木编程源码对Workspace中的block数据保存及读取的流程，及改造原生代码实现Trash垃圾桶中的block保存及读取。

Blocky：C ++中的区块链应用

02-04

Blocky：C ++中的区块链应用

google blockly

07-21

google blockly 可视化编程插件的源码

Blockly开发入门指北

大悦=-=的博客

01-07

8838

Blockly开发入门指北【腾讯文档】Blockly开发入门指北 https://docs.qq.com/doc/DRWRDUU5kR2lhaGNN 写这篇文章的目的最近公司的项目用到了Blockly这个东西（不知道怎么形容，就用东西这个词吧），但是这个东西呢，官网没有中文，示例给的也都很简单，api文档也是杂七杂八什么都有令人头秃，国内用这个的人似乎也不多（是不是真的不多我也不清楚），网络上的相关文档很少，成体系的教程也没有，因此我打算自己写一个，出于个人水平问题，如有疏漏，在所难免。

blockly game二次开发集成登陆功能

wespaul的专栏

06-28

565

blockly game二次开发，实现闯关记录在线统计登陆按钮页面：快捷登陆页面：登陆成功页面：用户登陆对话框：登陆代码：

blockly构建自定义块及其工具

fly7632785的专栏

07-27

1548

<h1 id="前言">前言</h1> <p><a href="https://blockly-demo.appspot.com/static/demos/blockfactory/index.htm

【Blockly图形化积木编程二次开发学习笔记】1.工具箱的实现

乙酸氧铍的博客

07-15

1161

文章目录Blockly 版本选择上手 Blockly 版本选择在【兰州大学】Blockly创意趣味编程【全36讲】主讲教师：崔向平周庆国中提到，在18年6月份之前的版本中，可以通过安装依赖库的方式，打开开发者工具的离线版本，但是新版本的Blockly移除了部分离线的依赖文件。在Github仓库上，对于18年6月份之前的版本，我只找到了2017.10.23的版本是相对较新的blockly-update-20171023，可配套Closure Library v20180405使用开发者工具但是

blockly自定义块简单实现

tomato3351的博客

03-17

4148

blockly自定义块支持使用json和JS，本文使用JS。 自定义块需要两个部分，blocks和generators。要看效果可以新建自己的index.html。一、自定义块的步骤 1.在blocks/文件夹下新建文件myblocks.js文件，写入 'use strict'; goog.require('Blockly.Blocks'); goog.require('Blo...

青少年编程平台：Blockly驱动的可视化开发路径

本文主要探讨了"基于Blockly的青少年可视化编程开发平台设计"这一主题，针对当前青少年编程教育的热点问题进行深入研究。随着科技的发展和教育政策的推动，提升青少年的编程兴趣和技能已成为全球教育的重要议题。MIT...