Лабораторная работа №1

Лабораторная работа №1
по дисциплине
«Моделирование и анализ программного обеспечения»
«Фабрика Blockly»
ВЫПОЛНИЛ
СТУДЕНТ ГРУППЫ ПОС-12А
ПОТОПАХИН АЛЕКСЕЙ

Изображение SVG
Исходный текст SVG файла
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg">

<g>
<title>Layer 1</title>
<circle id="svg_1" r="223.789032" cy="237.567027" cx="313.884056" stroke-width="4" stroke="#000000" fill="#ffffff"/>
<text font-weight="bold" xml:space="preserve" text-anchor="middle" font-family="Fantasy" font-size="76" id="svg_3" y="362.950012" x="313.183334" stroke-linecap="null" stroke-linejoin="null"
stroke-dasharray="null" stroke-width="0" stroke="#000000" fill="#000000">CIRCLE</text>
<circle id="svg_4" r="2.632813" cy="240.999995" cx="311.516872" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="4" stroke="#000000" fill="#000000"/>
<line id="svg_6" y2="946.383362" x2="1327.450012" y1="1034.383362" x1="1424.450012" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="4" stroke="#000000"
fill="none"/>
fill="none"/>
<line id="svg_8" y2="93.280672" x2="142.531049" y1="239.280672" x1="309.531053" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="4" stroke="#000000" fill="none"/>
fill="none"/>
<line id="svg_10" y2="226.600958" x2="329.000015" y1="240.600958" x1="311.000015" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke="#000000" fill="none"/>
<line id="svg_11" y2="1895.5" x2="2418.283325" y1="1953.5" x1="2526.283325" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="4" stroke="#000000" fill="none"/>
<text id="svg_19" font-weight="bold" xml:space="preserve" text-anchor="middle" font-family="Fantasy" font-size="22" y="234.580564" x="390.294425" stroke-linecap="null" stroke-linejoin="null"
stroke-dasharray="null" stroke-width="0" stroke="#000000" fill="#000000">CENTER</text>
<text id="svg_20" font-weight="bold" xml:space="preserve" text-anchor="middle" font-family="Fantasy" font-size="22" y="180.233332" x="327.627764" stroke-linecap="null" stroke-linejoin="null"
stroke-dasharray="null" stroke-width="0" stroke="#000000" fill="#000000">RADIUS</text>
</g>
</svg>

Blockly
Блоки Сгенерированный HTML код
<html>
<head>
<title> Circle Default Title</title>
</head>
<body>
<canvas id='canv' width="1000"
height="600" ></canvas>
<script>
if(window.WebGLRenderingContext)
{
var c =
document.getElementById('canv');
var gl = c.getContext('2d');
gl.beginPath();
gl.arc(200, 200, 100, 0, 2 * Math.PI, false);
gl.lineWidth = 1;
gl.strokeStyle = '#000000';
gl.stroke();
}
</script>
</body>
</html>
Результат

Blockly
Масштабирование
100% 120% 300%

Blockly Header
Blockly.Language.webgl_header =
{
category: 'WebGL',
helpUrl: 'webgl_a09_headerhtml5.help.html',
init: function()
{
this.setColour(70);
this.appendStatementInput("NAME")
.appendTitle(new Blockly.FieldImage("../../media/circle.svg", 64, 48))
.appendTitle("Header");
this.setNextStatement(true);
this.setTooltip('');
}
};
Blockly.JavaScript.webgl_header = function()
{
var statements_name = Blockly.JavaScript.statementToCode(this, 'NAME');
var code = '<html>n<head>n<title>' + statements_name.toString() +
'</title>n</head>'
return code;
};

Blockly Title
Blockly.Language.webgl_title =
{
category: 'WebGL',
init: function()
{
this.setColour(140);
this.appendDummyInput()
.appendTitle("Title")
.appendTitle(new Blockly.FieldTextInput("Circle Default Title"), "NAME");
this.setPreviousStatement(true);
}
};
Blockly.JavaScript.webgl_title = function()
{
var text_name = this.getTitleValue('NAME');
var code = text_name.toString();
return code;
};

Blockly Body
Blockly.Language.webgl_body =
{
category: 'WebGL',
init: function ()
{
this.appendStatementInput("NAME")
.appendTitle("Body");
}
};
Blockly.JavaScript.webgl_body = function ()
{
var statements_name = Blockly.JavaScript.statementToCode(this, 'NAME');
var code = "n<body>n" + statements_name.toString() + "n</body>"
return code;
};

Blockly Canvas
Blockly.Language.webgl_canvas =
{
category: 'WebGL',
init: function()
{
.appendTitle("canvas id")
.appendTitle(new Blockly.FieldTextInput("canvas"), "NAME");
}
};
Blockly.JavaScript.webgl_canvas = function()
{
var text_name_canvas = this.getTitleValue('NAME');
var code = "<canvas id='" + text_name_canvas.toString() +"' width="1000" height="600"
></canvas>"
canvas_name = text_name_canvas;
return code;
};

Blockly Draw circle
Blockly.Language.webgl_drawcircle =
{
category: 'WebGL',
init: function()
{
.appendTitle("Layout x =")
.appendTitle(new Blockly.FieldTextInput("200"), "x")
.appendTitle("Layout y =")
.appendTitle(new Blockly.FieldTextInput("200"), "y")
.appendTitle("radius =")
.appendTitle(new Blockly.FieldTextInput("100"), "r");
}
};
Blockly.JavaScript.webgl_drawcircle = function()
{
var text_x = this.getTitleValue('x');
var text_y = this.getTitleValue('y');
var text_r = this.getTitleValue('r');
var code = "n<script>"
code += "nif(window.WebGLRenderingContext)"
code += "n{"
code += "n var c = var c =
document.getElementById('" + canvas_name + "');""
code += "n var gl = c.getContext('2d');"
code += "n gl.beginPath();"
code += "n gl.arc(" + parseInt(text_x) + ",
"+parseInt(text_y)+", "+parseInt(text_r)+", 0, 2 * Math.PI,
false);"
code += "n gl.lineWidth = 1;"
code += "n gl.strokeStyle = '#000000';"
code += "n gl.stroke();"
code += "n}"
code = code + "n</script>";
return code;
};

Blockly Footer
Blockly.Language.webgl_a09_footerhtml5 =
{
category: 'WebGL',
init: function ()
{
.appendTitle("Footer");
this.setTooltip('')
}
};
Blockly.JavaScript.webgl_a09_footerhtml5 = function ()
{
var code = "n</html>"
return code;
};

Спасибо за внимание!

Лабораторная работа №1

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (20)

Semelhante a Лабораторная работа №1

Semelhante a Лабораторная работа №1 (20)

Último

Último (20)

Лабораторная работа №1