blockly
xiatiancc
这个作者很懒,什么都没留下…
展开
-
Blockly - 来自Google的可视化编程工具
Google Blockly 是一款基于Web的、开源的、可视化程序编辑器。你可以通过拖拽块的形式快速构建程序,而这些所拖拽的每个块就是组成程序的基本单元。可视化编程完成,Blockly 直接支持 JavaScript、Python、PHP、Lua、Dart 语言源码的导出。此外,还可以将 Blockly 编辑器快速集成到Web、Android或iOS环境中。因近期参与一个机器人项目,可视化编程是...转载 2018-07-04 13:30:51 · 5466 阅读 · 1 评论 -
Blockly 的配置
本文基于Web Blockly,整理一下可视化编程工具-Blockly 的常用配置,包括:工作区配置、添加自定义块、配置工具箱、配置代码生成器等。固定尺寸工作区可调尺寸工作区添加自定义块(Block)工具箱(Toolbox)配置代码生成器网格(Grid)缩放(Zoom)事件云存储1. 固定尺寸工作区把 Blockly 放到网页上最简单的方法是将其注入到一个空div中。1.1 引入 Blockly ...转载 2018-07-04 13:33:19 · 5602 阅读 · 3 评论 -
Google blockly简介(二)Blockly Developer Tools使用
现在国内Google官网打不开Blockly Developer Tools,要想使用此工具,那就用别的办法了。https://blockly-demo.appspot.com/static/demos/blockfactory/index.html介绍:一、定义Toolbox 当选项卡选中Toolbox时,可以通过中部的“+”和“-”,添加或删除Toolbox中的...原创 2018-09-10 11:21:07 · 7045 阅读 · 0 评论 -
Google blockly简介(三)puzzle游戏的制作
完成puzzle游戏的制作(一)相关的案例之后,来正式开始着手做puzzle游戏。Puzzle游戏界面1. 新建代码块使用Blockly Developer Tools新建拼图所涉及的代码块。 拼图模块1 拼图模块2 拼图模块3 拼图模块4 拼图模块52. 导出代码块导出代码块 点击Bl...转载 2018-09-10 13:49:39 · 3678 阅读 · 1 评论