Blockly

少儿编程 7年前 (2018-09-04) 1965浏览 0评论

Simple Blockly 通过删除文件，大家发现其实blockly-master文件中很多文件并不是必不可少的，通过Simple Blockly案...

少儿编程 7年前 (2018-09-04) 2704浏览 0评论

Blocks的前世今生 在开始本案例之前，大家先通过下面的小例子，巩固一下Blockly开发者工具的使用。实现如下代码块的设计： ...

少儿编程 7年前 (2018-09-04) 2986浏览 0评论

完成puzzle游戏的制作（一）相关的案例之后，来正式开始着手做puzzle游戏。 Puzzle游戏界面 1. 新建代码...

少儿编程 7年前 (2018-09-04) 2848浏览 0评论

去年的两期培训，发现老师们对blockly-games兴趣较高，而且参训老师在返校之后，很多都使用blockly-games进行了教学尝试。而设计这...

少儿编程 7年前 (2018-09-04) 2665浏览 0评论

Blockly Blockly is a library for building drag-and-drop visual editors for ...

少儿编程 7年前 (2018-08-27) 3540浏览 0评论

按下按钮时，我们希望执行与之关联的自定义代码。 在 scripts/main.js。将以下代码添加到handlePlay方法中。 首先，加载与按下的按钮关联...

少儿编程 7年前 (2018-08-27) 3032浏览 0评论

既然每个按钮都可以配置自己的Blockly工作区，那么我们要做的下一件事就是从每个工作区生成JavaScript代码。 生成的代码将由浏览器运行，有效地执行B...

少儿编程 7年前 (2018-08-27) 3731浏览 0评论

一旦用户定义了按钮行为，就需要保存它以供以后使用。 添加保存方法 打开scripts/main.js。将以下代码添加到save()方法中： let...

少儿编程 7年前 (2018-08-27) 4029浏览 0评论

接下来，我们要为工作区添加自定义“播放声音”块： 创建声音块脚本文件。 要在Blockly中定义自定义块，必须在js文件中指定它。创建一个JS文件来...

少儿编程 7年前 (2018-08-27) 2476浏览 0评论

在index.html文件的<main>部分中，您可以看到id为“blockly-div”的div： <divid="blockly-d...

少儿编程 7年前 (2018-08-27) 3085浏览 0评论

既然您已经知道要构建什么，那么让我们为应用程序添加Blockly依赖项。 导航 demos/codelab/app/. index.html在文...

少儿编程 7年前 (2018-08-27) 2230浏览 0评论

Play Mode 默认情况下，应用程序以“ Play Mode ” 启动。在此模式下，您可以看到9个按钮。他们都不能做任何事情。我们的想法是让用户使用Blo...

少儿编程 7年前 (2018-08-27) 3246浏览 0评论

下载示例代码 您可以在此处下载zip来获取此代码的示例代码： 下载zip   或者通过克隆这个git repo： git c...

少儿编程 7年前 (2018-08-27) 2769浏览 0评论

1。简介 kidscoding8.com将教您如何构建一个简单的Web应用程序以包含Blockly可视化编程库。 什么是Blockly？ Blockl...

少儿编程 7年前 (2018-08-27) 2860浏览 0评论

本文基于Web Blockly，整理一下可视化编程工具-Blockly 的常用配置，包括：工作区配置、添加自定义块、配置工具箱、配置代码生成器等。 ...