feat: add draw_emoji block (#51)

Author: rachel-fenichel

src/blocks/p5_blocks.js

@@ -170,13 +170,39 @@ const ellipse = {
   'helpUrl': 'https://p5js.org/reference/#/p5/ellipse',
 };
 
+const draw_emoji = {
+  'type': 'draw_emoji',
+  'tooltip': '',
+  'helpUrl': '',
+  'message0': 'draw %1 %2',
+  'args0': [
+    {
+      'type': 'field_dropdown',
+      'name': 'emoji',
+      'options': [
+        ['❤️', '❤️'],
+        ['✨', '✨'],
+        ['🐻', '🐻'],
+      ],
+    },
+    {
+      'type': 'input_dummy',
+      'name': '',
+    },
+  ],
+  'previousStatement': null,
+  'nextStatement': null,
+  'colour': 230,
+};
+
 // Create the block definitions for all the JSON-only blocks.
 // This does not register their definitions with Blockly.
 const jsonBlocks = Blockly.common.createBlockDefinitionsFromJsonArray([
   background,
   stroke,
   fill,
   ellipse,
+  draw_emoji,
 ]);
 
 export const blocks = {

src/blocks/p5_generators.js

@@ -61,3 +61,10 @@ forBlock['p5_ellipse'] = function (block, generator) {
   const height = generator.valueToCode(block, 'HEIGHT', Order.NONE) || 0;
   return `sketch.ellipse(${x}, ${y}, ${width}, ${height});\n`;
 };
+
+forBlock['draw_emoji'] = function (block) {
+  const dropdown_emoji = block.getFieldValue('emoji');
+  const code = `sketch.textSize(100);
+sketch.text('${dropdown_emoji}', 150, 200);\n`;
+  return code;
+};

src/blocks/toolbox.js

@@ -44,6 +44,10 @@ export const toolbox = {
       kind: 'block',
       type: 'colour_random',
     },
+    {
+      kind: 'block',
+      type: 'draw_emoji',
+    },
     {
       kind: 'block',
       type: 'p5_ellipse',