More Related Content
Viewers also liked
Viewers also liked (20)
Similar to Фабрика "Blockly" (исправлено)
Similar to Фабрика "Blockly" (исправлено) (20)
Recently uploaded
Recently uploaded (20)
Фабрика "Blockly" (исправлено)
- 1. ЛАБОРАТОРНАЯ РАБОТА №1 Тема: «Фабрика Blockly» Выполнила студентка гр.ПО-10а Ждан О.А.
- 2. РАБОТА С SVG ФАЙЛАМИ
- 3. ИСХОДНЫЙ ТЕКСТ SVG <svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"> <!-- Created with SVG-edit - http://svg-edit.googlecode.com/ --> <defs> <radialGradient id="svg_36" spreadMethod="pad"> <stop stop-color="#ffff00" offset="0.88934"/> <stop stop-color="#0000ff" offset="1"/> </radialGradient> </defs> <g> <title>Layer 1</title> <ellipse fill="#000000" stroke="#000000" stroke-width="5" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" cx="143" cy="122" id="svg_49"/> <ellipse fill="#000000" stroke="#000000" stroke-width="5" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" cx="145" cy="117" id="svg_51"/> <ellipse fill="#000000" stroke="#000000" stroke-width="5" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" cx="150" cy="112" id="svg_52"/> <ellipse fill="#FF0000" stroke="#000000" stroke-width="5" cx="-435" cy="-3" id="svg_1" rx="4"/> <ellipse stroke="#000000" rx="1" id="svg_2" cy="-35" cx="-530" stroke-width="5" fill="#FF0000"/> <ellipse ry="35" rx="35" id="svg_3" cy="47" cx="49" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="2" stroke="#000000" fill="#ffff00"/> <line id="svg_4" y2="48" x2="15" y1="48" x1="47" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="2" stroke="#000000" fill="none"/> <rect id="svg_6" height="0" width="3" y="37" x="27" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="0" stroke="#000000" fill="#000000"/> <text xml:space="preserve" text-anchor="middle" font-family="serif" font-size="13" id="svg_7" y="71" x="47" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="0" stroke="#000000" fill="#000000"/> <text transform="matrix(4.6 0 0 1.54018 -143.4 -3.63262)" stroke="#000000" xml:space="preserve" text-anchor="middle" font-family="serif" font-size="12" id="svg_9" y="41.269232" x="38.565217" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="0" fill="#000000">r</text> <line stroke="#000000" stroke-width="2" id="svg_10" y2="42" x2="24" y1="47" x1="15" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" fill="none"/> <line stroke="#000000" stroke-width="2" id="svg_11" y2="54" x2="24" y1="48" x1="14" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" fill="none"/></g></svg>
- 4. МАСШТАБИРОВАНИЕ (100%, 120%, 160%) 100% 120% 160%
- 5. BLOCKLY
- 6. JAVA SCRIPT <HTML> <head> <title>Circle</title> </head> <body> <canvas id='circle55' width="1000" height="600" ></canvas> <script>var ctx = document.getElementById('circle55').getContext('2d'); ctx.fillStyle = "yellow"; ctx.beginPath(); ctx.arc((80), (80), (80), 0, Math.PI * 2, true); ctx.closePath(); ctx.fill(); </script></body> </HTML>
- 7. РЕЗУЛЬТАТ окружность, заданная центром и радиусом с сплошной заливкой
- 8. БЛОК «DRAW CIRCLE» Blockly.Language.webgl_a10_circle = { category: 'WebGL 2d', helpUrl: 'file:///C:/blockly/demos/webgl/webgl_a10_headerhtml5.help.html', init: function() { this.setColour(350); this.appendDummyInput() .appendTitle(new Blockly.FieldImage("../../media/circlee.svg", 100, 100)) .appendTitle("Draw circle with "); this.appendValueInput("x") .setCheck(Number) .setAlign(Blockly.ALIGN_RIGHT) .appendTitle("x"); this.appendValueInput("y") .setCheck(Number) .setAlign(Blockly.ALIGN_RIGHT) .appendTitle("y"); this.appendValueInput("w") .setCheck(Number) .setAlign(Blockly.ALIGN_RIGHT) .appendTitle("Radius r"); this.setPreviousStatement(true); this.setNextStatement(true);
- 9. this.setTooltip(''); } };Blockly.JavaScript.webgl_a10_circle = function() { var value_canv_id = Blockly.JavaScript.valueToCode(this, 'canv_id', Blockly.JavaScript.ORDER_ATOMIC); var value_x = Blockly.JavaScript.valueToCode(this, 'x', Blockly.JavaScript.ORDER_ATOMIC); var value_y = Blockly.JavaScript.valueToCode(this, 'y', Blockly.JavaScript.ORDER_ATOMIC); var value_w = Blockly.JavaScript.valueToCode(this, 'w', Blockly.JavaScript.ORDER_ATOMIC); var code = "n<script>" code+="var ctx = document.getElementById('"+canvas_name+"').getContext('2d');n" code += 'ctx.fillStyle = "yellow";n'; code += 'ctx.beginPath();n'; code += 'ctx.arc('+ value_x+', ' + value_y+', '+value_w + ', 0, Math.PI * 2, true);n'; code += 'ctx.closePath();n'; code += 'ctx.fill();n'; code += "n</script>"; return code; };