詳解scratch3.0二次開發(fā)之scratch-blocks中的blocks的類型、定義和使用方法

塊	形狀名稱
	shape_statement
	shape_hat
	shape_end
	shape_statement
	output_boolean
	output_number
	output_string

一個blocks塊的定義

比如一個右轉(zhuǎn)多少度的塊

定義塊的代碼：

Blockly.Blocks['motion_turnright'] = {
  /**
 * Block to turn right.
 * @this Blockly.Block
   */
  init: function() {
    this.jsonInit({
      "message0": “右轉(zhuǎn) %1 %2 度”,
      "args0": [
        {
          "type": "field_image",
          "src": Blockly.mainWorkspace.options.pathToMedia + "rotate-right.svg",
          "width": 24,
          "height": 24
        },
        {
          "type": "input_value",
          "name": "DEGREES"
        }
      ],
      "category": Blockly.Categories.motion,//塊歸屬的類，這里是運動類。
      "extensions": ["colours_motion", "shape_statement"]
    });
  }
};

“message0“：表示塊里顯示的字符串，%1,%2表示塊里的字段field,塊里有1個field是%1，有兩個field是按先后順序設(shè)為%1,%2,以此類推，
”args0”:里面的數(shù)組元素對應(yīng)上面設(shè)置的field,args0[0]對應(yīng)%1，args0[1]對應(yīng)%2，…。每個元素對象表示設(shè)置了的field的類型。

“extensions”："colours_motion"設(shè)置塊的顏色，"shape_statement"設(shè)置了塊的形狀；

blocks塊的使用

定義好的block塊，使用的時候要把加到xml文件里，文件地址:scratch-gui\src\lib\make-toolbox-xml.js,找到對應(yīng)的類，這里是motion.

block type="motion_turnright">
            value name="DEGREES">
                shadow type="math_number">
                    field name="NUM">15/field>
                /shadow>
            /value>
        /block>

motion_turnright 這是剛定義好的塊。value 標(biāo)簽中的name，表示變量名，在scratch-vm里面會用到，shadow標(biāo)簽這段表示預(yù)先設(shè)置的值，也是預(yù)先設(shè)置的塊。去掉value這段代碼

block type="motion_turnright"> /block>

它顯示成這樣：

scratch-blocks的編譯

scratch-blocks修改后的文件，只有編譯壓縮后才能生效。但是按照官方的方法，windows下很難編譯成功。如果是定義blocks塊，可以參考上篇博客里介紹的方法《scratch3.0二次開發(fā)之scratch-blocks的免編譯修改方法》

補充

下面看下scratch3.0二次開發(fā)之blocks生成代碼思路

總的思路：

1. 引入一個生成代碼的文件，比如要生成arduino代碼，就要引入生成arduino代碼的文件，要生成python代碼，就要引入python文件。
2. 如果scratch-block中沒有自己要的blocks塊，就定義一個blocks塊用來生成代碼。（生成的方法可以看我之前的文章《[scratch3.0二次開發(fā)之scratch-blocks中的blocks的類型、定義和使用方法])》
3. 給每個blocks定義要生成的代碼。
4. 把生成代碼的代碼blocks塊加入make-toolbox-xml 中。
5. 在gui中設(shè)置一個代碼編輯區(qū)，用來顯示生成的代碼。

到此這篇關(guān)于scratch3.0二次開發(fā)之scratch-blocks的免編譯修改方法的文章就介紹到這了,更多相關(guān)scratch blocks的免編譯內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！