particle_interaction_vis_js_instrumented.xml 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330
  1. <?xml version="1.0" ?>
  2. <diagram author="Simon Van Mierlo" name="ParticleInteraction">
  3. <description>
  4. Visualization of Particle Interaction Simulation (Instrumented)
  5. </description>
  6. <inport name="ui" />
  7. <inport name="input" />
  8. <class name="MainApp" default="true">
  9. <relationships>
  10. <association name="fields" class="Field" />
  11. </relationships>
  12. <method name="MainApp">
  13. <parameter name="resolution" type="list" />
  14. <body>
  15. <![CDATA[
  16. this.nr_of_fields = 0
  17. this.resolution = resolution
  18. ui.bind_event(ui.window, ui.EVENTS.WINDOW_CLOSE, this.controller, 'window_close');
  19. ]]>
  20. </body>
  21. </method>
  22. <scxml initial="main">
  23. <parallel id="main">
  24. <state id="main_behaviour" initial="initializing">
  25. <state id="initializing">
  26. <onentry>
  27. <raise event="create_field" scope="local" />
  28. </onentry>
  29. <transition target="../running" />
  30. </state>
  31. <state id="running">
  32. <transition event="field_created" target=".">
  33. <script>
  34. this.nr_of_fields += 1
  35. </script>
  36. </transition>
  37. <transition event="field_deleted" target="." cond="this.nr_of_fields > 1">
  38. <script>
  39. console.log('not stopped')
  40. </script>
  41. <script>
  42. this.nr_of_fields -= 1
  43. </script>
  44. </transition>
  45. <transition event="field_deleted" target="." cond="this.nr_of_fields == 1">
  46. <raise event="stop" scope="local" />
  47. </transition>
  48. </state>
  49. </state>
  50. <state id="creating_behaviour" initial="waiting">
  51. <state id="waiting">
  52. <transition event="create_field" target="../creating">
  53. <raise event="create_instance" scope="cd">
  54. <parameter expr="'fields'" />
  55. <parameter expr="'Field'" />
  56. <parameter expr="this.resolution" />
  57. </raise>
  58. </transition>
  59. </state>
  60. <state id="creating">
  61. <transition event="instance_created" target="../waiting">
  62. <parameter name="association_name" />
  63. <raise event="start_instance" scope="cd">
  64. <parameter expr="association_name" />
  65. </raise>
  66. <raise event="set_association_name" scope="narrow" target="association_name">
  67. <parameter expr="association_name" />
  68. </raise>
  69. <raise event="field_created" scope="local" />
  70. </transition>
  71. </state>
  72. </state>
  73. <state id="deleting_behaviour" initial="waiting">
  74. <state id="waiting">
  75. <transition event="delete_field" target="../deleting">
  76. <parameter name="association_name" />
  77. <raise event="delete_instance" scope="cd">
  78. <parameter expr="association_name" />
  79. </raise>
  80. </transition>
  81. </state>
  82. <state id="deleting">
  83. <transition event="instance_deleted" target="../waiting">
  84. <raise event="field_deleted" scope="local" />
  85. </transition>
  86. </state>
  87. </state>
  88. <transition event="stop" target="../stopped" />
  89. </parallel>
  90. <state id="stopped">
  91. <onentry>
  92. <script>
  93. <![CDATA[
  94. ui.close_window(ui.window);
  95. ]]>
  96. </script>
  97. </onentry>
  98. </state>
  99. </scxml>
  100. </class>
  101. <class name="Field">
  102. <relationships>
  103. <association name="parent" class="MainApp" min="1" max="1" />
  104. <association name="particles" class="Particle" />
  105. </relationships>
  106. <method name="Field">
  107. <parameter name="resolution" type="list" />
  108. <body>
  109. <![CDATA[
  110. this.field_window = ui.new_window(resolution[0] * 1.28, resolution[1] * 1.28);
  111. this.canvas = ui.append_canvas(this.field_window, resolution[0], resolution[1], {'background':'#eee'});
  112. this.text = this.canvas.add_text(5, 10, '0.0', {})
  113. ui.bind_event(this.field_window, ui.EVENTS.WINDOW_CLOSE, this.controller, 'window_close');
  114. ui.bind_event(this.field_window, ui.EVENTS.KEY_PRESS, this.controller, 'key_press');
  115. this.particles = {}
  116. this.creates = []
  117. this.moves = []
  118. this.color_changes = []
  119. this.deletes = []
  120. this.new_particle_id = undefined
  121. this.positions = {}
  122. this.curr_positions = {}
  123. ]]>
  124. </body>
  125. </method>
  126. <method name="~Field">
  127. <body>
  128. <![CDATA[
  129. ui.close_window(this.field_window);
  130. ]]>
  131. </body>
  132. </method>
  133. <scxml initial="main">
  134. <parallel id="main">
  135. <state id="main_behaviour" initial="initializing">
  136. <state id="initializing">
  137. <transition event="set_association_name" target="../running">
  138. <parameter name="association_name" />
  139. <script>
  140. <![CDATA[
  141. this.association_name = association_name
  142. ]]>
  143. </script>
  144. </transition>
  145. </state>
  146. <state id="running">
  147. <transition event="window_close" port="ui" target="." cond="window == this.field_window || window == ui.window">
  148. <parameter name="window" type="Window"/>
  149. <raise event="stop" scope="local" />
  150. </transition>
  151. </state>
  152. </state>
  153. <state id="creating_behaviour" initial="idle">
  154. <state id="idle">
  155. <transition target="../creating_particle" event="create_particle">
  156. <parameter name="new_particle_info" />
  157. <raise event="create_instance" scope="cd">
  158. <parameter expr='"particles"' />
  159. <parameter expr='"Particle"' />
  160. <parameter expr="this.canvas" />
  161. <parameter expr="new_particle_info[0]" />
  162. <parameter expr="new_particle_info[1][0]" />
  163. <parameter expr="new_particle_info[1][1]" />
  164. <parameter expr="new_particle_info[2]" />
  165. </raise>
  166. <script>
  167. <![CDATA[
  168. this.new_particle_id = new_particle_info[0]
  169. ]]>
  170. </script>
  171. </transition>
  172. </state>
  173. <state id="creating_particle">
  174. <transition event="instance_created" target="../idle">
  175. <parameter name="association_name" type="string"/>
  176. <raise event="start_instance" scope="cd">
  177. <parameter expr="association_name" />
  178. </raise>
  179. <raise event="set_association_name" scope="narrow" target="association_name">
  180. <parameter expr="association_name" />
  181. </raise>
  182. <script>
  183. <![CDATA[
  184. this.particles[this.new_particle_id] = association_name
  185. ]]>
  186. </script>
  187. </transition>
  188. </state>
  189. </state>
  190. <state id="listening_behaviour" initial="listening">
  191. <state id="listening">
  192. <!-- instrumentation for debugging -->
  193. <transition target="." event="reset" port="input">
  194. <script>
  195. this.text.set_text("0.0");
  196. this.particles = {};
  197. </script>
  198. <raise event="delete_instance" scope="cd">
  199. <parameter expr="'particles'" />
  200. </raise>
  201. </transition>
  202. <!-- end instrumentation -->
  203. <transition target="." port="input" event="update_time">
  204. <parameter name="new_time" />
  205. <script>
  206. <![CDATA[
  207. this.text.set_text(new_time)
  208. ]]>
  209. </script>
  210. </transition>
  211. <transition target="." port="input" event="create_particle">
  212. <parameter name="params" />
  213. <raise event="create_particle">
  214. <parameter expr="params" />
  215. </raise>
  216. </transition>
  217. <transition target="." port="input" event="delete_particle">
  218. <parameter name="particle_id" />
  219. <raise event="delete_instance" scope="cd">
  220. <parameter expr="this.particles[particle_id]" />
  221. </raise>
  222. <script>
  223. <![CDATA[
  224. delete this.particles[particle_id]
  225. ]]>
  226. </script>
  227. </transition>
  228. <transition port="ui" target="." event="key_press" cond="key == ui.KEYCODES.DELETE &amp;&amp; active_window == this.field_window">
  229. <parameter name="key" type="Key"/>
  230. <parameter name="active_window" type="Window"/>
  231. <raise event="delete_selected" port="output" />
  232. </transition>
  233. </state>
  234. </state>
  235. <transition event="stop" target="../stopped">
  236. <raise event="delete_instance" scope="cd">
  237. <parameter expr="'particles'" />
  238. </raise>
  239. </transition>
  240. </parallel>
  241. <state id="stopped">
  242. <onentry>
  243. <raise event="delete_field" scope="narrow" target="'parent'">
  244. <parameter expr="this.association_name" />
  245. </raise>
  246. </onentry>
  247. </state>
  248. </scxml>
  249. </class>
  250. <class name="Particle">
  251. <relationships>
  252. <association name="parent" class="Field" min="1" max="1" />
  253. </relationships>
  254. <inport name="particle_ui"/>
  255. <method name="Particle">
  256. <parameter name="canvas" />
  257. <parameter name="particle_id" />
  258. <parameter name="x" />
  259. <parameter name="y" />
  260. <parameter name="r" />
  261. <body>
  262. <![CDATA[
  263. this.canvas = canvas
  264. this.x = x
  265. this.y = y
  266. this.r = r
  267. this.circle_id = this.canvas.add_circle(x, y, r, {fill:"red"})
  268. this.middle_id = this.canvas.add_circle(x, y, 4, {fill:"orange"})
  269. this.particle_id = particle_id
  270. ui.bind_event(this.circle_id, ui.EVENTS.MOUSE_PRESS, this.controller, 'mouse_click', this.inports['particle_ui']);
  271. ui.bind_event(this.circle_id, ui.EVENTS.MOUSE_RIGHT_CLICK, this.controller, 'mouse_click', this.inports['particle_ui']);
  272. ]]>
  273. </body>
  274. </method>
  275. <method name="~Particle">
  276. <body>
  277. this.canvas.remove_element(this.circle_id)
  278. this.canvas.remove_element(this.middle_id)
  279. </body>
  280. </method>
  281. <scxml initial="initializing">
  282. <state id="initializing">
  283. <transition target="../running" event="set_association_name">
  284. <parameter name="association_name" type="str" />
  285. <script>
  286. this.association_name = association_name
  287. </script>
  288. </transition>
  289. </state>
  290. <state id="running">
  291. <transition target="." port="input" event="move_particle" cond="params[0] == this.particle_id">
  292. <parameter name="params" />
  293. <script>
  294. var x = params[1][0]
  295. var y = params[1][1]
  296. this.circle_id.set_position(x, y)
  297. this.middle_id.set_position(x, y)
  298. </script>
  299. </transition>
  300. <transition target="." port="input" event="color_particle" cond="params[0] == this.particle_id">
  301. <parameter name="params" />
  302. <script>
  303. this.circle_id.set_color(params[1])
  304. </script>
  305. </transition>
  306. <transition target="." port="particle_ui" event="mouse_click" cond="button == ui.MOUSE_BUTTONS.LEFT">
  307. <parameter name="x" type="int"/>
  308. <parameter name="y" type="int"/>
  309. <parameter name="button" type="Button"/>
  310. <raise event="particle_clicked" port="output">
  311. <parameter expr="this.particle_id" />
  312. </raise>
  313. </transition>
  314. <!-- instrumentation for debugging -->
  315. <transition target="." port="particle_ui" event="mouse_click" cond="button == ui.MOUSE_BUTTONS.RIGHT">
  316. <parameter name="x" type="int"/>
  317. <parameter name="y" type="int"/>
  318. <parameter name="button" type="Button"/>
  319. <raise event="particle_right_clicked" port="output">
  320. <parameter expr="this.particle_id" />
  321. </raise>
  322. </transition>
  323. <!-- end instrumentation -->
  324. </state>
  325. <state id="deleted" />
  326. </scxml>
  327. </class>
  328. </diagram>