particle_interaction_vis_js.xml 14 KB

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