mirror of
https://github.com/google/blockly.git
synced 2026-01-04 07:30:08 +01:00
The colour-picker is leaving core. Removing the colour blocks means that any stored programs that use colour blocks will no longer load. However, since the code demo has no visual output, the colour blocks serve no use.
360 lines
12 KiB
HTML
360 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="google" value="notranslate">
|
|
<title>Blockly Demo:</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
<script src="/storage.js"></script>
|
|
<script src="../../dist/blockly_compressed.js"></script>
|
|
<script src="../../dist/blocks_compressed.js"></script>
|
|
<script src="../../dist/javascript_compressed.js"></script>
|
|
<script src="../../dist/python_compressed.js"></script>
|
|
<script src="../../dist/php_compressed.js"></script>
|
|
<script src="../../dist/lua_compressed.js"></script>
|
|
<script src="../../dist/dart_compressed.js"></script>
|
|
<script src="code.js"></script>
|
|
</head>
|
|
<body>
|
|
<table width="100%" height="100%">
|
|
<tr>
|
|
<td>
|
|
<h1><a href="https://developers.google.com/blockly/">Blockly</a>‏ >
|
|
<a href="../index.html">Demos</a>‏ >
|
|
<span id="title">...</span>
|
|
</h1>
|
|
</td>
|
|
<td class="farSide">
|
|
<select id="languageMenu"></select>
|
|
<a class="privacyLink" href="https://policies.google.com/privacy">Privacy</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan=2>
|
|
<table width="100%">
|
|
<tr id="tabRow" height="1em">
|
|
<td id="tab_blocks" class="tabon">...</td>
|
|
<td class="tabmin tab_collapse"> </td>
|
|
<td id="tab_javascript" class="taboff tab_collapse">JavaScript</td>
|
|
<td class="tabmin tab_collapse"> </td>
|
|
<td id="tab_python" class="taboff tab_collapse">Python</td>
|
|
<td class="tabmin tab_collapse"> </td>
|
|
<td id="tab_php" class="taboff tab_collapse">PHP</td>
|
|
<td class="tabmin tab_collapse"> </td>
|
|
<td id="tab_lua" class="taboff tab_collapse">Lua</td>
|
|
<td class="tabmin tab_collapse"> </td>
|
|
<td id="tab_dart" class="taboff tab_collapse">Dart</td>
|
|
<td class="tabmin tab_collapse"> </td>
|
|
<td id="tab_xml" class="taboff tab_collapse">XML</td>
|
|
<td class="tabmin tab_collapse"> </td>
|
|
<td id="tab_json" class="taboff tab_collapse">JSON</td>
|
|
<td class="tabmin"> </td>
|
|
<td id="tab_code" class="taboff">
|
|
<select id="code_menu"></select>
|
|
</td>
|
|
<td class="tabmax">
|
|
<button id="trashButton" class="notext" title="...">
|
|
<img src='../../media/1x1.gif' class="trash icon21">
|
|
</button>
|
|
<button id="linkButton" class="notext" title="...">
|
|
<img src='../../media/1x1.gif' class="link icon21">
|
|
</button>
|
|
<button id="runButton" class="notext primary" title="...">
|
|
<img src='../../media/1x1.gif' class="run icon21">
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td height="99%" colspan=2 id="content_area">
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<div id="content_blocks" class="content"></div>
|
|
<pre id="content_javascript" class="content prettyprint lang-js"></pre>
|
|
<pre id="content_python" class="content prettyprint lang-py"></pre>
|
|
<pre id="content_php" class="content prettyprint lang-php"></pre>
|
|
<pre id="content_lua" class="content prettyprint lang-lua"></pre>
|
|
<pre id="content_dart" class="content prettyprint lang-dart"></pre>
|
|
<textarea id="content_xml" class="content" wrap="off"></textarea>
|
|
<textarea id="content_json" class="content" wrap="off"></textarea>
|
|
|
|
<xml xmlns="https://developers.google.com/blockly/xml" id="toolbox" style="display: none">
|
|
<category name="%{BKY_CATLOGIC}" colour="%{BKY_LOGIC_HUE}">
|
|
<block type="controls_if"></block>
|
|
<block type="logic_compare"></block>
|
|
<block type="logic_operation"></block>
|
|
<block type="logic_negate"></block>
|
|
<block type="logic_boolean"></block>
|
|
<block type="logic_null"></block>
|
|
<block type="logic_ternary"></block>
|
|
</category>
|
|
<category name="%{BKY_CATLOOPS}" colour="%{BKY_LOOPS_HUE}">
|
|
<block type="controls_repeat_ext">
|
|
<value name="TIMES">
|
|
<shadow type="math_number">
|
|
<field name="NUM">10</field>
|
|
</shadow>
|
|
</value>
|
|
</block>
|
|
<block type="controls_whileUntil"></block>
|
|
<block type="controls_for">
|
|
<value name="FROM">
|
|
<shadow type="math_number">
|
|
<field name="NUM">1</field>
|
|
</shadow>
|
|
</value>
|
|
<value name="TO">
|
|
<shadow type="math_number">
|
|
<field name="NUM">10</field>
|
|
</shadow>
|
|
</value>
|
|
<value name="BY">
|
|
<shadow type="math_number">
|
|
<field name="NUM">1</field>
|
|
</shadow>
|
|
</value>
|
|
</block>
|
|
<block type="controls_forEach"></block>
|
|
<block type="controls_flow_statements"></block>
|
|
</category>
|
|
<category name="%{BKY_CATMATH}" colour="%{BKY_MATH_HUE}">
|
|
<block type="math_number">
|
|
<field name="NUM">123</field>
|
|
</block>
|
|
<block type="math_arithmetic">
|
|
<value name="A">
|
|
<shadow type="math_number">
|
|
<field name="NUM">1</field>
|
|
</shadow>
|
|
</value>
|
|
<value name="B">
|
|
<shadow type="math_number">
|
|
<field name="NUM">1</field>
|
|
</shadow>
|
|
</value>
|
|
</block>
|
|
<block type="math_single">
|
|
<value name="NUM">
|
|
<shadow type="math_number">
|
|
<field name="NUM">9</field>
|
|
</shadow>
|
|
</value>
|
|
</block>
|
|
<block type="math_trig">
|
|
<value name="NUM">
|
|
<shadow type="math_number">
|
|
<field name="NUM">45</field>
|
|
</shadow>
|
|
</value>
|
|
</block>
|
|
<block type="math_constant"></block>
|
|
<block type="math_number_property">
|
|
<value name="NUMBER_TO_CHECK">
|
|
<shadow type="math_number">
|
|
<field name="NUM">0</field>
|
|
</shadow>
|
|
</value>
|
|
</block>
|
|
<block type="math_round">
|
|
<value name="NUM">
|
|
<shadow type="math_number">
|
|
<field name="NUM">3.1</field>
|
|
</shadow>
|
|
</value>
|
|
</block>
|
|
<block type="math_on_list"></block>
|
|
<block type="math_modulo">
|
|
<value name="DIVIDEND">
|
|
<shadow type="math_number">
|
|
<field name="NUM">64</field>
|
|
</shadow>
|
|
</value>
|
|
<value name="DIVISOR">
|
|
<shadow type="math_number">
|
|
<field name="NUM">10</field>
|
|
</shadow>
|
|
</value>
|
|
</block>
|
|
<block type="math_constrain">
|
|
<value name="VALUE">
|
|
<shadow type="math_number">
|
|
<field name="NUM">50</field>
|
|
</shadow>
|
|
</value>
|
|
<value name="LOW">
|
|
<shadow type="math_number">
|
|
<field name="NUM">1</field>
|
|
</shadow>
|
|
</value>
|
|
<value name="HIGH">
|
|
<shadow type="math_number">
|
|
<field name="NUM">100</field>
|
|
</shadow>
|
|
</value>
|
|
</block>
|
|
<block type="math_random_int">
|
|
<value name="FROM">
|
|
<shadow type="math_number">
|
|
<field name="NUM">1</field>
|
|
</shadow>
|
|
</value>
|
|
<value name="TO">
|
|
<shadow type="math_number">
|
|
<field name="NUM">100</field>
|
|
</shadow>
|
|
</value>
|
|
</block>
|
|
<block type="math_random_float"></block>
|
|
<block type="math_atan2">
|
|
<value name="X">
|
|
<shadow type="math_number">
|
|
<field name="NUM">1</field>
|
|
</shadow>
|
|
</value>
|
|
<value name="Y">
|
|
<shadow type="math_number">
|
|
<field name="NUM">1</field>
|
|
</shadow>
|
|
</value>
|
|
</block>
|
|
</category>
|
|
<category name="%{BKY_CATTEXT}" colour="%{BKY_TEXTS_HUE}">
|
|
<block type="text"></block>
|
|
<block type="text_join"></block>
|
|
<block type="text_append">
|
|
<value name="TEXT">
|
|
<shadow type="text"></shadow>
|
|
</value>
|
|
</block>
|
|
<block type="text_length">
|
|
<value name="VALUE">
|
|
<shadow type="text">
|
|
<field name="TEXT">abc</field>
|
|
</shadow>
|
|
</value>
|
|
</block>
|
|
<block type="text_isEmpty">
|
|
<value name="VALUE">
|
|
<shadow type="text">
|
|
<field name="TEXT"></field>
|
|
</shadow>
|
|
</value>
|
|
</block>
|
|
<block type="text_indexOf">
|
|
<value name="VALUE">
|
|
<block type="variables_get">
|
|
<field name="VAR">{textVariable}</field>
|
|
</block>
|
|
</value>
|
|
<value name="FIND">
|
|
<shadow type="text">
|
|
<field name="TEXT">abc</field>
|
|
</shadow>
|
|
</value>
|
|
</block>
|
|
<block type="text_charAt">
|
|
<value name="VALUE">
|
|
<block type="variables_get">
|
|
<field name="VAR">{textVariable}</field>
|
|
</block>
|
|
</value>
|
|
</block>
|
|
<block type="text_getSubstring">
|
|
<value name="STRING">
|
|
<block type="variables_get">
|
|
<field name="VAR">{textVariable}</field>
|
|
</block>
|
|
</value>
|
|
</block>
|
|
<block type="text_changeCase">
|
|
<value name="TEXT">
|
|
<shadow type="text">
|
|
<field name="TEXT">abc</field>
|
|
</shadow>
|
|
</value>
|
|
</block>
|
|
<block type="text_trim">
|
|
<value name="TEXT">
|
|
<shadow type="text">
|
|
<field name="TEXT">abc</field>
|
|
</shadow>
|
|
</value>
|
|
</block>
|
|
<block type="text_print">
|
|
<value name="TEXT">
|
|
<shadow type="text">
|
|
<field name="TEXT">abc</field>
|
|
</shadow>
|
|
</value>
|
|
</block>
|
|
<block type="text_prompt_ext">
|
|
<value name="TEXT">
|
|
<shadow type="text">
|
|
<field name="TEXT">abc</field>
|
|
</shadow>
|
|
</value>
|
|
</block>
|
|
</category>
|
|
<category name="%{BKY_CATLISTS}" colour="%{BKY_LISTS_HUE}">
|
|
<block type="lists_create_with">
|
|
<mutation items="0"></mutation>
|
|
</block>
|
|
<block type="lists_create_with"></block>
|
|
<block type="lists_repeat">
|
|
<value name="NUM">
|
|
<shadow type="math_number">
|
|
<field name="NUM">5</field>
|
|
</shadow>
|
|
</value>
|
|
</block>
|
|
<block type="lists_length"></block>
|
|
<block type="lists_isEmpty"></block>
|
|
<block type="lists_indexOf">
|
|
<value name="VALUE">
|
|
<block type="variables_get">
|
|
<field name="VAR">{listVariable}</field>
|
|
</block>
|
|
</value>
|
|
</block>
|
|
<block type="lists_getIndex">
|
|
<value name="VALUE">
|
|
<block type="variables_get">
|
|
<field name="VAR">{listVariable}</field>
|
|
</block>
|
|
</value>
|
|
</block>
|
|
<block type="lists_setIndex">
|
|
<value name="LIST">
|
|
<block type="variables_get">
|
|
<field name="VAR">{listVariable}</field>
|
|
</block>
|
|
</value>
|
|
</block>
|
|
<block type="lists_getSublist">
|
|
<value name="LIST">
|
|
<block type="variables_get">
|
|
<field name="VAR">{listVariable}</field>
|
|
</block>
|
|
</value>
|
|
</block>
|
|
<block type="lists_split">
|
|
<value name="DELIM">
|
|
<shadow type="text">
|
|
<field name="TEXT">,</field>
|
|
</shadow>
|
|
</value>
|
|
</block>
|
|
<block type="lists_sort"></block>
|
|
</category>
|
|
<sep></sep>
|
|
<category name="%{BKY_CATVARIABLES}" colour="%{BKY_VARIABLES_HUE}" custom="VARIABLE"></category>
|
|
<category name="%{BKY_CATFUNCTIONS}" colour="%{BKY_PROCEDURES_HUE}" custom="PROCEDURE"></category>
|
|
</xml>
|
|
|
|
</body>
|
|
</html>
|