bouncingballs.xml 26 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513
  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 sccd.runtime.libs import ui_v2 as ui
  8. from sccd.runtime.libs.utils import utils
  9. import random
  10. CANVAS_WIDTH = 800
  11. CANVAS_HEIGHT = 550
  12. </top>
  13. <inport name="ui"/>
  14. <outport name="ui"/>
  15. <class name="MainApp" default="true">
  16. <relationships>
  17. <association name="fields" class="Field" />
  18. </relationships>
  19. <constructor>
  20. <body>
  21. self.nr_of_fields = 0
  22. </body>
  23. </constructor>
  24. <scxml initial="running">
  25. <state id="running" initial="root">
  26. <parallel id="root">
  27. <state id="main_behaviour" initial="initializing">
  28. <state id="initializing">
  29. <transition target="../running">
  30. <raise event="create_field" />
  31. </transition>
  32. </state>
  33. <state id="running">
  34. <transition target='.' event='button_pressed' cond='event_name == "create_new_field"'>
  35. <parameter name="event_name" type="str" />
  36. <raise event="create_field" />
  37. </transition>
  38. </state>
  39. </state>
  40. <state id="cd_behaviour" initial="waiting">
  41. <state id="waiting">
  42. <transition event="create_field" target="../creating">
  43. <raise scope="cd" event="create_instance">
  44. <parameter expr='"fields"' />
  45. </raise>
  46. </transition>
  47. <transition event="delete_field" target='../check_nr_of_fields'>
  48. <parameter name="association_name" type="str"/>
  49. <raise scope="cd" event="delete_instance">
  50. <parameter expr='association_name' />
  51. </raise>
  52. <script>
  53. self.nr_of_fields -= 1
  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. self.nr_of_fields += 1
  68. </script>
  69. </transition>
  70. </state>
  71. <state id="check_nr_of_fields">
  72. <transition target="../stopped" cond="self.nr_of_fields == 0" after="0.05">
  73. <raise event="stop" />
  74. </transition>
  75. <transition target="../waiting" cond="self.nr_of_fields != 0"/>
  76. </state>
  77. <state id="stopped" />
  78. </state>
  79. <transition target="../stopped" event="stop">
  80. <raise port="ui" event="destroy_all"/>
  81. </transition>
  82. </parallel>
  83. <state id="stopped" />
  84. </state>
  85. </scxml>
  86. </class>
  87. <class name="Field">
  88. <attribute name="window_id" />
  89. <attribute name="canvas_id" />
  90. <inport name="field_ui"/>
  91. <relationships>
  92. <association name="balls" class="Ball" />
  93. <association name="buttons" class="Button" />
  94. <association name="parent" class="MainApp" min="1" max="1" />
  95. </relationships>
  96. <scxml initial="root">
  97. <state id="root" initial="waiting">
  98. <state id="waiting">
  99. <transition event="set_association_name" target="../creating_window">
  100. <parameter name="association_name" type="str" />
  101. <script>
  102. <![CDATA[
  103. self.association_name = association_name
  104. ]]>
  105. </script>
  106. </transition>
  107. </state>
  108. <state id="creating_window">
  109. <onentry>
  110. <raise port="ui" event="create_window">
  111. <parameter expr="800"/><!-- width -->
  112. <parameter expr="600"/><!-- height -->
  113. <parameter expr='"BouncingBalls"'/><!-- title -->
  114. <parameter expr="self.inports['field_ui']"/><!-- inport for response -->
  115. </raise>
  116. </onentry>
  117. <transition event="window_created" target="../creating_canvas">
  118. <parameter name="window_id" type="int" />
  119. <script>
  120. <![CDATA[
  121. self.window_id = window_id
  122. ]]>
  123. </script>
  124. <raise port="ui" event="bind_event">
  125. <parameter expr="window_id"/><!-- widget_id -->
  126. <parameter expr="ui.EVENTS.WINDOW_CLOSE"/><!-- tk_event -->
  127. <parameter expr="'window_close'"/><!-- sccd_event_name -->
  128. <parameter expr="self.inports['field_ui']"/><!-- inport for response -->
  129. </raise>
  130. <raise port="ui" event="bind_event">
  131. <parameter expr="window_id"/><!-- widget_id -->
  132. <parameter expr="ui.EVENTS.KEY_PRESS"/><!-- tk_event -->
  133. <parameter expr="'key_press'"/><!-- sccd_event_name -->
  134. <parameter expr="self.inports['field_ui']"/><!-- inport for response -->
  135. </raise>
  136. </transition>
  137. </state>
  138. <state id="creating_canvas">
  139. <onentry>
  140. <raise port="ui" event="create_canvas">
  141. <parameter expr="self.window_id"/><!-- window_id -->
  142. <parameter expr="CANVAS_WIDTH"/><!-- width -->
  143. <parameter expr="CANVAS_HEIGHT"/><!-- height -->
  144. <parameter expr="{'background':'#eee'}"/><!-- style -->
  145. <parameter expr="self.inports['field_ui']"/><!-- inport for response -->
  146. </raise>
  147. </onentry>
  148. <transition event="canvas_created" target="../creating_button">
  149. <parameter name="canvas_id" type="int"/>
  150. <script>
  151. <![CDATA[
  152. self.canvas_id = canvas_id
  153. ]]>
  154. </script>
  155. <raise port="ui" event="bind_event">
  156. <parameter expr="canvas_id"/><!-- widget_id -->
  157. <parameter expr="ui.EVENTS.MOUSE_RIGHT_CLICK"/><!-- tk_event -->
  158. <parameter expr="'right_click'"/><!-- sccd_event_name -->
  159. <parameter expr="self.inports['field_ui']"/><!-- inport for response -->
  160. </raise>
  161. <raise port="ui" event="bind_event">
  162. <parameter expr="canvas_id"/><!-- widget_id -->
  163. <parameter expr="ui.EVENTS.MOUSE_MOVE"/><!-- tk_event -->
  164. <parameter expr="'mouse_move'"/><!-- sccd_event_name -->
  165. <parameter expr="self.inports['field_ui']"/><!-- inport for response -->
  166. </raise>
  167. <raise port="ui" event="bind_event">
  168. <parameter expr="canvas_id"/><!-- widget_id -->
  169. <parameter expr="ui.EVENTS.MOUSE_RELEASE"/><!-- tk_event -->
  170. <parameter expr="'mouse_release'"/><!-- sccd_event_name -->
  171. <parameter expr="self.inports['field_ui']"/><!-- inport for response -->
  172. </raise>
  173. </transition>
  174. </state>
  175. <state id="creating_button">
  176. <onentry>
  177. <raise scope="cd" event="create_instance">
  178. <parameter expr='"buttons"' />
  179. <parameter expr='"Button"' />
  180. <parameter expr="self.window_id" />
  181. <parameter expr="'create_new_field'" />
  182. <parameter expr="'Spawn New Window'" />
  183. </raise>
  184. </onentry>
  185. <transition event='instance_created' target='../running'>
  186. <parameter name="association_name" type="string"/>
  187. <raise scope="cd" event="start_instance">
  188. <parameter expr="association_name" />
  189. </raise>
  190. </transition>
  191. </state>
  192. <parallel id="running">
  193. <transition port="field_ui" event="window_close" target="../deleting">
  194. <raise event="delete_instance" scope="cd">
  195. <parameter expr='"buttons"' />
  196. </raise>
  197. <raise event="delete_instance" scope="cd">
  198. <parameter expr='"balls"' />
  199. </raise>
  200. </transition>
  201. <state id="main_behaviour" initial="running">
  202. <state id="running">
  203. <transition port="field_ui" event="right_click" target="../creating_ball">
  204. <parameter name="x" />
  205. <parameter name="y" />
  206. <parameter name="button" />
  207. <raise scope="cd" event="create_instance">
  208. <parameter expr='"balls"' />
  209. <parameter expr='"Ball"' />
  210. <parameter expr="self.canvas_id" />
  211. <parameter expr="x" />
  212. <parameter expr="y" />
  213. </raise>
  214. </transition>
  215. </state>
  216. <state id="creating_ball">
  217. <transition event="instance_created" target="../running">
  218. <parameter name="association_name" type="string"/>
  219. <raise scope="cd" event="start_instance">
  220. <parameter expr="association_name" />
  221. </raise>
  222. <raise scope="narrow" event="set_association_name" target="association_name">
  223. <parameter expr="association_name" />
  224. </raise>
  225. </transition>
  226. </state>
  227. </state>
  228. <state id="deleting_behaviour" initial="running">
  229. <state id="running">
  230. <transition event="delete_ball" target='.'>
  231. <parameter name="association_name" type="str"/>
  232. <raise scope="cd" event="delete_instance">
  233. <parameter expr='association_name' />
  234. </raise>
  235. </transition>
  236. </state>
  237. </state>
  238. <state id="child_behaviour" initial="listening">
  239. <state id="listening">
  240. <transition event="button_pressed" target='.'>
  241. <parameter name="event_name" type="str" />
  242. <raise event="button_pressed" scope="narrow" target="'parent'">
  243. <parameter expr='event_name' />
  244. </raise>
  245. </transition>
  246. </state>
  247. </state>
  248. <state id="deleting_balls_behaviour" initial="listening">
  249. <state id="listening">
  250. <transition port="field_ui" event="key_press" target="." cond="key == ui.KEYCODES.DELETE">
  251. <parameter name="key" />
  252. <raise event="delete_self" scope="narrow" target="'balls'" />
  253. </transition>
  254. </state>
  255. </state>
  256. </parallel>
  257. <state id="deleting">
  258. <transition target="../deleted">
  259. <raise event="delete_field" scope="narrow" target="'parent'">
  260. <parameter expr='self.association_name' />
  261. </raise>
  262. <raise port="ui" event="destroy_window">
  263. <parameter expr="self.window_id"/><!-- window to destroy -->
  264. </raise>
  265. </transition>
  266. </state>
  267. <state id="deleted" />
  268. </state>
  269. </scxml>
  270. </class>
  271. <class name="Button">
  272. <attribute name="window_id" />
  273. <attribute name="event_name" />
  274. <attribute name="button_id" />
  275. <relationships>
  276. <association name="parent" class="Field" min="1" max="1" />
  277. </relationships>
  278. <inport name="button_ui"/>
  279. <constructor>
  280. <parameter name="window_id" type="int" />
  281. <parameter name="event_name" type="str" />
  282. <parameter name="button_text" type="str" />
  283. <body>
  284. self.window_id = window_id;
  285. self.event_name = event_name;
  286. </body>
  287. </constructor>
  288. <scxml initial="creating_button">
  289. <state id="creating_button">
  290. <onentry>
  291. <raise port="ui" event="create_button">
  292. <parameter expr="self.window_id"/><!-- window_id -->
  293. <parameter expr="self.event_name"/><!-- text -->
  294. <parameter expr="self.inports['button_ui']"/><!-- inport for response -->
  295. </raise>
  296. </onentry>
  297. <transition event="button_created" target="../running">
  298. <parameter name="button_id" type="int"/>
  299. <script>
  300. self.button_id = button_id
  301. </script>
  302. <raise port="ui" event="bind_event">
  303. <parameter expr="button_id"/><!-- widget_id -->
  304. <parameter expr="ui.EVENTS.MOUSE_CLICK"/><!-- tk_event -->
  305. <parameter expr='"mouse_click"'/><!-- sccd_event_name -->
  306. <parameter expr="self.inports['button_ui']"/><!-- inport for response -->
  307. </raise>
  308. </transition>
  309. </state>
  310. <state id="running">
  311. <transition port='button_ui' event="mouse_click" target='.' cond="button == ui.MOUSE_BUTTONS.LEFT">
  312. <parameter name="x" />
  313. <parameter name="y" />
  314. <parameter name="button" />
  315. <raise event="button_pressed" scope="narrow" target="'parent'">
  316. <parameter expr="self.event_name" />
  317. </raise>
  318. </transition>
  319. </state>
  320. </scxml>
  321. </class>
  322. <class name="Ball">
  323. <attribute name="canvas_id" />
  324. <atrribute name="circle_id" />
  325. <attribute name="pos" />
  326. <inport name="ball_ui" />
  327. <relationships>
  328. <association name="parent" class="Field" min="1" max="1" />
  329. </relationships>
  330. <constructor>
  331. <parameter name="canvas_id" />
  332. <parameter name="x" />
  333. <parameter name="y" />
  334. <body>
  335. <![CDATA[
  336. self.canvas_id = canvas_id;
  337. self.r = 20.0;
  338. self.vel = {'x': random.uniform(-5.0, 5.0), 'y': random.uniform(-5.0, 5.0)};
  339. self.pos = {'x': x, 'y': y};
  340. self.smooth = 0.6; # value between 0 and 1
  341. # TODO:
  342. #circle = self.canvas.add_circle(x, y, self.r, {'fill':'#000'});
  343. #ui.bind_event(circle, ui.EVENTS.MOUSE_PRESS, self.controller, 'mouse_press', self.inports["ball_ui"]);
  344. #ui.bind_event(circle, ui.EVENTS.MOUSE_MOVE, self.controller, 'mouse_move', self.inports['ball_ui']);
  345. #ui.bind_event(circle, ui.EVENTS.MOUSE_RELEASE, self.controller, 'mouse_release', self.inports['ball_ui']);
  346. #self.element = circle;
  347. ]]>
  348. </body>
  349. </constructor>
  350. <destructor>
  351. <body>
  352. <![CDATA[
  353. #self.canvas.remove_element(self.element);
  354. pass
  355. ]]>
  356. </body>
  357. </destructor>
  358. <scxml initial="main_behaviour">
  359. <state id="main_behaviour" initial="initializing">
  360. <state id="initializing">
  361. <transition event="set_association_name" target="../creating_circle">
  362. <parameter name="association_name" type="str" />
  363. <script>
  364. self.association_name = association_name
  365. </script>
  366. </transition>
  367. </state>
  368. <state id="creating_circle">
  369. <onentry>
  370. <raise port="ui" event="create_circle">
  371. canvas_id, x, y, r, style, res_port
  372. <parameter expr="self.canvas_id"/><!-- canvas_id -->
  373. <parameter expr="self.pos['x']"/><!-- x -->
  374. <parameter expr="self.pos['y']"/><!-- y -->
  375. <parameter expr="self.r"/><!-- r -->
  376. <parameter expr="{'fill':'#000'}"/><!-- style -->
  377. <parameter expr="self.inports['ball_ui']"/><!-- inport for response -->
  378. </raise>
  379. </onentry>
  380. <transition event="circle_created" target="../bouncing">
  381. <parameter name="canvas_id"/>
  382. <parameter name="circle_id"/>
  383. <script>
  384. self.circle_id = circle_id
  385. </script>
  386. <raise port="ui" event="bind_canvas_event">
  387. <parameter expr="self.canvas_id"/>
  388. <parameter expr="circle_id"/>
  389. <parameter expr="ui.EVENTS.MOUSE_PRESS"/>
  390. <parameter expr="'mouse_press'"/>
  391. <parameter expr="self.inports['ball_ui']"/>
  392. </raise>
  393. <raise port="ui" event="bind_canvas_event">
  394. <parameter expr="self.canvas_id"/>
  395. <parameter expr="circle_id"/>
  396. <parameter expr="ui.EVENTS.MOUSE_MOVE"/>
  397. <parameter expr="'mouse_move'"/>
  398. <parameter expr="self.inports['ball_ui']"/>
  399. </raise>
  400. <raise port="ui" event="bind_canvas_event">
  401. <parameter expr="self.canvas_id"/>
  402. <parameter expr="circle_id"/>
  403. <parameter expr="ui.EVENTS.MOUSE_RELEASE"/>
  404. <parameter expr="'mouse_release'"/>
  405. <parameter expr="self.inports['ball_ui']"/>
  406. </raise>
  407. </transition>
  408. </state>
  409. <state id="bouncing">
  410. <!-- <transition after="(20 - self.getSimulatedTime() % 20) / 1000.0" target="."> -->
  411. <transition after="0.02" target=".">
  412. <script>
  413. <![CDATA[
  414. # Invert velocity when colliding with canvas border:
  415. if self.pos['x']-self.r <= 0 or self.pos['x']+self.r >= CANVAS_WIDTH:
  416. self.vel['x'] = -self.vel['x'];
  417. if self.pos['y']-self.r <= 0 or self.pos['y']+self.r >= CANVAS_HEIGHT:
  418. self.vel['y'] = -self.vel['y'];
  419. ]]>
  420. </script>
  421. <raise port="ui" event="move_element">
  422. <parameter expr="self.canvas_id"/>
  423. <parameter expr="self.circle_id"/>
  424. <parameter expr="self.vel['x']"/>
  425. <parameter expr="self.vel['y']"/>
  426. </raise>
  427. <script>
  428. self.pos['x'] += self.vel['x']
  429. self.pos['y'] += self.vel['y']
  430. </script>
  431. </transition>
  432. <transition port="ball_ui" event="mouse_press" target="../selected" cond="button == ui.MOUSE_BUTTONS.LEFT">
  433. <parameter name="x" />
  434. <parameter name="y" />
  435. <parameter name="button" />
  436. <raise port="ui" event="set_element_color">
  437. <parameter expr="self.canvas_id"/>
  438. <parameter expr="self.circle_id"/>
  439. <parameter expr="'#ff0'"/>
  440. </raise>
  441. </transition>
  442. </state>
  443. <state id="dragging">
  444. <transition port="ball_ui" event="mouse_move" target=".">
  445. <parameter name="x" />
  446. <parameter name="y" />
  447. <parameter name="button" />
  448. <script>
  449. <![CDATA[
  450. # Always keep ball within canvas:
  451. x = min(max(0+self.r, x), CANVAS_WIDTH-self.r)
  452. y = min(max(0+self.r, y), CANVAS_HEIGHT-self.r)
  453. dx = x - self.pos['x']
  454. dy = y - self.pos['y']
  455. self.vel = {
  456. 'x': (1-self.smooth)*dx + self.smooth*self.vel['x'],
  457. 'y': (1-self.smooth)*dy + self.smooth*self.vel['y']
  458. }
  459. self.pos = {'x': x, 'y': y}
  460. ]]>
  461. </script>
  462. <raise port="ui" event="set_element_pos">
  463. <parameter expr="self.canvas_id"/>
  464. <parameter expr="self.circle_id"/>
  465. <parameter expr="x-self.r"/>
  466. <parameter expr="y-self.r"/>
  467. </raise>
  468. </transition>
  469. <transition port="ball_ui" event="mouse_release" target="../bouncing">
  470. <parameter name="x" />
  471. <parameter name="y" />
  472. <raise port="ui" event="set_element_color">
  473. <parameter expr="self.canvas_id"/>
  474. <parameter expr="self.circle_id"/>
  475. <parameter expr="'#f00'"/>
  476. </raise>
  477. </transition>
  478. </state>
  479. <state id='selected'>
  480. <transition port="ball_ui" event="mouse_press" target="../dragging" cond="button == ui.MOUSE_BUTTONS.LEFT">
  481. <parameter name="x" />
  482. <parameter name="y" />
  483. <parameter name="button" />
  484. <script>
  485. <![CDATA[
  486. self.mouse_pos = {'x':x, 'y':y};
  487. ]]>
  488. </script>
  489. </transition>
  490. <transition event="delete_self" target='../../deleted'>
  491. <raise event="delete_ball" scope="narrow" target="'parent'">
  492. <parameter expr='self.association_name' />
  493. </raise>
  494. <raise port="ui" event="destroy_element">
  495. <parameter expr="self.canvas_id" />
  496. <parameter expr="self.element_id" />
  497. </raise>
  498. </transition>
  499. </state>
  500. </state>
  501. <state id='deleted' />
  502. </scxml>
  503. </class>
  504. </diagram>