diff --git a/examples/joystick/dual-stick.html b/examples/joystick/dual-stick.html
index 5992c7df7..4f270616d 100644
--- a/examples/joystick/dual-stick.html
+++ b/examples/joystick/dual-stick.html
@@ -1,58 +1,61 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>Joystick Input</title>
-    <style>
-        html, body, kano-app-editor {
-            width: 100%;
-            height: 100%;
-            margin: 0;
-        }
-    </style>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<title>Joystick Input</title>
+<style>
+html,
+body,
+kano-app-editor {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+}
+</style>
 </head>
+
 <body>
 <script type="module">
-  import * as code from '../../index.js';
-  import * as i18n from '../../i18n.js';
+import * as code from '../../index.js';
+import * as i18n from '../../i18n.js';
 
-  const lang = i18n.getLang();
+const lang = i18n.getLang();
 
-  const app = {
-  "source": "<xml xmlns=\"http://www.w3.org/1999/xhtml\"><variables><variable type=\"\" id=\"W+}wRK_[8yQ-=peAs38!\">speed</variable></variables><block type=\"app_onStart\" id=\"j-T@yof?NXR;{6mF/IJ/\" x=\"-135\" y=\"22\"><field name=\"FLASH\"></field><statement name=\"CALLBACK\"><block type=\"draw_set_background_color\" id=\"%we|]iJO+T9fRSY3v]An\"><value name=\"COLOR\"><shadow type=\"colour_picker\" id=\"8zxO`OhOfWO;R$1dhk!D\"><field name=\"COLOUR\">#000000</field></shadow></value><next><block type=\"directionStick_moveTo\" id=\"wHxJ3feIK/G=Yr1|uDTB\"><value name=\"X\"><shadow type=\"math_number\" id=\"0T]W-g-QOq~n8,R7oaaZ\"><field name=\"NUM\">100</field></shadow></value><value name=\"Y\"><shadow type=\"math_number\" id=\"2w*~PSG$cFqWs{o|MP?P\"><field name=\"NUM\">500</field></shadow></value><next><block type=\"speedStick_moveTo\" id=\"6u[1be!WX}wNxZ,PPFHV\"><value name=\"X\"><shadow type=\"math_number\" id=\"e,6T_PY~hV,i9UI`{GgH\"><field name=\"NUM\">700</field></shadow></value><value name=\"Y\"><shadow type=\"math_number\" id=\"3cRd!U2-RUfEU|F|n(o(\"><field name=\"NUM\">500</field></shadow></value><next><block type=\"player_image_set\" id=\"X5TrsertKpn_q?cQSO=`\"><value name=\"IMAGE\"><shadow type=\"stamp_getImage\" id=\"^Uj$+}i~%(EQkjk=?ZW5\"><field name=\"STICKER\">rocket</field></shadow></value><next><block type=\"player_setScale\" id=\"^+oxKIil4^]I@BaJExIB\"><value name=\"SCALE\"><shadow type=\"math_number\" id=\"FJ*dEms6GXF^~gg?pP33\"><field name=\"NUM\">50</field></shadow></value><next><block type=\"variables_set\" id=\"vowV8vayz$L-BpB1;qBW\"><field name=\"VAR\" id=\"W+}wRK_[8yQ-=peAs38!\" variabletype=\"\">speed</field><value name=\"VALUE\"><block type=\"math_number\" id=\"-fKh`ljf1jVZ$TL9@McD\"><field name=\"NUM\">0</field></block></value><next><block type=\"player_turn\" id=\"p7)^$[EeJjtCNuocY%Xy\"><field name=\"TYPE\">counterclockwise</field><value name=\"ROTATION\"><shadow type=\"angle\" id=\"fG`kzIl**?B|wJfG^s/e\"><field name=\"VALUE\">45</field></shadow></value></block></next></block></next></block></next></block></next></block></next></block></next></block></statement></block><block type=\"every_x_seconds\" id=\"Uaoea|{s@,-9w;i^^=WD\" x=\"270\" y=\"17\"><field name=\"UNIT\">frames</field><value name=\"INTERVAL\"><shadow type=\"math_number\" id=\"oPuc0nBf}3Y+lE`b[isr\"><field name=\"NUM\">1</field></shadow></value><statement name=\"DO\"><block type=\"controls_if\" id=\";cc6B0Ff0e{=1dGj}wU_\"><field name=\"CONFIG\">{\"elseIfs\":1,\"else\":false}</field><value name=\"IF0\"><block type=\"directionStick_left_get\" id=\"uT^oHG27YJB@c_/ERRyk\"></block></value><statement name=\"DO0\"><block type=\"player_turn\" id=\"LEQm~(!HyYp2Lm,V][!O\"><field name=\"TYPE\">counterclockwise</field><value name=\"ROTATION\"><shadow type=\"angle\" id=\"Dnr6gt9dh+]0}HFhgHD!\"><field name=\"VALUE\">0</field></shadow><block type=\"directionStick_force_get\" id=\"kdCk$HFSwucH2qz$(xTh\"></block></value></block></statement><value name=\"IF1\"><block type=\"directionStick_right_get\" id=\"ncs7M4TX?Es/]tzfqTF!\"></block></value><statement name=\"DO1\"><block type=\"player_turn\" id=\"B*`-j2]%_$cw;^Vfny^6\"><field name=\"TYPE\">clockwise</field><value name=\"ROTATION\"><shadow type=\"angle\" id=\"+l88Zc3F,[aVsz2Q+b*r\"><field name=\"VALUE\">0</field></shadow><block type=\"directionStick_force_get\" id=\"jED,P$s1?tKA`2WCO8{2\"></block></value></block></statement><next><block type=\"controls_if\" id=\"Kd@DG;x_[/FG/|[XX4Ff\"><field name=\"CONFIG\">{\"elseIfs\":1,\"else\":true}</field><value name=\"IF0\"><block type=\"speedStick_up_get\" id=\"?U~U(6aRw_gOv{RC$s=R\"></block></value><statement name=\"DO0\"><block type=\"unary\" id=\"qF;-)|xyWe)?ChL_JSlx\"><field name=\"LEFT_HAND\" id=\"W+}wRK_[8yQ-=peAs38!\" variabletype=\"\">speed</field><field name=\"OPERATOR\">+=</field><value name=\"RIGHT_HAND\"><shadow type=\"math_number\" id=\"o}ltwY6]=WG,rZu^vPX3\"><field name=\"NUM\">0.1</field></shadow><block type=\"speedStick_force_get\" id=\"8Xkz,t9^/CK+IAw?u1u@\"></block></value></block></statement><value name=\"IF1\"><block type=\"speedStick_down_get\" id=\"O)8Kf1QYhSRBwxd6v%Kd\"></block></value><statement name=\"DO1\"><block type=\"unary\" id=\"iS+=Of=w,5PFIH=6+s@`\"><field name=\"LEFT_HAND\" id=\"W+}wRK_[8yQ-=peAs38!\" variabletype=\"\">speed</field><field name=\"OPERATOR\">-=</field><value name=\"RIGHT_HAND\"><shadow type=\"math_number\" id=\"o}ltwY6]=WG,rZu^vPX3\"><field name=\"NUM\">0.1</field></shadow><block type=\"speedStick_force_get\" id=\"XGGKR`{D7Px@+Sof)KI*\"></block></value></block></statement><statement name=\"ELSE\"><block type=\"unary\" id=\"v7Gd=GA=@ZP;;u3-6rmb\"><field name=\"LEFT_HAND\" id=\"W+}wRK_[8yQ-=peAs38!\" variabletype=\"\">speed</field><field name=\"OPERATOR\">-=</field><value name=\"RIGHT_HAND\"><shadow type=\"math_number\" id=\"[^046yQ~i5TAUmyA4SJ/\"><field name=\"NUM\">0.5</field></shadow></value></block></statement><next><block type=\"variables_set\" id=\"qikXitRjTQ6//cf$]jlZ\"><field name=\"VAR\" id=\"W+}wRK_[8yQ-=peAs38!\" variabletype=\"\">speed</field><value name=\"VALUE\"><block type=\"math_constrain\" id=\"rctlJ(!`0%fiPr?Pj0br\"><value name=\"VALUE\"><shadow type=\"math_number\" id=\"=(_l}7J8XvTWHdS0yH3h\"><field name=\"NUM\">0</field></shadow><block type=\"variables_get\" id=\"CKv{]W0P/wNo=7/2U|Mp\"><field name=\"VAR\" id=\"W+}wRK_[8yQ-=peAs38!\" variabletype=\"\">speed</field></block></value><value name=\"LOW\"><shadow type=\"math_number\" id=\"R6In[nT/x(tV_I`k{fP$\"><field name=\"NUM\">0</field></shadow></value><value name=\"HIGH\"><shadow type=\"math_number\" id=\"4]Rs3odJ|kTF^jI_/~kk\"><field name=\"NUM\">100</field></shadow></value></block></value><next><block type=\"player_turn\" id=\"5M+WrD^a0LR-mo8Cwgaq\"><field name=\"TYPE\">counterclockwise</field><value name=\"ROTATION\"><shadow type=\"angle\" id=\"xQtzz^BqqU/~aGP5cZxS\"><field name=\"VALUE\">45</field></shadow></value><next><block type=\"player_moveAlong\" id=\"IUCYv$c{L@YG?L%F=9i6\"><value name=\"DISTANCE\"><shadow type=\"math_number\" id=\"doId+,RD]ogoZ`Oax4F+\"><field name=\"NUM\">0</field></shadow><block type=\"math_arithmetic\" id=\"lsb+2+[Iw3TPCfb@|bCm\"><field name=\"OP\">DIVIDE</field><value name=\"A\"><shadow type=\"math_number\" id=\"tE|ZLU*,T-RW!8U3l+=Z\"><field name=\"NUM\">0</field></shadow><block type=\"variables_get\" id=\"/TZ!yN3vQI,`Yis!5-Kz\"><field name=\"VAR\" id=\"W+}wRK_[8yQ-=peAs38!\" variabletype=\"\">speed</field></block></value><value name=\"B\"><shadow type=\"math_number\" id=\"LZ2Cxd0cAP^Bc+bLUqKO\"><field name=\"NUM\">10</field></shadow></value></block></value><next><block type=\"player_turn\" id=\"X!pkfnTNps8d-rLJ{uls\"><field name=\"TYPE\">clockwise</field><value name=\"ROTATION\"><shadow type=\"angle\" id=\"%@sFvHLOd^,fh~C]!I$P\"><field name=\"VALUE\">45</field></shadow></value><next><block type=\"controls_if\" id=\"=k$Po_%4rX6UL*N}8;@y\"><field name=\"CONFIG\">{\"elseIfs\":0,\"else\":false}</field><value name=\"IF0\"><block type=\"logic_compare\" id=\"@n22db@|`m;Hr+crP6so\"><field name=\"OP\">GT</field><value name=\"A\"><block type=\"player_y_get\" id=\"4!z+`^2{dpIEeR^D!]t=\"></block></value><value name=\"B\"><block type=\"math_number\" id=\"ZSOIy2{SB^y/Y9e!ucL(\"><field name=\"NUM\">675</field></block></value></block></value><statement name=\"DO0\"><block type=\"player_moveTo\" id=\"}Lrhgw[c=QY,=zdZbgLy\"><value name=\"X\"><shadow type=\"math_number\" id=\"+)1@oYPqm+E%~Bg=$WD`\"><field name=\"NUM\">0</field></shadow><block type=\"player_x_get\" id=\"{y{w{yf8K;7WWKo2m?0$\"></block></value><value name=\"Y\"><shadow type=\"math_number\" id=\"44bZ9vZJ)PAYiCk_T25J\"><field name=\"NUM\">0</field></shadow><block type=\"math_arithmetic\" id=\"nvCD|Zfi$nkj{nNSVZ*E\"><field name=\"OP\">MINUS</field><value name=\"A\"><shadow type=\"math_number\" id=\"yJomQq(f}6;85OAeK}tS\"><field name=\"NUM\">0</field></shadow><block type=\"player_y_get\" id=\"NCSAX~d|b,9JxgB^zmRq\"></block></value><value name=\"B\"><shadow type=\"math_number\" id=\"/7k8rHTZd;nM0OPpn$|0\"><field name=\"NUM\">745</field></shadow></value></block></value></block></statement><next><block type=\"controls_if\" id=\"f)v5^OWH5ST^oE2K@mBY\"><field name=\"CONFIG\">{\"elseIfs\":0,\"else\":false}</field><value name=\"IF0\"><block type=\"logic_compare\" id=\"tF+k1v2lVv4(,}cH)9]u\"><field name=\"OP\">LT</field><value name=\"A\"><block type=\"player_y_get\" id=\"boGKDRv]Vnk5=9,r8QZg\"></block></value><value name=\"B\"><block type=\"math_number\" id=\"PMRvyzmaNi2PR8U0-Z47\"><field name=\"NUM\">-75</field></block></value></block></value><statement name=\"DO0\"><block type=\"player_moveTo\" id=\"]61}3lwgQ_NA];h{6HC|\"><value name=\"X\"><shadow type=\"math_number\" id=\"+)1@oYPqm+E%~Bg=$WD`\"><field name=\"NUM\">0</field></shadow><block type=\"player_x_get\" id=\"TT(oQ[z58Mh,lB@DRWtb\"></block></value><value name=\"Y\"><shadow type=\"math_number\" id=\"44bZ9vZJ)PAYiCk_T25J\"><field name=\"NUM\">0</field></shadow><block type=\"math_arithmetic\" id=\"/aW7XnORTWJn2m_WK]iD\"><field name=\"OP\">ADD</field><value name=\"A\"><shadow type=\"math_number\" id=\"yJomQq(f}6;85OAeK}tS\"><field name=\"NUM\">0</field></shadow><block type=\"player_y_get\" id=\"Kv5-+G5B;t$fqr|r3?1B\"></block></value><value name=\"B\"><shadow type=\"math_number\" id=\"HH^/D)0MlN+*1(mH8QM{\"><field name=\"NUM\">745</field></shadow></value></block></value></block></statement><next><block type=\"controls_if\" id=\"@OYK7()lgPm!o;0105bZ\"><field name=\"CONFIG\">{\"elseIfs\":0,\"else\":false}</field><value name=\"IF0\"><block type=\"logic_compare\" id=\"]VDWkJ0V9N/QNI$P[)`p\"><field name=\"OP\">GT</field><value name=\"A\"><block type=\"player_x_get\" id=\"!xvoL^f(7~~%=O0A+!NG\"></block></value><value name=\"B\"><block type=\"math_number\" id=\"7|r-t*cZyfK8iuO}iMQr\"><field name=\"NUM\">850</field></block></value></block></value><statement name=\"DO0\"><block type=\"player_moveTo\" id=\"he1,)e6*0wj%Cbi,A6}`\"><value name=\"X\"><shadow type=\"math_number\" id=\"+)1@oYPqm+E%~Bg=$WD`\"><field name=\"NUM\">0</field></shadow><block type=\"math_arithmetic\" id=\"j%]66e0KtQBIk@Xi_BT0\"><field name=\"OP\">MINUS</field><value name=\"A\"><shadow type=\"math_number\" id=\"yJomQq(f}6;85OAeK}tS\"><field name=\"NUM\">0</field></shadow><block type=\"player_x_get\" id=\"Ub+ZEMUDYmRPfxqGBDeg\"></block></value><value name=\"B\"><shadow type=\"math_number\" id=\"pa6F7gP7/BS1UNEji7-/\"><field name=\"NUM\">900</field></shadow></value></block></value><value name=\"Y\"><shadow type=\"math_number\" id=\"44bZ9vZJ)PAYiCk_T25J\"><field name=\"NUM\">0</field></shadow><block type=\"player_y_get\" id=\"MM6!fKl+OSip@1~Y-Wg]\"></block></value></block></statement><next><block type=\"controls_if\" id=\"gVI`U_AFtH{GAmzsqd?f\"><field name=\"CONFIG\">{\"elseIfs\":0,\"else\":false}</field><value name=\"IF0\"><block type=\"logic_compare\" id=\"yEk9{kwb(/-$n$n27T|F\"><field name=\"OP\">LT</field><value name=\"A\"><block type=\"player_x_get\" id=\"CvP78;f`%J58Ed6fPhB1\"></block></value><value name=\"B\"><block type=\"math_number\" id=\"v,GeW_C2i[EieEJJi4xH\"><field name=\"NUM\">-50</field></block></value></block></value><statement name=\"DO0\"><block type=\"player_moveTo\" id=\"T`knS?9lrBTuNmDXg*$$\"><value name=\"X\"><shadow type=\"math_number\" id=\"+)1@oYPqm+E%~Bg=$WD`\"><field name=\"NUM\">0</field></shadow><block type=\"math_arithmetic\" id=\"=Uq[`%w@oT1lA_Cob91=\"><field name=\"OP\">ADD</field><value name=\"A\"><shadow type=\"math_number\" id=\"yJomQq(f}6;85OAeK}tS\"><field name=\"NUM\">0</field></shadow><block type=\"player_x_get\" id=\"u1Pgt[Bj*(h(KyHUU9x?\"></block></value><value name=\"B\"><shadow type=\"math_number\" id=\",s;MXgVU-jJ_bnFvG1ab\"><field name=\"NUM\">900</field></shadow></value></block></value><value name=\"Y\"><shadow type=\"math_number\" id=\"44bZ9vZJ)PAYiCk_T25J\"><field name=\"NUM\">0</field></shadow><block type=\"player_y_get\" id=\"$+)WCZia6WE{v9@1bdk0\"></block></value></block></statement></block></next></block></next></block></next></block></next></block></next></block></next></block></next></block></next></block></next></block></statement></block></xml>",
-  "code": "var speed;\n\n\napp.onStart(function() {\n  ctx.background = '#000000';\n  directionStick.moveTo(100, 500);\n  speedStick.moveTo(700, 500);\n  player.image = 'rocket';\n  player.setScale(50);\n  speed = 0;\n  player.turnCCW(45);\n\n});\n\ntime.every(1, 'frames', function () {\n  if (directionStick.left) {\n    player.turnCCW(directionStick.force);\n  } else if (directionStick.right) {\n    player.turnCW(directionStick.force);\n  }\n  if (speedStick.up) {\n    speed += speedStick.force;\n  } else if (speedStick.down) {\n    speed -= speedStick.force;\n  } else {\n    speed -= 0.5;\n  }\n  speed = Math.min(Math.max(speed, 0), 100);\n  player.turnCCW(45);\n  player.moveAlong(speed / 10);\n  player.turnCW(45);\n  if (player.y > 675) {\n    player.moveTo(player.x, player.y - 745);\n  }\n  if (player.y < -75) {\n    player.moveTo(player.x, player.y + 745);\n  }\n  if (player.x > 850) {\n    player.moveTo(player.x - 900, player.y);\n  }\n  if (player.x < -50) {\n    player.moveTo(player.x + 900, player.y);\n  }\n});\n",
-  "parts": [
-    {
-      "type": "sticker",
-      "id": "player",
-      "name": "Player"
-    },
-    {
-      "type": "joystick",
-      "id": "directionStick",
-      "name": "DirectionStick",
-      "axis": 1
-    },
-    {
-      "type": "joystick",
-      "id": "speedStick",
-      "name": "SpeedStick",
-      "axis": 2
-    }
-  ],
-  "profile": "default"
+const app = {
+    "source": "<xml xmlns=\"http://www.w3.org/1999/xhtml\"><variables><variable type=\"\" id=\"W+}wRK_[8yQ-=peAs38!\">speed</variable></variables><block type=\"app_onStart\" id=\"j-T@yof?NXR;{6mF/IJ/\" x=\"-135\" y=\"22\"><field name=\"FLASH\"></field><statement name=\"CALLBACK\"><block type=\"draw_set_background_color\" id=\"%we|]iJO+T9fRSY3v]An\"><value name=\"COLOR\"><shadow type=\"colour_picker\" id=\"8zxO`OhOfWO;R$1dhk!D\"><field name=\"COLOUR\">#000000</field></shadow></value><next><block type=\"directionStick_moveTo\" id=\"wHxJ3feIK/G=Yr1|uDTB\"><value name=\"X\"><shadow type=\"math_number\" id=\"0T]W-g-QOq~n8,R7oaaZ\"><field name=\"NUM\">100</field></shadow></value><value name=\"Y\"><shadow type=\"math_number\" id=\"2w*~PSG$cFqWs{o|MP?P\"><field name=\"NUM\">500</field></shadow></value><next><block type=\"speedStick_moveTo\" id=\"6u[1be!WX}wNxZ,PPFHV\"><value name=\"X\"><shadow type=\"math_number\" id=\"e,6T_PY~hV,i9UI`{GgH\"><field name=\"NUM\">700</field></shadow></value><value name=\"Y\"><shadow type=\"math_number\" id=\"3cRd!U2-RUfEU|F|n(o(\"><field name=\"NUM\">500</field></shadow></value><next><block type=\"player_image_set\" id=\"X5TrsertKpn_q?cQSO=`\"><value name=\"IMAGE\"><shadow type=\"stamp_getImage\" id=\"^Uj$+}i~%(EQkjk=?ZW5\"><field name=\"STICKER\">rocket</field></shadow></value><next><block type=\"player_setScale\" id=\"^+oxKIil4^]I@BaJExIB\"><value name=\"SCALE\"><shadow type=\"math_number\" id=\"FJ*dEms6GXF^~gg?pP33\"><field name=\"NUM\">50</field></shadow></value><next><block type=\"variables_set\" id=\"vowV8vayz$L-BpB1;qBW\"><field name=\"VAR\" id=\"W+}wRK_[8yQ-=peAs38!\" variabletype=\"\">speed</field><value name=\"VALUE\"><block type=\"math_number\" id=\"-fKh`ljf1jVZ$TL9@McD\"><field name=\"NUM\">0</field></block></value><next><block type=\"player_turn\" id=\"p7)^$[EeJjtCNuocY%Xy\"><field name=\"TYPE\">counterclockwise</field><value name=\"ROTATION\"><shadow type=\"angle\" id=\"fG`kzIl**?B|wJfG^s/e\"><field name=\"VALUE\">45</field></shadow></value></block></next></block></next></block></next></block></next></block></next></block></next></block></statement></block><block type=\"every_x_seconds\" id=\"Uaoea|{s@,-9w;i^^=WD\" x=\"270\" y=\"17\"><field name=\"UNIT\">frames</field><value name=\"INTERVAL\"><shadow type=\"math_number\" id=\"oPuc0nBf}3Y+lE`b[isr\"><field name=\"NUM\">1</field></shadow></value><statement name=\"DO\"><block type=\"controls_if\" id=\";cc6B0Ff0e{=1dGj}wU_\"><field name=\"CONFIG\">{\"elseIfs\":1,\"else\":false}</field><value name=\"IF0\"><block type=\"directionStick_left_get\" id=\"uT^oHG27YJB@c_/ERRyk\"></block></value><statement name=\"DO0\"><block type=\"player_turn\" id=\"LEQm~(!HyYp2Lm,V][!O\"><field name=\"TYPE\">counterclockwise</field><value name=\"ROTATION\"><shadow type=\"angle\" id=\"Dnr6gt9dh+]0}HFhgHD!\"><field name=\"VALUE\">0</field></shadow><block type=\"directionStick_force_get\" id=\"kdCk$HFSwucH2qz$(xTh\"></block></value></block></statement><value name=\"IF1\"><block type=\"directionStick_right_get\" id=\"ncs7M4TX?Es/]tzfqTF!\"></block></value><statement name=\"DO1\"><block type=\"player_turn\" id=\"B*`-j2]%_$cw;^Vfny^6\"><field name=\"TYPE\">clockwise</field><value name=\"ROTATION\"><shadow type=\"angle\" id=\"+l88Zc3F,[aVsz2Q+b*r\"><field name=\"VALUE\">0</field></shadow><block type=\"directionStick_force_get\" id=\"jED,P$s1?tKA`2WCO8{2\"></block></value></block></statement><next><block type=\"controls_if\" id=\"Kd@DG;x_[/FG/|[XX4Ff\"><field name=\"CONFIG\">{\"elseIfs\":1,\"else\":true}</field><value name=\"IF0\"><block type=\"speedStick_up_get\" id=\"?U~U(6aRw_gOv{RC$s=R\"></block></value><statement name=\"DO0\"><block type=\"unary\" id=\"qF;-)|xyWe)?ChL_JSlx\"><field name=\"LEFT_HAND\" id=\"W+}wRK_[8yQ-=peAs38!\" variabletype=\"\">speed</field><field name=\"OPERATOR\">+=</field><value name=\"RIGHT_HAND\"><shadow type=\"math_number\" id=\"o}ltwY6]=WG,rZu^vPX3\"><field name=\"NUM\">0.1</field></shadow><block type=\"speedStick_force_get\" id=\"8Xkz,t9^/CK+IAw?u1u@\"></block></value></block></statement><value name=\"IF1\"><block type=\"speedStick_down_get\" id=\"O)8Kf1QYhSRBwxd6v%Kd\"></block></value><statement name=\"DO1\"><block type=\"unary\" id=\"iS+=Of=w,5PFIH=6+s@`\"><field name=\"LEFT_HAND\" id=\"W+}wRK_[8yQ-=peAs38!\" variabletype=\"\">speed</field><field name=\"OPERATOR\">-=</field><value name=\"RIGHT_HAND\"><shadow type=\"math_number\" id=\"o}ltwY6]=WG,rZu^vPX3\"><field name=\"NUM\">0.1</field></shadow><block type=\"speedStick_force_get\" id=\"XGGKR`{D7Px@+Sof)KI*\"></block></value></block></statement><statement name=\"ELSE\"><block type=\"unary\" id=\"v7Gd=GA=@ZP;;u3-6rmb\"><field name=\"LEFT_HAND\" id=\"W+}wRK_[8yQ-=peAs38!\" variabletype=\"\">speed</field><field name=\"OPERATOR\">-=</field><value name=\"RIGHT_HAND\"><shadow type=\"math_number\" id=\"[^046yQ~i5TAUmyA4SJ/\"><field name=\"NUM\">0.5</field></shadow></value></block></statement><next><block type=\"variables_set\" id=\"qikXitRjTQ6//cf$]jlZ\"><field name=\"VAR\" id=\"W+}wRK_[8yQ-=peAs38!\" variabletype=\"\">speed</field><value name=\"VALUE\"><block type=\"math_constrain\" id=\"rctlJ(!`0%fiPr?Pj0br\"><value name=\"VALUE\"><shadow type=\"math_number\" id=\"=(_l}7J8XvTWHdS0yH3h\"><field name=\"NUM\">0</field></shadow><block type=\"variables_get\" id=\"CKv{]W0P/wNo=7/2U|Mp\"><field name=\"VAR\" id=\"W+}wRK_[8yQ-=peAs38!\" variabletype=\"\">speed</field></block></value><value name=\"LOW\"><shadow type=\"math_number\" id=\"R6In[nT/x(tV_I`k{fP$\"><field name=\"NUM\">0</field></shadow></value><value name=\"HIGH\"><shadow type=\"math_number\" id=\"4]Rs3odJ|kTF^jI_/~kk\"><field name=\"NUM\">100</field></shadow></value></block></value><next><block type=\"player_turn\" id=\"5M+WrD^a0LR-mo8Cwgaq\"><field name=\"TYPE\">counterclockwise</field><value name=\"ROTATION\"><shadow type=\"angle\" id=\"xQtzz^BqqU/~aGP5cZxS\"><field name=\"VALUE\">45</field></shadow></value><next><block type=\"player_moveAlong\" id=\"IUCYv$c{L@YG?L%F=9i6\"><value name=\"DISTANCE\"><shadow type=\"math_number\" id=\"doId+,RD]ogoZ`Oax4F+\"><field name=\"NUM\">0</field></shadow><block type=\"math_arithmetic\" id=\"lsb+2+[Iw3TPCfb@|bCm\"><field name=\"OP\">DIVIDE</field><value name=\"A\"><shadow type=\"math_number\" id=\"tE|ZLU*,T-RW!8U3l+=Z\"><field name=\"NUM\">0</field></shadow><block type=\"variables_get\" id=\"/TZ!yN3vQI,`Yis!5-Kz\"><field name=\"VAR\" id=\"W+}wRK_[8yQ-=peAs38!\" variabletype=\"\">speed</field></block></value><value name=\"B\"><shadow type=\"math_number\" id=\"LZ2Cxd0cAP^Bc+bLUqKO\"><field name=\"NUM\">10</field></shadow></value></block></value><next><block type=\"player_turn\" id=\"X!pkfnTNps8d-rLJ{uls\"><field name=\"TYPE\">clockwise</field><value name=\"ROTATION\"><shadow type=\"angle\" id=\"%@sFvHLOd^,fh~C]!I$P\"><field name=\"VALUE\">45</field></shadow></value><next><block type=\"controls_if\" id=\"=k$Po_%4rX6UL*N}8;@y\"><field name=\"CONFIG\">{\"elseIfs\":0,\"else\":false}</field><value name=\"IF0\"><block type=\"logic_compare\" id=\"@n22db@|`m;Hr+crP6so\"><field name=\"OP\">GT</field><value name=\"A\"><block type=\"player_y_get\" id=\"4!z+`^2{dpIEeR^D!]t=\"></block></value><value name=\"B\"><block type=\"math_number\" id=\"ZSOIy2{SB^y/Y9e!ucL(\"><field name=\"NUM\">675</field></block></value></block></value><statement name=\"DO0\"><block type=\"player_moveTo\" id=\"}Lrhgw[c=QY,=zdZbgLy\"><value name=\"X\"><shadow type=\"math_number\" id=\"+)1@oYPqm+E%~Bg=$WD`\"><field name=\"NUM\">0</field></shadow><block type=\"player_x_get\" id=\"{y{w{yf8K;7WWKo2m?0$\"></block></value><value name=\"Y\"><shadow type=\"math_number\" id=\"44bZ9vZJ)PAYiCk_T25J\"><field name=\"NUM\">0</field></shadow><block type=\"math_arithmetic\" id=\"nvCD|Zfi$nkj{nNSVZ*E\"><field name=\"OP\">MINUS</field><value name=\"A\"><shadow type=\"math_number\" id=\"yJomQq(f}6;85OAeK}tS\"><field name=\"NUM\">0</field></shadow><block type=\"player_y_get\" id=\"NCSAX~d|b,9JxgB^zmRq\"></block></value><value name=\"B\"><shadow type=\"math_number\" id=\"/7k8rHTZd;nM0OPpn$|0\"><field name=\"NUM\">745</field></shadow></value></block></value></block></statement><next><block type=\"controls_if\" id=\"f)v5^OWH5ST^oE2K@mBY\"><field name=\"CONFIG\">{\"elseIfs\":0,\"else\":false}</field><value name=\"IF0\"><block type=\"logic_compare\" id=\"tF+k1v2lVv4(,}cH)9]u\"><field name=\"OP\">LT</field><value name=\"A\"><block type=\"player_y_get\" id=\"boGKDRv]Vnk5=9,r8QZg\"></block></value><value name=\"B\"><block type=\"math_number\" id=\"PMRvyzmaNi2PR8U0-Z47\"><field name=\"NUM\">-75</field></block></value></block></value><statement name=\"DO0\"><block type=\"player_moveTo\" id=\"]61}3lwgQ_NA];h{6HC|\"><value name=\"X\"><shadow type=\"math_number\" id=\"+)1@oYPqm+E%~Bg=$WD`\"><field name=\"NUM\">0</field></shadow><block type=\"player_x_get\" id=\"TT(oQ[z58Mh,lB@DRWtb\"></block></value><value name=\"Y\"><shadow type=\"math_number\" id=\"44bZ9vZJ)PAYiCk_T25J\"><field name=\"NUM\">0</field></shadow><block type=\"math_arithmetic\" id=\"/aW7XnORTWJn2m_WK]iD\"><field name=\"OP\">ADD</field><value name=\"A\"><shadow type=\"math_number\" id=\"yJomQq(f}6;85OAeK}tS\"><field name=\"NUM\">0</field></shadow><block type=\"player_y_get\" id=\"Kv5-+G5B;t$fqr|r3?1B\"></block></value><value name=\"B\"><shadow type=\"math_number\" id=\"HH^/D)0MlN+*1(mH8QM{\"><field name=\"NUM\">745</field></shadow></value></block></value></block></statement><next><block type=\"controls_if\" id=\"@OYK7()lgPm!o;0105bZ\"><field name=\"CONFIG\">{\"elseIfs\":0,\"else\":false}</field><value name=\"IF0\"><block type=\"logic_compare\" id=\"]VDWkJ0V9N/QNI$P[)`p\"><field name=\"OP\">GT</field><value name=\"A\"><block type=\"player_x_get\" id=\"!xvoL^f(7~~%=O0A+!NG\"></block></value><value name=\"B\"><block type=\"math_number\" id=\"7|r-t*cZyfK8iuO}iMQr\"><field name=\"NUM\">850</field></block></value></block></value><statement name=\"DO0\"><block type=\"player_moveTo\" id=\"he1,)e6*0wj%Cbi,A6}`\"><value name=\"X\"><shadow type=\"math_number\" id=\"+)1@oYPqm+E%~Bg=$WD`\"><field name=\"NUM\">0</field></shadow><block type=\"math_arithmetic\" id=\"j%]66e0KtQBIk@Xi_BT0\"><field name=\"OP\">MINUS</field><value name=\"A\"><shadow type=\"math_number\" id=\"yJomQq(f}6;85OAeK}tS\"><field name=\"NUM\">0</field></shadow><block type=\"player_x_get\" id=\"Ub+ZEMUDYmRPfxqGBDeg\"></block></value><value name=\"B\"><shadow type=\"math_number\" id=\"pa6F7gP7/BS1UNEji7-/\"><field name=\"NUM\">900</field></shadow></value></block></value><value name=\"Y\"><shadow type=\"math_number\" id=\"44bZ9vZJ)PAYiCk_T25J\"><field name=\"NUM\">0</field></shadow><block type=\"player_y_get\" id=\"MM6!fKl+OSip@1~Y-Wg]\"></block></value></block></statement><next><block type=\"controls_if\" id=\"gVI`U_AFtH{GAmzsqd?f\"><field name=\"CONFIG\">{\"elseIfs\":0,\"else\":false}</field><value name=\"IF0\"><block type=\"logic_compare\" id=\"yEk9{kwb(/-$n$n27T|F\"><field name=\"OP\">LT</field><value name=\"A\"><block type=\"player_x_get\" id=\"CvP78;f`%J58Ed6fPhB1\"></block></value><value name=\"B\"><block type=\"math_number\" id=\"v,GeW_C2i[EieEJJi4xH\"><field name=\"NUM\">-50</field></block></value></block></value><statement name=\"DO0\"><block type=\"player_moveTo\" id=\"T`knS?9lrBTuNmDXg*$$\"><value name=\"X\"><shadow type=\"math_number\" id=\"+)1@oYPqm+E%~Bg=$WD`\"><field name=\"NUM\">0</field></shadow><block type=\"math_arithmetic\" id=\"=Uq[`%w@oT1lA_Cob91=\"><field name=\"OP\">ADD</field><value name=\"A\"><shadow type=\"math_number\" id=\"yJomQq(f}6;85OAeK}tS\"><field name=\"NUM\">0</field></shadow><block type=\"player_x_get\" id=\"u1Pgt[Bj*(h(KyHUU9x?\"></block></value><value name=\"B\"><shadow type=\"math_number\" id=\",s;MXgVU-jJ_bnFvG1ab\"><field name=\"NUM\">900</field></shadow></value></block></value><value name=\"Y\"><shadow type=\"math_number\" id=\"44bZ9vZJ)PAYiCk_T25J\"><field name=\"NUM\">0</field></shadow><block type=\"player_y_get\" id=\"$+)WCZia6WE{v9@1bdk0\"></block></value></block></statement></block></next></block></next></block></next></block></next></block></next></block></next></block></next></block></next></block></next></block></statement></block></xml>",
+    "code": "var speed;\n\n\napp.onStart(function() {\n  ctx.background = '#000000';\n  directionStick.moveTo(100, 500);\n  speedStick.moveTo(700, 500);\n  player.image = 'rocket';\n  player.setScale(50);\n  speed = 0;\n  player.turnCCW(45);\n\n});\n\ntime.every(1, 'frames', function () {\n  if (directionStick.left) {\n    player.turnCCW(directionStick.force);\n  } else if (directionStick.right) {\n    player.turnCW(directionStick.force);\n  }\n  if (speedStick.up) {\n    speed += speedStick.force;\n  } else if (speedStick.down) {\n    speed -= speedStick.force;\n  } else {\n    speed -= 0.5;\n  }\n  speed = Math.min(Math.max(speed, 0), 100);\n  player.turnCCW(45);\n  player.moveAlong(speed / 10);\n  player.turnCW(45);\n  if (player.y > 675) {\n    player.moveTo(player.x, player.y - 745);\n  }\n  if (player.y < -75) {\n    player.moveTo(player.x, player.y + 745);\n  }\n  if (player.x > 850) {\n    player.moveTo(player.x - 900, player.y);\n  }\n  if (player.x < -50) {\n    player.moveTo(player.x + 900, player.y);\n  }\n});\n",
+    "parts": [
+        {
+            "type": "sticker",
+            "id": "player",
+            "name": "Player"
+        },
+        {
+            "type": "joystick",
+            "id": "directionStick",
+            "name": "DirectionStick",
+            "axis": 1
+        },
+        {
+            "type": "joystick",
+            "id": "speedStick",
+            "name": "SpeedStick",
+            "axis": 2
+        }
+    ],
+    "profile": "default"
 };
 
-  i18n
-      .load(lang, { blockly: true, kanoCodePath: '/' })
-      .then(() => {
-          const editor = new code.Editor();
-          editor.load(app)
-          editor.inject(document.body);
-      });
-
-  </script>
+i18n
+    .load(lang, { blockly: true, kanoCodePath: '/' })
+    .then(() => {
+        const editor = new code.Editor();
+        editor.load(app)
+        editor.inject(document.body);
+    });
+</script>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/examples/joystick/index.html b/examples/joystick/index.html
index 176375c47..a80e31724 100644
--- a/examples/joystick/index.html
+++ b/examples/joystick/index.html
@@ -1,61 +1,63 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>Joystick Input</title>
-    <style>
-        html, body, kano-app-editor {
-            width: 100%;
-            height: 100%;
-            margin: 0;
-        }
-    </style>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<title>Joystick Input</title>
+<style>
+html,
+body,
+kano-app-editor {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+}
+</style>
 </head>
 <body>
 <script type="module">
-    import * as code from '../../index.js';
-    import * as i18n from '../../i18n.js';
+import * as code from '../../index.js';
+import * as i18n from '../../i18n.js';
 
-    const lang = i18n.getLang();
+const lang = i18n.getLang();
 
-    const app = {
-        "source": "<xml xmlns=\"http://www.w3.org/1999/xhtml\"><block type=\"app_onStart\" id=\"j-T@yof?NXR;{6mF/IJ/\" x=\"-135\" y=\"22\"><field name=\"FLASH\"></field><statement name=\"CALLBACK\"><block type=\"joystick_moveTo\" id=\"wHxJ3feIK/G=Yr1|uDTB\"><value name=\"X\"><shadow type=\"math_number\" id=\"0T]W-g-QOq~n8,R7oaaZ\"><field name=\"NUM\">100</field></shadow></value><value name=\"Y\"><shadow type=\"math_number\" id=\"2w*~PSG$cFqWs{o|MP?P\"><field name=\"NUM\">500</field></shadow></value><next><block type=\"player_image_set\" id=\"X5TrsertKpn_q?cQSO=`\"><value name=\"IMAGE\"><shadow type=\"stamp_getImage\" id=\"^Uj$+}i~%(EQkjk=?ZW5\"><field name=\"STICKER\">ladybug</field></shadow></value><next><block type=\"player_setScale\" id=\"^+oxKIil4^]I@BaJExIB\"><value name=\"SCALE\"><shadow type=\"math_number\" id=\"FJ*dEms6GXF^~gg?pP33\"><field name=\"NUM\">50</field></shadow></value><next><block type=\"food_setScale\" id=\"o=AtT!qYk@{*U?EmwP{T\"><value name=\"SCALE\"><shadow type=\"math_number\" id=\"jkY7_j^36uhVbvyT?_sS\"><field name=\"NUM\">50</field></shadow></value><next><block type=\"food_moveTo\" id=\"1UKLKp_hw4)c?uElq=Rl\" inline=\"false\"><value name=\"X\"><shadow type=\"math_number\" id=\"FYM-nUiIctQp*G6_e~DS\"><field name=\"NUM\">-500</field></shadow></value><value name=\"Y\"><shadow type=\"math_number\" id=\"6(Am0`Ejxjqp{uj3rdn^\"><field name=\"NUM\">-500</field></shadow></value><next><block type=\"draw_set_background_color\" id=\"T;GAa9dw`z*,QjZ)5%lg\"><value name=\"COLOR\"><shadow type=\"colour_picker\" id=\"r`k4,6n?F[vc!W}DX6aB\"><field name=\"COLOUR\">#4CAF51</field></shadow></value></block></next></block></next></block></next></block></next></block></next></block></statement></block><block type=\"every_x_seconds\" id=\"Si74GWcZX]S5po*Ok-u?\" x=\"296\" y=\"21\"><field name=\"UNIT\">seconds</field><value name=\"INTERVAL\"><shadow type=\"math_number\" id=\"PiA2F?`C|L=X{?cf[(c2\"><field name=\"NUM\">2</field></shadow></value><statement name=\"DO\"><block type=\"food_moveTo\" id=\"Nl;,wTw2fPpx)A2?V8G~\" inline=\"false\"><value name=\"X\"><shadow type=\"math_number\" id=\"ABEzIn3/]U9iS0a8=vD^\"><field name=\"NUM\">-500</field></shadow></value><value name=\"Y\"><shadow type=\"math_number\" id=\"8LY`0|r,Z0XvG=_PXwi`\"><field name=\"NUM\">-500</field></shadow></value><next><block type=\"in_x_time\" id=\"c%s||%Z15/3u}SNXFGj)\"><field name=\"UNIT\">seconds</field><value name=\"DELAY\"><shadow type=\"math_number\" id=\"wMJYR!R*0;3sqi3vhb1h\"><field name=\"NUM\">0.5</field></shadow></value><statement name=\"DO\"><block type=\"food_image_set\" id=\"wp(g(b|{V+JxlJD5SGKD\"><value name=\"IMAGE\"><shadow type=\"stamp_getImage\" id=\"rC0bT^6NA_*|xw)WQ=ld\"><field name=\"STICKER\">crocodile</field></shadow><block type=\"food_random\" id=\"gtV2^lc_JZ]-mxYyTO2u\"><field name=\"SET\">food</field></block></value><next><block type=\"food_moveTo\" id=\"mC;V*_GFGyLvW)?wlp^!\" inline=\"false\"><value name=\"X\"><shadow type=\"math_number\" id=\"ABEzIn3/]U9iS0a8=vD^\"><field name=\"NUM\">0</field></shadow><block type=\"math_random\" id=\"gmU!I5pS_ka;E*d~$MQt\"><value name=\"MIN\"><shadow type=\"math_number\" id=\")nMX%[~RNpY]]27s^_49\"><field name=\"NUM\">50</field></shadow></value><value name=\"MAX\"><shadow type=\"math_number\" id=\"U8i9/bB9Zo`E6aNf=|P[\"><field name=\"NUM\">750</field></shadow></value></block></value><value name=\"Y\"><shadow type=\"math_number\" id=\"8LY`0|r,Z0XvG=_PXwi`\"><field name=\"NUM\">0</field></shadow><block type=\"math_random\" id=\"XdBkkc;y%~EDa*pqC3%@\"><value name=\"MIN\"><shadow type=\"math_number\" id=\"MVH}4eS]!rOXA`g@HQ^A\"><field name=\"NUM\">50</field></shadow></value><value name=\"MAX\"><shadow type=\"math_number\" id=\"A|hN^2!`3Kd*R8L)Mjet\"><field name=\"NUM\">200</field></shadow></value></block></value><next><block type=\"controls_if\" id=\"Kn_SQ{Y9T|)uN%C]7b/U\"><field name=\"CONFIG\">{\"elseIfs\":0,\"else\":false}</field><comment pinned=\"false\" h=\"80\" w=\"160\">Make sure food doesn't appear under the player</comment><value name=\"IF0\"><block type=\"logic_compare\" id=\"_m)quj^Q0k^L_dyY}T4@\"><field name=\"OP\">LT</field><value name=\"A\"><block type=\"player_y_get\" id=\"e8EE?4d^^W6q|2pq2z}`\"></block></value><value name=\"B\"><block type=\"math_number\" id=\"gqfCns0X`KLi,2wq{MET\"><field name=\"NUM\">300</field></block></value></block></value><statement name=\"DO0\"><block type=\"food_moveTo\" id=\"`-MxDq?Wl{Q^Y*KHfNwL\"><value name=\"X\"><shadow type=\"math_number\" id=\"VLopmJSXr,]z*`_G=Xug\"><field name=\"NUM\">0</field></shadow><block type=\"food_x_get\" id=\")AQGKrdyYJB?L7BHVNi;\"></block></value><value name=\"Y\"><shadow type=\"math_number\" id=\"kAoZu3qM~v18OEyH?BOW\"><field name=\"NUM\">0</field></shadow><block type=\"math_arithmetic\" id=\"RQSQ,v2ksm*Y5AP5Lo3_\"><field name=\"OP\">MINUS</field><value name=\"A\"><shadow type=\"math_number\" id=\"odtAC43thG-f_^1I10fE\"><field name=\"NUM\">550</field></shadow></value><value name=\"B\"><shadow type=\"math_number\" id=\"EE;6Le~db6{(z-NJ85W9\"><field name=\"NUM\">0</field></shadow><block type=\"food_y_get\" id=\"rxvI@Lgo;9]n%@RAvA4=\"></block></value></block></value></block></statement></block></next></block></next></block></statement></block></next></block></statement></block><block type=\"every_x_seconds\" id=\"Uaoea|{s@,-9w;i^^=WD\" x=\"295\" y=\"527\"><field name=\"UNIT\">frames</field><value name=\"INTERVAL\"><shadow type=\"math_number\" id=\"oPuc0nBf}3Y+lE`b[isr\"><field name=\"NUM\">1</field></shadow></value><statement name=\"DO\"><block type=\"controls_if\" id=\";cc6B0Ff0e{=1dGj}wU_\"><field name=\"CONFIG\">{\"elseIfs\":0,\"else\":false}</field><value name=\"IF0\"><block type=\"joystick_force_get\" id=\"0g|5H6tZZJ)!E8duJ?|x\"></block></value><statement name=\"DO0\"><block type=\"player_turn\" id=\"LEQm~(!HyYp2Lm,V][!O\"><field name=\"TYPE\">to</field><value name=\"ROTATION\"><shadow type=\"angle\" id=\"Dnr6gt9dh+]0}HFhgHD!\"><field name=\"VALUE\">0</field></shadow><block type=\"joystick_direction_get\" id=\"a0aI,rr4?O=fyZ1r^5;h\"></block></value><next><block type=\"player_moveAlong\" id=\"sQ8zvGI]mG,]yMP](wJ=\"><value name=\"DISTANCE\"><shadow type=\"math_number\" id=\"k*2mvoaNd787wp-O8nb)\"><field name=\"NUM\">6</field></shadow></value><next><block type=\"player_turn\" id=\"Nb_{?N*SF~aJ+moJ3pje\"><field name=\"TYPE\">clockwise</field><comment pinned=\"false\" h=\"80\" w=\"160\">The sticker orientation doesn't match the travel direction so we need to rotate by 90 degrees before it's drawn to the screen</comment><value name=\"ROTATION\"><shadow type=\"angle\" id=\"1wQcm/dSGiU{K8N6~p$$\"><field name=\"VALUE\">0</field></shadow><block type=\"math_number\" id=\"xW)%G6b01xJXWf0XvxYY\"><field name=\"NUM\">90</field></block></value><next><block type=\"player_moveTo\" id=\"sE|r-U@Mu)ehi6b_E}88\" inline=\"false\"><value name=\"X\"><shadow type=\"math_number\" id=\"GWc=bgr,Q5kttrEm2=kL\"><field name=\"NUM\">0</field></shadow><block type=\"math_constrain\" id=\"`-=w!%~7b~D$]b}RquDs\"><value name=\"VALUE\"><shadow type=\"math_number\" id=\"3-r`4}zjK/Yw8Pxeoe48\"><field name=\"NUM\">0</field></shadow><block type=\"player_x_get\" id=\",Z]5Zg~VyIDaf}rj|U,f\"></block></value><value name=\"LOW\"><shadow type=\"math_number\" id=\";Ix~=QqOm9NMlRl,sWdZ\"><field name=\"NUM\">50</field></shadow></value><value name=\"HIGH\"><shadow type=\"math_number\" id=\"m2c,(uq5+u8*;c-4N-G=\"><field name=\"NUM\">750</field></shadow></value></block></value><value name=\"Y\"><shadow type=\"math_number\" id=\"6U*bklV2mzT,2K=Uy[JM\"><field name=\"NUM\">0</field></shadow><block type=\"math_constrain\" id=\"9NYe?2%4K;K3Z;CvzNJ]\"><value name=\"VALUE\"><shadow type=\"math_number\" id=\"3-r`4}zjK/Yw8Pxeoe48\"><field name=\"NUM\">0</field></shadow><block type=\"player_y_get\" id=\"}X)HTgOZl5vFX7m41q)j\"></block></value><value name=\"LOW\"><shadow type=\"math_number\" id=\"AV*qsDxNTda[{uA9Jnq[\"><field name=\"NUM\">50</field></shadow></value><value name=\"HIGH\"><shadow type=\"math_number\" id=\"uD_%5wKK]RH-33vppV{B\"><field name=\"NUM\">550</field></shadow></value></block></value></block></next></block></next></block></next></block></statement><next><block type=\"controls_if\" id=\"$*5am({o9Re%8?@osEV1\"><field name=\"CONFIG\">{\"elseIfs\":0,\"else\":false}</field><value name=\"IF0\"><block type=\"logic_operation\" id=\"=x1-*6TIo*f?=O66{`n=\" inline=\"false\"><field name=\"OP\">AND</field><value name=\"A\"><block type=\"logic_compare\" id=\"M,*{A^Ofj$5K1V|MIC=C\"><field name=\"OP\">GT</field><value name=\"A\"><block type=\"player_x_get\" id=\"JdfMzu}n9RnMf[Dr/]V=\"></block></value><value name=\"B\"><block type=\"math_arithmetic\" id=\"zJo48OnsBrR=%d~UmWM)\"><field name=\"OP\">MINUS</field><value name=\"A\"><shadow type=\"math_number\" id=\"Q?6oG_Gye^HZFBE+5o/7\"><field name=\"NUM\">0</field></shadow><block type=\"food_x_get\" id=\"(jX(+MpHtlcf+1Wr2K$g\"></block></value><value name=\"B\"><shadow type=\"math_number\" id=\"=/cGjcQZ-Rp-|gGl0z*V\"><field name=\"NUM\">75</field></shadow></value></block></value></block></value><value name=\"B\"><block type=\"logic_compare\" id=\"%_y0885G~`B3?4K4+z{H\"><field name=\"OP\">LT</field><value name=\"A\"><block type=\"player_x_get\" id=\"EkowWNjj;E^jAm)KE]h^\"></block></value><value name=\"B\"><block type=\"math_arithmetic\" id=\"+3bV-Oh|7E{wsia56p/Z\"><field name=\"OP\">ADD</field><value name=\"A\"><shadow type=\"math_number\" id=\"Q?6oG_Gye^HZFBE+5o/7\"><field name=\"NUM\">0</field></shadow><block type=\"food_x_get\" id=\"n9gUEsv1C@sQhcU^e)7R\"></block></value><value name=\"B\"><shadow type=\"math_number\" id=\"aZeWI~Vz_b3k}nVl2$aT\"><field name=\"NUM\">75</field></shadow></value></block></value></block></value></block></value><statement name=\"DO0\"><block type=\"controls_if\" id=\"R)G/O$!pd/|uxVrnJWUA\"><field name=\"CONFIG\">{\"elseIfs\":0,\"else\":false}</field><value name=\"IF0\"><block type=\"logic_operation\" id=\"(Kn5crkAt|W=zf@T$?=X\" inline=\"false\"><field name=\"OP\">AND</field><value name=\"A\"><block type=\"logic_compare\" id=\"MAzP}/R+2N4P;~wiqhTH\"><field name=\"OP\">GT</field><value name=\"A\"><block type=\"player_y_get\" id=\"(EiYJ|r`Q{-W}i74]{b8\"></block></value><value name=\"B\"><block type=\"math_arithmetic\" id=\"@6lD];x)ont$feKAzIJP\"><field name=\"OP\">MINUS</field><value name=\"A\"><shadow type=\"math_number\" id=\"Q?6oG_Gye^HZFBE+5o/7\"><field name=\"NUM\">0</field></shadow><block type=\"food_y_get\" id=\"R_na+yz|wHN,G@vL{X}O\"></block></value><value name=\"B\"><shadow type=\"math_number\" id=\"NtJ2hzXqyF/T=sXx,-U6\"><field name=\"NUM\">75</field></shadow></value></block></value></block></value><value name=\"B\"><block type=\"logic_compare\" id=\",TP1A|bp]8;?dC?{x+;Z\"><field name=\"OP\">LT</field><value name=\"A\"><block type=\"player_y_get\" id=\"DO8q+NBLP;hC*@K?cgc?\"></block></value><value name=\"B\"><block type=\"math_arithmetic\" id=\"~3saFheNiApG2NOlusT|\"><field name=\"OP\">ADD</field><value name=\"A\"><shadow type=\"math_number\" id=\"Hi_T5p|734Zs4_Lr)Kk[\"><field name=\"NUM\">0</field></shadow><block type=\"food_y_get\" id=\"(I)`qDiAwz_k*4R58Ll/\"></block></value><value name=\"B\"><shadow type=\"math_number\" id=\"r*TB_JZ@{fOeKkLM^wkV\"><field name=\"NUM\">75</field></shadow></value></block></value></block></value></block></value><statement name=\"DO0\"><block type=\"speaker_play\" id=\"MT!{e0`VYA7K/{%$g~=6\"><value name=\"SAMPLE\"><shadow type=\"speaker_getSample\" id=\"@cT(IA$5T@@SI;LN|T=U\"><field name=\"SAMPLE\">elec_ping</field></shadow></value><next><block type=\"food_moveTo\" id=\"i[+~-yCvk)=uV~t7j)lW\" inline=\"false\"><value name=\"X\"><shadow type=\"math_number\" id=\"i;,tjvw!n=$7}^nNZ;~c\"><field name=\"NUM\">-500</field></shadow></value><value name=\"Y\"><shadow type=\"math_number\" id=\"[y@hU8a_15UNti(v;+OT\"><field name=\"NUM\">-500</field></shadow></value></block></next></block></statement></block></statement></block></next></block></statement></block></xml>",
-  "code": "app.onStart(function() {\n  joystick.moveTo(100, 500);\n  player.image = 'ladybug';\n  player.setScale(50);\n  food.setScale(50);\n  food.moveTo(-500, -500);\n  ctx.background = '#4CAF51';\n\n});\n\ntime.every(2, 'seconds', function () {\n  food.moveTo(-500, -500);\n  time.later(0.5, 'seconds', function () {\n    food.image = food.random('food');\n    food.moveTo(math.random(50, 750), math.random(50, 200));\n    // Make sure food doesn't appear under the player\n    if (player.y < 300) {\n      food.moveTo(food.x, 550 - food.y);\n    }\n  });\n});\n\ntime.every(1, 'frames', function () {\n  if (joystick.force) {\n    player.rotation = joystick.direction;\n    player.moveAlong(6);\n    // The sticker orientation doesn't match the travel direction so\n    // we need to rotate by 90 degrees before it's drawn to the screen\n    player.turnCW(90);\n    player.moveTo(Math.min(Math.max(player.x, 50), 750), Math.min(Math.max(player.y, 50), 550));\n  }\n  if (player.x > food.x - 75 && player.x < food.x + 75) {\n    if (player.y > food.y - 75 && player.y < food.y + 75) {\n      speaker.play('elec_ping');\n      food.moveTo(-500, -500);\n    }\n  }\n});\n",
-  "parts": [
-    {
-      "type": "sticker",
-      "id": "food",
-      "name": "Food"
-    },
-    {
-      "type": "sticker",
-      "id": "player",
-      "name": "Player"
-    },
-    {
-      "type": "joystick",
-      "id": "joystick",
-      "name": "Joystick",
-      "axis": 0
-    },
-    {
-      "type": "speaker",
-      "id": "speaker",
-      "name": "Speaker"
-    }
-  ],
-  "profile": "default"
+const app = {
+    "source": "<xml xmlns=\"http://www.w3.org/1999/xhtml\"><block type=\"app_onStart\" id=\"j-T@yof?NXR;{6mF/IJ/\" x=\"-135\" y=\"22\"><field name=\"FLASH\"></field><statement name=\"CALLBACK\"><block type=\"joystick_moveTo\" id=\"wHxJ3feIK/G=Yr1|uDTB\"><value name=\"X\"><shadow type=\"math_number\" id=\"0T]W-g-QOq~n8,R7oaaZ\"><field name=\"NUM\">100</field></shadow></value><value name=\"Y\"><shadow type=\"math_number\" id=\"2w*~PSG$cFqWs{o|MP?P\"><field name=\"NUM\">500</field></shadow></value><next><block type=\"player_image_set\" id=\"X5TrsertKpn_q?cQSO=`\"><value name=\"IMAGE\"><shadow type=\"stamp_getImage\" id=\"^Uj$+}i~%(EQkjk=?ZW5\"><field name=\"STICKER\">ladybug</field></shadow></value><next><block type=\"player_setScale\" id=\"^+oxKIil4^]I@BaJExIB\"><value name=\"SCALE\"><shadow type=\"math_number\" id=\"FJ*dEms6GXF^~gg?pP33\"><field name=\"NUM\">50</field></shadow></value><next><block type=\"food_setScale\" id=\"o=AtT!qYk@{*U?EmwP{T\"><value name=\"SCALE\"><shadow type=\"math_number\" id=\"jkY7_j^36uhVbvyT?_sS\"><field name=\"NUM\">50</field></shadow></value><next><block type=\"food_moveTo\" id=\"1UKLKp_hw4)c?uElq=Rl\" inline=\"false\"><value name=\"X\"><shadow type=\"math_number\" id=\"FYM-nUiIctQp*G6_e~DS\"><field name=\"NUM\">-500</field></shadow></value><value name=\"Y\"><shadow type=\"math_number\" id=\"6(Am0`Ejxjqp{uj3rdn^\"><field name=\"NUM\">-500</field></shadow></value><next><block type=\"draw_set_background_color\" id=\"T;GAa9dw`z*,QjZ)5%lg\"><value name=\"COLOR\"><shadow type=\"colour_picker\" id=\"r`k4,6n?F[vc!W}DX6aB\"><field name=\"COLOUR\">#4CAF51</field></shadow></value></block></next></block></next></block></next></block></next></block></next></block></statement></block><block type=\"every_x_seconds\" id=\"Si74GWcZX]S5po*Ok-u?\" x=\"296\" y=\"21\"><field name=\"UNIT\">seconds</field><value name=\"INTERVAL\"><shadow type=\"math_number\" id=\"PiA2F?`C|L=X{?cf[(c2\"><field name=\"NUM\">2</field></shadow></value><statement name=\"DO\"><block type=\"food_moveTo\" id=\"Nl;,wTw2fPpx)A2?V8G~\" inline=\"false\"><value name=\"X\"><shadow type=\"math_number\" id=\"ABEzIn3/]U9iS0a8=vD^\"><field name=\"NUM\">-500</field></shadow></value><value name=\"Y\"><shadow type=\"math_number\" id=\"8LY`0|r,Z0XvG=_PXwi`\"><field name=\"NUM\">-500</field></shadow></value><next><block type=\"in_x_time\" id=\"c%s||%Z15/3u}SNXFGj)\"><field name=\"UNIT\">seconds</field><value name=\"DELAY\"><shadow type=\"math_number\" id=\"wMJYR!R*0;3sqi3vhb1h\"><field name=\"NUM\">0.5</field></shadow></value><statement name=\"DO\"><block type=\"food_image_set\" id=\"wp(g(b|{V+JxlJD5SGKD\"><value name=\"IMAGE\"><shadow type=\"stamp_getImage\" id=\"rC0bT^6NA_*|xw)WQ=ld\"><field name=\"STICKER\">crocodile</field></shadow><block type=\"food_random\" id=\"gtV2^lc_JZ]-mxYyTO2u\"><field name=\"SET\">food</field></block></value><next><block type=\"food_moveTo\" id=\"mC;V*_GFGyLvW)?wlp^!\" inline=\"false\"><value name=\"X\"><shadow type=\"math_number\" id=\"ABEzIn3/]U9iS0a8=vD^\"><field name=\"NUM\">0</field></shadow><block type=\"math_random\" id=\"gmU!I5pS_ka;E*d~$MQt\"><value name=\"MIN\"><shadow type=\"math_number\" id=\")nMX%[~RNpY]]27s^_49\"><field name=\"NUM\">50</field></shadow></value><value name=\"MAX\"><shadow type=\"math_number\" id=\"U8i9/bB9Zo`E6aNf=|P[\"><field name=\"NUM\">750</field></shadow></value></block></value><value name=\"Y\"><shadow type=\"math_number\" id=\"8LY`0|r,Z0XvG=_PXwi`\"><field name=\"NUM\">0</field></shadow><block type=\"math_random\" id=\"XdBkkc;y%~EDa*pqC3%@\"><value name=\"MIN\"><shadow type=\"math_number\" id=\"MVH}4eS]!rOXA`g@HQ^A\"><field name=\"NUM\">50</field></shadow></value><value name=\"MAX\"><shadow type=\"math_number\" id=\"A|hN^2!`3Kd*R8L)Mjet\"><field name=\"NUM\">200</field></shadow></value></block></value><next><block type=\"controls_if\" id=\"Kn_SQ{Y9T|)uN%C]7b/U\"><field name=\"CONFIG\">{\"elseIfs\":0,\"else\":false}</field><comment pinned=\"false\" h=\"80\" w=\"160\">Make sure food doesn't appear under the player</comment><value name=\"IF0\"><block type=\"logic_compare\" id=\"_m)quj^Q0k^L_dyY}T4@\"><field name=\"OP\">LT</field><value name=\"A\"><block type=\"player_y_get\" id=\"e8EE?4d^^W6q|2pq2z}`\"></block></value><value name=\"B\"><block type=\"math_number\" id=\"gqfCns0X`KLi,2wq{MET\"><field name=\"NUM\">300</field></block></value></block></value><statement name=\"DO0\"><block type=\"food_moveTo\" id=\"`-MxDq?Wl{Q^Y*KHfNwL\"><value name=\"X\"><shadow type=\"math_number\" id=\"VLopmJSXr,]z*`_G=Xug\"><field name=\"NUM\">0</field></shadow><block type=\"food_x_get\" id=\")AQGKrdyYJB?L7BHVNi;\"></block></value><value name=\"Y\"><shadow type=\"math_number\" id=\"kAoZu3qM~v18OEyH?BOW\"><field name=\"NUM\">0</field></shadow><block type=\"math_arithmetic\" id=\"RQSQ,v2ksm*Y5AP5Lo3_\"><field name=\"OP\">MINUS</field><value name=\"A\"><shadow type=\"math_number\" id=\"odtAC43thG-f_^1I10fE\"><field name=\"NUM\">550</field></shadow></value><value name=\"B\"><shadow type=\"math_number\" id=\"EE;6Le~db6{(z-NJ85W9\"><field name=\"NUM\">0</field></shadow><block type=\"food_y_get\" id=\"rxvI@Lgo;9]n%@RAvA4=\"></block></value></block></value></block></statement></block></next></block></next></block></statement></block></next></block></statement></block><block type=\"every_x_seconds\" id=\"Uaoea|{s@,-9w;i^^=WD\" x=\"295\" y=\"527\"><field name=\"UNIT\">frames</field><value name=\"INTERVAL\"><shadow type=\"math_number\" id=\"oPuc0nBf}3Y+lE`b[isr\"><field name=\"NUM\">1</field></shadow></value><statement name=\"DO\"><block type=\"controls_if\" id=\";cc6B0Ff0e{=1dGj}wU_\"><field name=\"CONFIG\">{\"elseIfs\":0,\"else\":false}</field><value name=\"IF0\"><block type=\"joystick_force_get\" id=\"0g|5H6tZZJ)!E8duJ?|x\"></block></value><statement name=\"DO0\"><block type=\"player_turn\" id=\"LEQm~(!HyYp2Lm,V][!O\"><field name=\"TYPE\">to</field><value name=\"ROTATION\"><shadow type=\"angle\" id=\"Dnr6gt9dh+]0}HFhgHD!\"><field name=\"VALUE\">0</field></shadow><block type=\"joystick_direction_get\" id=\"a0aI,rr4?O=fyZ1r^5;h\"></block></value><next><block type=\"player_moveAlong\" id=\"sQ8zvGI]mG,]yMP](wJ=\"><value name=\"DISTANCE\"><shadow type=\"math_number\" id=\"k*2mvoaNd787wp-O8nb)\"><field name=\"NUM\">6</field></shadow></value><next><block type=\"player_turn\" id=\"Nb_{?N*SF~aJ+moJ3pje\"><field name=\"TYPE\">clockwise</field><comment pinned=\"false\" h=\"80\" w=\"160\">The sticker orientation doesn't match the travel direction so we need to rotate by 90 degrees before it's drawn to the screen</comment><value name=\"ROTATION\"><shadow type=\"angle\" id=\"1wQcm/dSGiU{K8N6~p$$\"><field name=\"VALUE\">0</field></shadow><block type=\"math_number\" id=\"xW)%G6b01xJXWf0XvxYY\"><field name=\"NUM\">90</field></block></value><next><block type=\"player_moveTo\" id=\"sE|r-U@Mu)ehi6b_E}88\" inline=\"false\"><value name=\"X\"><shadow type=\"math_number\" id=\"GWc=bgr,Q5kttrEm2=kL\"><field name=\"NUM\">0</field></shadow><block type=\"math_constrain\" id=\"`-=w!%~7b~D$]b}RquDs\"><value name=\"VALUE\"><shadow type=\"math_number\" id=\"3-r`4}zjK/Yw8Pxeoe48\"><field name=\"NUM\">0</field></shadow><block type=\"player_x_get\" id=\",Z]5Zg~VyIDaf}rj|U,f\"></block></value><value name=\"LOW\"><shadow type=\"math_number\" id=\";Ix~=QqOm9NMlRl,sWdZ\"><field name=\"NUM\">50</field></shadow></value><value name=\"HIGH\"><shadow type=\"math_number\" id=\"m2c,(uq5+u8*;c-4N-G=\"><field name=\"NUM\">750</field></shadow></value></block></value><value name=\"Y\"><shadow type=\"math_number\" id=\"6U*bklV2mzT,2K=Uy[JM\"><field name=\"NUM\">0</field></shadow><block type=\"math_constrain\" id=\"9NYe?2%4K;K3Z;CvzNJ]\"><value name=\"VALUE\"><shadow type=\"math_number\" id=\"3-r`4}zjK/Yw8Pxeoe48\"><field name=\"NUM\">0</field></shadow><block type=\"player_y_get\" id=\"}X)HTgOZl5vFX7m41q)j\"></block></value><value name=\"LOW\"><shadow type=\"math_number\" id=\"AV*qsDxNTda[{uA9Jnq[\"><field name=\"NUM\">50</field></shadow></value><value name=\"HIGH\"><shadow type=\"math_number\" id=\"uD_%5wKK]RH-33vppV{B\"><field name=\"NUM\">550</field></shadow></value></block></value></block></next></block></next></block></next></block></statement><next><block type=\"controls_if\" id=\"$*5am({o9Re%8?@osEV1\"><field name=\"CONFIG\">{\"elseIfs\":0,\"else\":false}</field><value name=\"IF0\"><block type=\"logic_operation\" id=\"=x1-*6TIo*f?=O66{`n=\" inline=\"false\"><field name=\"OP\">AND</field><value name=\"A\"><block type=\"logic_compare\" id=\"M,*{A^Ofj$5K1V|MIC=C\"><field name=\"OP\">GT</field><value name=\"A\"><block type=\"player_x_get\" id=\"JdfMzu}n9RnMf[Dr/]V=\"></block></value><value name=\"B\"><block type=\"math_arithmetic\" id=\"zJo48OnsBrR=%d~UmWM)\"><field name=\"OP\">MINUS</field><value name=\"A\"><shadow type=\"math_number\" id=\"Q?6oG_Gye^HZFBE+5o/7\"><field name=\"NUM\">0</field></shadow><block type=\"food_x_get\" id=\"(jX(+MpHtlcf+1Wr2K$g\"></block></value><value name=\"B\"><shadow type=\"math_number\" id=\"=/cGjcQZ-Rp-|gGl0z*V\"><field name=\"NUM\">75</field></shadow></value></block></value></block></value><value name=\"B\"><block type=\"logic_compare\" id=\"%_y0885G~`B3?4K4+z{H\"><field name=\"OP\">LT</field><value name=\"A\"><block type=\"player_x_get\" id=\"EkowWNjj;E^jAm)KE]h^\"></block></value><value name=\"B\"><block type=\"math_arithmetic\" id=\"+3bV-Oh|7E{wsia56p/Z\"><field name=\"OP\">ADD</field><value name=\"A\"><shadow type=\"math_number\" id=\"Q?6oG_Gye^HZFBE+5o/7\"><field name=\"NUM\">0</field></shadow><block type=\"food_x_get\" id=\"n9gUEsv1C@sQhcU^e)7R\"></block></value><value name=\"B\"><shadow type=\"math_number\" id=\"aZeWI~Vz_b3k}nVl2$aT\"><field name=\"NUM\">75</field></shadow></value></block></value></block></value></block></value><statement name=\"DO0\"><block type=\"controls_if\" id=\"R)G/O$!pd/|uxVrnJWUA\"><field name=\"CONFIG\">{\"elseIfs\":0,\"else\":false}</field><value name=\"IF0\"><block type=\"logic_operation\" id=\"(Kn5crkAt|W=zf@T$?=X\" inline=\"false\"><field name=\"OP\">AND</field><value name=\"A\"><block type=\"logic_compare\" id=\"MAzP}/R+2N4P;~wiqhTH\"><field name=\"OP\">GT</field><value name=\"A\"><block type=\"player_y_get\" id=\"(EiYJ|r`Q{-W}i74]{b8\"></block></value><value name=\"B\"><block type=\"math_arithmetic\" id=\"@6lD];x)ont$feKAzIJP\"><field name=\"OP\">MINUS</field><value name=\"A\"><shadow type=\"math_number\" id=\"Q?6oG_Gye^HZFBE+5o/7\"><field name=\"NUM\">0</field></shadow><block type=\"food_y_get\" id=\"R_na+yz|wHN,G@vL{X}O\"></block></value><value name=\"B\"><shadow type=\"math_number\" id=\"NtJ2hzXqyF/T=sXx,-U6\"><field name=\"NUM\">75</field></shadow></value></block></value></block></value><value name=\"B\"><block type=\"logic_compare\" id=\",TP1A|bp]8;?dC?{x+;Z\"><field name=\"OP\">LT</field><value name=\"A\"><block type=\"player_y_get\" id=\"DO8q+NBLP;hC*@K?cgc?\"></block></value><value name=\"B\"><block type=\"math_arithmetic\" id=\"~3saFheNiApG2NOlusT|\"><field name=\"OP\">ADD</field><value name=\"A\"><shadow type=\"math_number\" id=\"Hi_T5p|734Zs4_Lr)Kk[\"><field name=\"NUM\">0</field></shadow><block type=\"food_y_get\" id=\"(I)`qDiAwz_k*4R58Ll/\"></block></value><value name=\"B\"><shadow type=\"math_number\" id=\"r*TB_JZ@{fOeKkLM^wkV\"><field name=\"NUM\">75</field></shadow></value></block></value></block></value></block></value><statement name=\"DO0\"><block type=\"speaker_play\" id=\"MT!{e0`VYA7K/{%$g~=6\"><value name=\"SAMPLE\"><shadow type=\"speaker_getSample\" id=\"@cT(IA$5T@@SI;LN|T=U\"><field name=\"SAMPLE\">elec_ping</field></shadow></value><next><block type=\"food_moveTo\" id=\"i[+~-yCvk)=uV~t7j)lW\" inline=\"false\"><value name=\"X\"><shadow type=\"math_number\" id=\"i;,tjvw!n=$7}^nNZ;~c\"><field name=\"NUM\">-500</field></shadow></value><value name=\"Y\"><shadow type=\"math_number\" id=\"[y@hU8a_15UNti(v;+OT\"><field name=\"NUM\">-500</field></shadow></value></block></next></block></statement></block></statement></block></next></block></statement></block></xml>",
+    "code": "app.onStart(function() {\n  joystick.moveTo(100, 500);\n  player.image = 'ladybug';\n  player.setScale(50);\n  food.setScale(50);\n  food.moveTo(-500, -500);\n  ctx.background = '#4CAF51';\n\n});\n\ntime.every(2, 'seconds', function () {\n  food.moveTo(-500, -500);\n  time.later(0.5, 'seconds', function () {\n    food.image = food.random('food');\n    food.moveTo(math.random(50, 750), math.random(50, 200));\n    // Make sure food doesn't appear under the player\n    if (player.y < 300) {\n      food.moveTo(food.x, 550 - food.y);\n    }\n  });\n});\n\ntime.every(1, 'frames', function () {\n  if (joystick.force) {\n    player.rotation = joystick.direction;\n    player.moveAlong(6);\n    // The sticker orientation doesn't match the travel direction so\n    // we need to rotate by 90 degrees before it's drawn to the screen\n    player.turnCW(90);\n    player.moveTo(Math.min(Math.max(player.x, 50), 750), Math.min(Math.max(player.y, 50), 550));\n  }\n  if (player.x > food.x - 75 && player.x < food.x + 75) {\n    if (player.y > food.y - 75 && player.y < food.y + 75) {\n      speaker.play('elec_ping');\n      food.moveTo(-500, -500);\n    }\n  }\n});\n",
+    "parts": [
+        {
+            "type": "sticker",
+            "id": "food",
+            "name": "Food"
+        },
+        {
+            "type": "sticker",
+            "id": "player",
+            "name": "Player"
+        },
+        {
+            "type": "joystick",
+            "id": "joystick",
+            "name": "Joystick",
+            "axis": 0
+        },
+        {
+            "type": "speaker",
+            "id": "speaker",
+            "name": "Speaker"
+        }
+    ],
+    "profile": "default"
 };
 
-    i18n
-        .load(lang, { blockly: true, kanoCodePath: '/' })
-        .then(() => {
-            const editor = new code.Editor();
-            editor.load(app)
-            editor.inject(document.body);
-        });
+i18n
+    .load(lang, { blockly: true, kanoCodePath: '/' })
+    .then(() => {
+        const editor = new code.Editor();
+        editor.load(app)
+        editor.inject(document.body);
+    });
 </script>
 </body>
-</html>
\ No newline at end of file
+</html>
