我需要在 .js 文件中添加哪些代码来定义“开始”,以修复无效的块定义?

问题描述 投票:0回答:1

我是 Blockly 新手。为了了解如何创建自定义块,我使用了https://developers.google.com/blockly/guides/configure/web/toolbox#json。我将此文本的部分内容复制到 HTML 文件中:

'''
<body>
<div id="blocklyDiv"></div>
<script>
  var toolbox = 
  {
    "kind": "categoryToolbox",
    "contents": [
      {
        "kind": "category",
        "name": "Core",
        "contents": [
          {
            "kind": "block",
            "type": "controls_if"
          },
          {
            "kind": "block",
            "type": "logic_compare"
          },
        ]
      },
      {
        "kind": "category",
        "name": "Custom",
        "contents": [
          {
            "kind": "block",
            "type": "start"
          },
          {
            "kind": "category",
            "name": "Move",
            "contents": [
              {
                "kind": "block",
                "type": "move_forward"
              }
            ]
          },
          {
            "kind": "category",
            "name": "Turn",
            "contents": [
              {
                "kind": "block",
                "type": "turn_left"
              }
            ]
          }
        ]
      }
    ]
  }
  var workspace = Blockly.inject('blocklyDiv', {toolbox: toolbox});
</script>
'''

使用 VSCode -> F5 --- 在 Chrome 浏览器上会出现此结果 -> https://snipboard.io/ToY9UW.jpg

选择“自定义”图标 -> https://snipboard.io/X9WIFH.jpg,VSCode“调试控制台”显示 -> https://snipboard.io/qkpXCi.jpg.

我应该在 .js 文件中添加哪些代码来定义“开始”,以修复无效的块定义?

javascript html visual-studio-code block google-blockly
1个回答
0
投票

Diego D --- 这正是我所需要的!关键是 “Blockly.defineBlocksWithJsonArray()”定义于https://developers.google.com/blockly/guides/configure/web/custom-blocks#json_array

© www.soinside.com 2019 - 2024. All rights reserved.