0
概要
blocklyでobjectを動かして見る。
youtube、やってみた。
写真
ステージを作る。
<div id="outp"></div>
ブロックを書く。
Blockly.Blocks.tube = {
init: function() {
this.jsonInit({
message0: "tube %1",
args0: [{
type: "input_value",
name: "TEXT"
}],
previousStatement: null,
nextStatement: null,
style: "text_blocks",
tooltip: Blockly.Msg.TEXT_PRINT_TOOLTIP,
helpUrl: Blockly.Msg.TEXT_PRINT_HELPURL
})
}
};
フローを書く。
objectを書く。
Blockly.JavaScript.tube = function(a) {
return "tube(" + (Blockly.JavaScript.valueToCode(a, "TEXT", Blockly.JavaScript.ORDER_NONE) || "''") + ");\n"
};
var out = document.getElementById("outp");
function tube(src) {
out.innerHTML = '<iframe width="240" height="200" src="https://www.youtube.com/embed/' + src + '" frameborder="0"></iframe>';
}
成果物
以上。