bouncing_python.xml 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400
  1. <?xml version="1.1" ?>
  2. <diagram author="Simon Van Mierlo+Raphael Mannadiar" name="Bouncing_Balls_Python_Version">
  3. <description>
  4. Tkinter frame with bouncing balls in it.
  5. </description>
  6. <top>
  7. from python_runtime.libs.ui import ui
  8. from python_runtime.libs.utils import utils
  9. </top>
  10. <inport name="ui"/>
  11. <class name="MainApp" default="true">
  12. <relationships>
  13. <association name="fields" class="Field" />
  14. </relationships>
  15. <method name="MainApp">
  16. <body>
  17. <![CDATA[
  18. self.nr_of_fields = 0
  19. ]]>
  20. </body>
  21. </method>
  22. <scxml initial="running">
  23. <state id="running" initial="root">
  24. <parallel id="root">
  25. <state id="main_behaviour" initial="initializing">
  26. <state id="initializing">
  27. <transition target="../running">
  28. <raise event="create_field" />
  29. </transition>
  30. </state>
  31. <state id="running">
  32. <transition target='.' event='button_pressed' cond='event_name == "create_new_field"'>
  33. <parameter name="event_name" type="str" />
  34. <raise event="create_field" />
  35. </transition>
  36. </state>
  37. </state>
  38. <state id="cd_behaviour" initial="waiting">
  39. <state id="waiting">
  40. <transition event="create_field" target="../creating">
  41. <raise scope="cd" event="create_instance">
  42. <parameter expr='"fields"' />
  43. </raise>
  44. </transition>
  45. <transition event="delete_field" target='../check_nr_of_fields'>
  46. <parameter name="association_name" type="str"/>
  47. <raise scope="cd" event="delete_instance">
  48. <parameter expr='association_name' />
  49. </raise>
  50. <script>
  51. <![CDATA[
  52. self.nr_of_fields -= 1
  53. ]]>
  54. </script>
  55. </transition>
  56. </state>
  57. <state id="creating">
  58. <transition event="instance_created" target="../waiting">
  59. <parameter name="association_name" type="string"/>
  60. <raise scope="cd" event="start_instance">
  61. <parameter expr="association_name" />
  62. </raise>
  63. <raise scope="narrow" event="set_association_name" target="association_name">
  64. <parameter expr="association_name" />
  65. </raise>
  66. <script>
  67. <![CDATA[
  68. self.nr_of_fields += 1
  69. ]]>
  70. </script>
  71. </transition>
  72. </state>
  73. <state id="check_nr_of_fields">
  74. <transition target="../../../stopped" cond="self.nr_of_fields == 0">
  75. <script>
  76. <![CDATA[
  77. ui.close_window(ui.window)
  78. ]]>
  79. </script>
  80. </transition>
  81. <transition target="../waiting" cond="self.nr_of_fields != 0"/>
  82. </state>
  83. </state>
  84. </parallel>
  85. <state id="stopped" />
  86. </state>
  87. </scxml>
  88. </class>
  89. <class name="Field">
  90. <attribute name="canvas" />
  91. <attribute name="field_window" />
  92. <inport name="field_ui" />
  93. <relationships>
  94. <association name="balls" class="Ball" />
  95. <association name="buttons" class="Button" />
  96. <association name="parent" class="MainApp" min="1" max="1" />
  97. </relationships>
  98. <method name="Field">
  99. <body>
  100. <![CDATA[
  101. self.field_window = ui.new_window(400,450);
  102. self.canvas = ui.append_canvas(self.field_window,400,400,{'background':'#eee'});
  103. ui.bind_event(self.field_window, ui.EVENTS.WINDOW_CLOSE, self.controller, 'window_close');
  104. ui.bind_event(self.field_window, ui.EVENTS.KEY_PRESS, self.controller, 'key_press');
  105. ui.bind_event(self.canvas.element, ui.EVENTS.MOUSE_RIGHT_CLICK, self.controller, 'right_click', self.inports["field_ui"]);
  106. ui.bind_event(self.canvas.element, ui.EVENTS.MOUSE_MOVE, self.controller, 'mouse_move');
  107. ui.bind_event(self.canvas.element, ui.EVENTS.MOUSE_RELEASE, self.controller, 'mouse_release');
  108. ]]>
  109. </body>
  110. </method>
  111. <method name="~Field">
  112. <body>
  113. <![CDATA[
  114. ui.close_window(self.field_window);
  115. ]]>
  116. </body>
  117. </method>
  118. <scxml initial="root">
  119. <state id="root" initial="waiting">
  120. <state id="waiting">
  121. <transition event="set_association_name" target="../initializing">
  122. <parameter name="association_name" type="str" />
  123. <script>
  124. <![CDATA[
  125. self.association_name = association_name
  126. ]]>
  127. </script>
  128. </transition>
  129. </state>
  130. <state id="initializing">
  131. <transition target="../creating">
  132. <raise scope="cd" event="create_instance">
  133. <parameter expr='"buttons"' />
  134. <parameter expr='"Button"' />
  135. <parameter expr="self" />
  136. <parameter expr="'create_new_field'" />
  137. <parameter expr="'Spawn New Window'" />
  138. </raise>
  139. </transition>
  140. </state>
  141. <state id="creating">
  142. <transition event='instance_created' target='../packing'>
  143. <parameter name="association_name" type="string"/>
  144. <raise scope="cd" event="start_instance">
  145. <parameter expr="association_name" />
  146. </raise>
  147. </transition>
  148. </state>
  149. <state id="packing">
  150. <transition event="button_created" target='../running'>
  151. </transition>
  152. </state>
  153. <parallel id="running">
  154. <transition port="ui" event="window_close" target="../deleting" cond="window == self.field_window or window == ui.window">
  155. <parameter name="window" />
  156. <raise scope="narrow" target="'balls'" event='delete_self' />
  157. <raise event="delete_instance" scope="cd">
  158. <parameter expr='"buttons"' />
  159. </raise>
  160. </transition>
  161. <state id="main_behaviour" initial="running">
  162. <state id="running">
  163. <transition port="field_ui" event="right_click" target="../creating">
  164. <parameter name="x" />
  165. <parameter name="y" />
  166. <parameter name="button" />
  167. <raise scope="cd" event="create_instance">
  168. <parameter expr='"balls"' />
  169. <parameter expr='"Ball"' />
  170. <parameter expr="self.canvas" />
  171. <parameter expr="x" />
  172. <parameter expr="y" />
  173. <parameter expr="self.field_window" />
  174. </raise>
  175. </transition>
  176. </state>
  177. <state id="creating">
  178. <transition event="instance_created" target="../running">
  179. <parameter name="association_name" type="string"/>
  180. <raise scope="cd" event="start_instance">
  181. <parameter expr="association_name" />
  182. </raise>
  183. <raise scope="narrow" event="set_association_name" target="association_name">
  184. <parameter expr="association_name" />
  185. </raise>
  186. </transition>
  187. </state>
  188. </state>
  189. <state id="deleting_behaviour" initial="running">
  190. <state id="running">
  191. <transition event="delete_ball" target='.'>
  192. <parameter name="association_name" type="str"/>
  193. <raise scope="cd" event="delete_instance">
  194. <parameter expr='association_name' />
  195. </raise>
  196. </transition>
  197. </state>
  198. </state>
  199. <state id="child_behaviour" initial="listening">
  200. <state id="listening">
  201. <transition event="button_pressed" target='.'>
  202. <parameter name="event_name" type="str" />
  203. <raise event="button_pressed" scope="narrow" target="'parent'">
  204. <parameter expr='event_name' />
  205. </raise>
  206. </transition>
  207. </state>
  208. </state>
  209. </parallel>
  210. <state id="deleting">
  211. <transition after="0.05" target="../deleted">
  212. <raise event="delete_field" scope="narrow" target="'parent'">
  213. <parameter expr='self.association_name' />
  214. </raise>
  215. </transition>
  216. </state>
  217. <state id="deleted" />
  218. </state>
  219. </scxml>
  220. </class>
  221. <class name="Button">
  222. <relationships>
  223. <association name="parent" class="Field" min="1" max="1" />
  224. </relationships>
  225. <method name="Button">
  226. <parameter name="parent" type="Field" />
  227. <parameter name="event_name" type="str" />
  228. <parameter name="button_text" type="str" />
  229. <body>
  230. <![CDATA[
  231. self.event_name = event_name;
  232. button = ui.append_button(parent.field_window, event_name);
  233. ui.bind_event(button.element, ui.EVENTS.MOUSE_CLICK, self.controller, 'mouse_click');
  234. ]]>
  235. </body>
  236. </method>
  237. <scxml initial="initializing">
  238. <state id="initializing">
  239. <transition target="../running">
  240. <raise event="button_created" scope="narrow" target="'parent'">
  241. </raise>
  242. </transition>
  243. </state>
  244. <state id="running">
  245. <transition port='ui' event="mouse_click" target='.' cond="button == ui.MOUSE_BUTTONS.LEFT">
  246. <parameter name="x" />
  247. <parameter name="y" />
  248. <parameter name="button" />
  249. <raise event="button_pressed" scope="narrow" target="'parent'">
  250. <parameter expr="self.event_name" />
  251. </raise>
  252. </transition>
  253. </state>
  254. </scxml>
  255. </class>
  256. <class name="Ball">
  257. <atrribute name="element" />
  258. <attribute name="canvas" />
  259. <attribute name="field_window" />
  260. <inport name="ball_ui" />
  261. <relationships>
  262. <association name="parent" class="Field" min="1" max="1" />
  263. </relationships>
  264. <method name="Ball">
  265. <parameter name="canvas" />
  266. <parameter name="x" />
  267. <parameter name="y" />
  268. <parameter name="field_window" />
  269. <body>
  270. <![CDATA[
  271. self.canvas = canvas;
  272. self.field_window = field_window;
  273. self.r = 20.0;
  274. self.vel = {'x': utils.random()*2.0-1.0, 'y': utils.random()*2.0-1.0};
  275. self.mouse_pos = {};
  276. self.smooth = 0.4; # value between 0 and 1
  277. circle = self.canvas.add_circle(x, y, self.r, {'fill':'#000'});
  278. ui.bind_event(circle, ui.EVENTS.MOUSE_PRESS, self.controller, 'mouse_press',self.inports["ball_ui"]);
  279. ui.bind_event(circle, ui.EVENTS.MOUSE_RIGHT_CLICK, self.controller, 'right_click');
  280. self.element = circle;
  281. ]]>
  282. </body>
  283. </method>
  284. <method name="~Ball">
  285. <body>
  286. <![CDATA[
  287. self.canvas.remove_element(self.element);
  288. ]]>
  289. </body>
  290. </method>
  291. <scxml initial="main_behaviour">
  292. <state id="main_behaviour" initial="initializing">
  293. <state id="initializing">
  294. <transition event="set_association_name" target="../bouncing">
  295. <parameter name="association_name" type="str" />
  296. <script>
  297. <![CDATA[
  298. self.association_name = association_name
  299. ]]>
  300. </script>
  301. </transition>
  302. </state>
  303. <state id="bouncing">
  304. <transition after="0.01" target=".">
  305. <script>
  306. <![CDATA[
  307. pos = self.element.get_position();
  308. if pos.x-self.r <= 0 or pos.x+self.r >= self.canvas.width :
  309. self.vel['x'] = -self.vel['x'];
  310. if pos.y-self.r <= 0 or pos.y+self.r >= self.canvas.height :
  311. self.vel['y'] = -self.vel['y'];
  312. self.element.move(self.vel['x'], self.vel['y']);
  313. ]]>
  314. </script>
  315. </transition>
  316. <transition port="ball_ui" event="mouse_press" target="../selected" cond="button == ui.MOUSE_BUTTONS.LEFT">
  317. <parameter name="x" />
  318. <parameter name="y" />
  319. <parameter name="button" />
  320. <script>
  321. <![CDATA[
  322. self.element.set_color("#ff0");
  323. ]]>
  324. </script>
  325. </transition>
  326. </state>
  327. <state id="dragging">
  328. <transition port="ui" event="mouse_move" target=".">
  329. <parameter name="x" />
  330. <parameter name="y" />
  331. <parameter name="button" />
  332. <script>
  333. <![CDATA[
  334. dx = x - self.mouse_pos['x'];
  335. dy = y - self.mouse_pos['y'];
  336. self.element.move(dx, dy);
  337. # keep ball within boundaries
  338. pos = self.element.get_position();
  339. if pos.x-self.r <= 0 :
  340. pos.x = self.r + 1;
  341. elif pos.x+self.r >= self.canvas.width :
  342. pos.x = self.canvas.width-self.r-1;
  343. if pos.y-self.r <= 0 :
  344. pos.y = self.r + 1;
  345. elif pos.y+self.r >= self.canvas.height :
  346. pos.y = self.canvas.height-self.r-1;
  347. self.element.set_position(pos.x, pos.y);
  348. self.mouse_pos = {'x':x, 'y':y};
  349. self.vel = {
  350. 'x': (1-self.smooth)*dx + self.smooth*self.vel['x'],
  351. 'y': (1-self.smooth)*dy + self.smooth*self.vel['y']
  352. };
  353. ]]>
  354. </script>
  355. </transition>
  356. <transition port="ui" event="mouse_release" target="../bouncing">
  357. <parameter name="x" />
  358. <parameter name="y" />
  359. <script>
  360. <![CDATA[
  361. self.element.set_color("#f00");
  362. ]]>
  363. </script>
  364. </transition>
  365. </state>
  366. <state id='selected'>
  367. <transition port="ball_ui" event="mouse_press" target="../dragging" cond="button == ui.MOUSE_BUTTONS.LEFT">
  368. <parameter name="x" />
  369. <parameter name="y" />
  370. <parameter name="button" />
  371. <script>
  372. <![CDATA[
  373. self.mouse_pos = {'x':x, 'y':y};
  374. ]]>
  375. </script>
  376. </transition>
  377. <transition port="ui" event="key_press" target="." cond="key == ui.KEYCODES.DELETE and active_window == self.field_window">
  378. <parameter name="key" />
  379. <parameter name="active_window" />
  380. <raise event="delete_self" scope="local" />
  381. </transition>
  382. </state>
  383. <transition event="delete_self" target='../deleted'>
  384. <raise event="delete_ball" scope="narrow" target="'parent'">
  385. <parameter expr='self.association_name' />
  386. </raise>
  387. </transition>
  388. </state>
  389. <state id='deleted' />
  390. </scxml>
  391. </class>
  392. </diagram>