我是 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 文件中添加哪些代码来定义“开始”,以修复无效的块定义?
Diego D --- 这正是我所需要的!关键是 “Blockly.defineBlocksWithJsonArray()”定义于https://developers.google.com/blockly/guides/configure/web/custom-blocks#json_array。