Scratch拡張機能の作成

ScratchでMinecraftの建築をした際に実現できなかったことがあったので、拡張機能を自作してみました。

Minecraftへのアクセスは、今回はPython FlaskでWebサーバを起動してPythonから実施します。

ブロックの作成

下記のJapanese Scratch-Wikiを参考に拡張機能を作成していきます。

https://ja.scratch-wiki.info/wiki/Scratch_3.0の拡張機能を作ってみよう

「１．下準備」「２．GUI側の設定」は上記ページに記載されている通りに実施します。

「３．基本の書式」を参考に今回は下記のブロックを作成しました。

以降で各ブロックの詳細内容について記載していきます。

現在位置を取得

このブロックではMinecraft内でのプレイヤーのxyz座標を取得します。
取得した各座標の値は「xPos」「yPos」「zPos」に格納されます。

「現在位置を取得」はブロックはスタックブロックを、「xPos」「yPos」「zPos」の各ブロックは値ブロック使用しています。

「getInfo」のblocksには下記を記載します。

1. {
2.     opcode: 'get_Pos',
3.     blockType: BlockType.COMMAND,
4.     text: '現在位置を取得'
5. },
6. {
7.     opcode: 'get_xPos',
8.     blockType: BlockType.REPORTER,
9.     text: 'xPos'
10. },
11. {
12.     opcode: 'get_yPos',
13.     blockType: BlockType.REPORTER,
14.     text: 'yPos'
15. },
16. {
17.     opcode: 'get_zPos',
18.     blockType: BlockType.REPORTER,
19.     text: 'zPos'
20. }

プログラムの内容として下記を記載します。（opcodeに対応する処理です）

「get_Pos」ではPythonで作成したプログラム側へHTTPリクエストを行い、返却された情報からxyz座標の値を取得して、「xPos」「yPos」「zPos」それぞれに格納しています。
「SERVER_HOST」はPythonで作成したプログラムのWebサーバのアドレスです。「getPos」はPythonで作成したプログラムの定義名と合わせます。

「get_xPos」「get_yPos」「get_zPos」は各値を返却します。

1. async get_Pos (args) {
2.     let path = `${SERVER_HOST}/getPos`;
4.     const response = fetch(path)
5.         .then(res => res.text())
6.         .then(body => {
7.             const obj = JSON.parse(body)
8.             this.xPos = obj.xPos
9.             this.yPos = obj.yPos
10.             this.zPos = obj.zPos
11.     });
12. }
14. get_xPos () {
15.     return this.xPos;
16. }
17. get_yPos () {
18.     return this.yPos;
19. }
20. get_zPos () {
21.     return this.zPos;
22. }

ブロックを１つ置く・ブロックを置く

「ブロックを１つ置く」では指定した座標に指定したブロックを１つ設置します。
「ブロックを置く」では（x1,y1,z1）座標から（x2,y2,z2）座標まで指定したブロックで埋めるという処理になります。

引数の数が異なるだけで実施している処理はほぼ同じため、今回は「ブロックを１つ置く」について記載します。

「getInfo」のblocksには下記を記載します。

1. {
2.     opcode: 'setBlock',
3.     blockType: BlockType.COMMAND,
4.     text: 'ブロックを１つ置く x:[x] y:[y] z:[z] blockid:[blockid] value:[value]',
5.     arguments: {
6.         x: {
7.             type: ArgumentType.STRING,
8.             defaultValue: 0
9.         },
10.         y: {
11.             type: ArgumentType.STRING,
12.             defaultValue: 0
13.         },
14.         z: {
15.             type: ArgumentType.STRING,
16.             defaultValue: 0
17.         },
18.         blockid: {
19.             type: ArgumentType.STRING,
20.             menu: 'block_id'
21.         },
22.         value: {
23.             type: ArgumentType.STRING,
24.             defaultValue: ' '
25.         }
26.     }
27. }

blockidは選択式にしたので、「menus」で設定します。

1. menus: {
2.     block_id: {
3.         acceptReporters: true,
4.         items: this.getBlock_id()
5.     }
6. }

「getBlock_id」で選択肢のリストを作成します。

1. getBlock_id () {
2.     var idlist = ([]);
4.     for (var i = 0; i < this.blockData.length; i++){
5.         idlist.push(this.blockData[i][0])
6.     }
8.     return idlist;
9. }

選択肢は「constructor」に下記の通り定義しています。ここに定義するブロックを増やすことで選択できるブロックが増えます。
各ブロックの数値は各ブロックのIDです。ブロックIDの詳しい値はMinecraftのWikiを参照してください。

1. this.blockData = [
2.     ['オークの原木', 17],
3.     ['オークの板材', 5],
4.     ['オークの階段', 53],
5.     ['オークのドア', 64],
6.     ['丸石', 4],
7.     ['丸石の階段', 67],
8.     ['ガラス', 20],
9.     ['松明', 50]
10. ];

「setBlock」ではPythonで作成したプログラム側へHTTPリクエストを行い、指定した座標に指定したブロックを設置します。

「FormData」を使用してPython側へ渡したい情報を準備し、POST形式でHTTPリクエストを行います。
本来であればエラー処理など必要ですが、今回は割愛しています。

1. async setBlock (args) {
2.     let path = `${SERVER_HOST}/setBlock`;
4.     const formData = new FormData();
5.     formData.append("x", args.x);
6.     formData.append("y", args.y);
7.     formData.append("z", args.z);
8.     for(var i = 0; i < this.blockData.length; i++){
9.         if(this.blockData[i][0] == args.blockid){
10.             formData.append("blockid", this.blockData[i][1])
11.         }
12.     }
13.     formData.append("value", args.value);
15.     const response = await fetch(path, {
16.         method: "POST",
17.         body: formData,
18.     });
19. }

Python側のプログラムを起動して、作成したブロックを実行するとMinecraftの位置情報を取得したり、ブロックを設置したりすることができます。

---

できるたのしくやりきるScratch3子どもプログラミング入門 対象小学4年生〜 [ 小林真輔 ]

子どもと学ぶScratch3プログラミング入門 （できるキッズ） [ TENTO ]

---