atome 0.4.7.0 → 0.5.1.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (258) hide show
  1. checksums.yaml +4 -4
  2. data/Gemfile +1 -1
  3. data/README.md +7 -4
  4. data/Rakefile +22 -13
  5. data/app_builder_helpers/Rakefile +63 -21
  6. data/exe/atome +91 -45
  7. data/lib/atome/atome_meta_engine.rb +132 -0
  8. data/lib/atome/extensions/atome.rb +41 -0
  9. data/lib/atome/{kernel/helpers → extensions}/geolocation.rb +0 -0
  10. data/lib/atome/{kernel/helpers → extensions}/ping.rb +0 -0
  11. data/lib/atome/{kernel/helpers → extensions}/sha.rb +3 -1
  12. data/lib/atome/genesis/generators/atome.rb +13 -0
  13. data/lib/atome/{renderers/headless/properties/generator.rb → genesis/generators/communication.rb} +2 -0
  14. data/lib/atome/genesis/generators/effect.rb +6 -0
  15. data/lib/atome/genesis/generators/event.rb +5 -0
  16. data/lib/atome/genesis/generators/geometry.rb +6 -0
  17. data/lib/atome/genesis/generators/identity.rb +15 -0
  18. data/lib/atome/genesis/generators/material.rb +10 -0
  19. data/lib/atome/genesis/generators/spatial.rb +12 -0
  20. data/lib/atome/genesis/generators/utility.rb +14 -0
  21. data/lib/atome/genesis/genesis.rb +51 -0
  22. data/lib/atome/genesis/sparkle.rb +58 -0
  23. data/lib/atome/helpers/color_helper/color/cmyk.rb +263 -0
  24. data/lib/atome/helpers/color_helper/color/css.rb +7 -0
  25. data/lib/atome/helpers/color_helper/color/grayscale.rb +197 -0
  26. data/lib/atome/helpers/color_helper/color/hsl.rb +240 -0
  27. data/lib/atome/helpers/color_helper/color/palette/adobecolor.rb +260 -0
  28. data/lib/atome/helpers/color_helper/color/palette/gimp.rb +104 -0
  29. data/lib/atome/helpers/color_helper/color/palette/monocontrast.rb +164 -0
  30. data/lib/atome/helpers/color_helper/color/palette.rb +4 -0
  31. data/lib/atome/helpers/color_helper/color/rgb/colors.rb +167 -0
  32. data/lib/atome/helpers/color_helper/color/rgb/contrast.rb +57 -0
  33. data/lib/atome/helpers/color_helper/color/rgb/metallic.rb +28 -0
  34. data/lib/atome/helpers/color_helper/color/rgb.rb +715 -0
  35. data/lib/atome/helpers/color_helper/color/yiq.rb +62 -0
  36. data/lib/atome/helpers/color_helper/color.rb +196 -0
  37. data/lib/atome/helpers/essentials.rb +42 -0
  38. data/lib/atome/helpers/sanitizer.rb +42 -0
  39. data/lib/atome/helpers/utilities.rb +57 -0
  40. data/lib/atome/kernel/essentials.rb +30 -0
  41. data/lib/atome/kernel/universe.rb +75 -26
  42. data/lib/atome/presets/atome.rb +66 -0
  43. data/lib/atome/processors/utilities.rb +10 -0
  44. data/lib/atome/renderers/browser/atome.rb +95 -0
  45. data/lib/atome/renderers/browser/browser.rb +158 -0
  46. data/lib/atome/renderers/browser/effect.rb +23 -0
  47. data/lib/atome/renderers/browser/event.rb +9 -0
  48. data/lib/atome/renderers/browser/geometry.rb +11 -0
  49. data/lib/atome/renderers/browser/identity.rb +20 -0
  50. data/lib/atome/renderers/browser/material.rb +43 -0
  51. data/lib/atome/renderers/{opal → browser}/opal_browser.rb +0 -2
  52. data/lib/atome/renderers/browser/spatial.rb +22 -0
  53. data/lib/atome/renderers/browser/utility.rb +26 -0
  54. data/lib/atome/renderers/html/atome.rb +47 -0
  55. data/lib/atome/renderers/html/effect.rb +19 -0
  56. data/lib/atome/renderers/html/event.rb +9 -0
  57. data/lib/atome/renderers/html/geometry.rb +11 -0
  58. data/lib/atome/renderers/html/html.rb +42 -0
  59. data/lib/atome/renderers/html/identity.rb +14 -0
  60. data/lib/atome/renderers/html/opal_browser.rb +6 -0
  61. data/lib/atome/renderers/html/spatial.rb +28 -0
  62. data/lib/atome/renderers/html/utility.rb +15 -0
  63. data/lib/atome/renderers/opal/atome_opal_extensions.rb +1 -1
  64. data/lib/atome/renderers/opal/extensions/atome.rb +29 -0
  65. data/lib/atome/renderers/opal/opal.rb +4 -0
  66. data/lib/atome/version.rb +1 -2
  67. data/lib/atome.rb +22 -45
  68. data/vendor/assets/application/index.rb +3 -1
  69. data/vendor/assets/application/required_example.rb +1 -0
  70. data/{lib/atome/renderers/headless/headless.rb → vendor/assets/aui.rb} +0 -0
  71. data/vendor/assets/build/css/style.css +51 -0
  72. data/vendor/assets/build/index.html +10 -7
  73. data/vendor/assets/build/js/atome/atome.js +61 -61
  74. data/{lib/atome/renderers/server/server.rb → vendor/assets/build/medias/rubies/examples/_animation.rb} +0 -0
  75. data/vendor/assets/build/medias/rubies/examples/_code.rb +12 -0
  76. data/vendor/assets/build/medias/rubies/examples/_id.rb +14 -0
  77. data/vendor/assets/build/medias/rubies/examples/_link.rb +17 -0
  78. data/vendor/assets/build/medias/rubies/examples/{on.rb → _on.rb} +3 -1
  79. data/vendor/assets/build/medias/rubies/examples/{read.rb → _read.rb} +2 -0
  80. data/vendor/assets/build/medias/rubies/examples/_refresh.rb +9 -0
  81. data/vendor/assets/build/medias/rubies/examples/atome.new.rb +13 -10
  82. data/vendor/assets/build/medias/rubies/examples/auto_height.rb +2 -0
  83. data/vendor/assets/build/medias/rubies/examples/auto_width.rb +2 -0
  84. data/vendor/assets/build/medias/rubies/examples/blur.rb +4 -0
  85. data/vendor/assets/build/medias/rubies/examples/bottom.rb +3 -1
  86. data/vendor/assets/build/medias/rubies/examples/box.rb +15 -8
  87. data/vendor/assets/build/medias/rubies/examples/circle.rb +2 -0
  88. data/vendor/assets/build/medias/rubies/examples/clear.rb +2 -1
  89. data/vendor/assets/build/medias/rubies/examples/color.rb +47 -8
  90. data/vendor/assets/build/medias/rubies/examples/create_atome_in_atome.rb +2 -0
  91. data/vendor/assets/build/medias/rubies/examples/delete.rb +7 -0
  92. data/vendor/assets/build/medias/rubies/examples/drag.rb +1 -0
  93. data/vendor/assets/build/medias/rubies/examples/element.rb +6 -0
  94. data/vendor/assets/build/medias/rubies/examples/get_renderer_list.rb +3 -1
  95. data/vendor/assets/build/medias/rubies/examples/grab.rb +2 -0
  96. data/vendor/assets/build/medias/rubies/examples/height.rb +2 -0
  97. data/vendor/assets/build/medias/rubies/examples/image.rb +6 -2
  98. data/vendor/assets/build/medias/rubies/examples/left.rb +2 -0
  99. data/vendor/assets/build/medias/rubies/examples/monitoring.rb +20 -0
  100. data/vendor/assets/build/medias/rubies/examples/parent.rb +7 -5
  101. data/vendor/assets/build/medias/rubies/examples/repeat.rb +2 -0
  102. data/vendor/assets/build/medias/rubies/examples/right.rb +3 -1
  103. data/vendor/assets/build/medias/rubies/examples/schedule.rb +0 -4
  104. data/vendor/assets/build/medias/rubies/examples/shadow.rb +30 -0
  105. data/vendor/assets/build/medias/rubies/examples/text.rb +21 -7
  106. data/vendor/assets/build/medias/rubies/examples/touch.rb +2 -0
  107. data/vendor/assets/build/medias/rubies/examples/video.rb +2 -2
  108. data/vendor/assets/build/medias/rubies/examples/web.rb +2 -2
  109. data/vendor/assets/server/atome_server.rb +3 -5
  110. metadata +74 -174
  111. data/lib/atome/atome_native_extensions.rb +0 -5
  112. data/lib/atome/extensions/helper.rb +0 -112
  113. data/lib/atome/kernel/atome.rb +0 -99
  114. data/lib/atome/kernel/generators/generator.rb +0 -517
  115. data/lib/atome/kernel/generators/genesis.rb +0 -277
  116. data/lib/atome/kernel/generators/sanitizer.rb +0 -73
  117. data/lib/atome/kernel/generators/shapes.rb +0 -55
  118. data/lib/atome/kernel/helpers/internal_methods.rb +0 -173
  119. data/lib/atome/kernel/helpers/utilities.rb +0 -39
  120. data/lib/atome/kernel/properties/essential.rb +0 -77
  121. data/lib/atome/kernel/sparkle.rb +0 -38
  122. data/lib/atome/renderers/opal/properties/generator.rb +0 -1
  123. data/lib/atome/renderers/renderer.rb +0 -13
  124. data/lib/atome/renderers/server/properties/generator.rb +0 -9
  125. data/vendor/assets/build/js/application.js +0 -0
  126. data/vendor/assets/build/medias/audios/guitar.wav +0 -0
  127. data/vendor/assets/build/medias/images/beach.jpg +0 -0
  128. data/vendor/assets/build/medias/rubies/examples/Old_examples/!demos.rb +0 -111
  129. data/vendor/assets/build/medias/rubies/examples/Old_examples/action.rb +0 -12
  130. data/vendor/assets/build/medias/rubies/examples/Old_examples/add.rb +0 -26
  131. data/vendor/assets/build/medias/rubies/examples/Old_examples/alignment.rb +0 -27
  132. data/vendor/assets/build/medias/rubies/examples/Old_examples/animation.rb +0 -92
  133. data/vendor/assets/build/medias/rubies/examples/Old_examples/atome_as_property.rb +0 -20
  134. data/vendor/assets/build/medias/rubies/examples/Old_examples/atome_list.rb +0 -4
  135. data/vendor/assets/build/medias/rubies/examples/Old_examples/atomiser.rb +0 -17
  136. data/vendor/assets/build/medias/rubies/examples/Old_examples/attach_extract.rb +0 -13
  137. data/vendor/assets/build/medias/rubies/examples/Old_examples/authorisation.rb +0 -22
  138. data/vendor/assets/build/medias/rubies/examples/Old_examples/batch.rb +0 -6
  139. data/vendor/assets/build/medias/rubies/examples/Old_examples/blend.rb +0 -15
  140. data/vendor/assets/build/medias/rubies/examples/Old_examples/blur.rb +0 -9
  141. data/vendor/assets/build/medias/rubies/examples/Old_examples/border.rb +0 -9
  142. data/vendor/assets/build/medias/rubies/examples/Old_examples/calendar.rb +0 -5
  143. data/vendor/assets/build/medias/rubies/examples/Old_examples/capture.rb +0 -57
  144. data/vendor/assets/build/medias/rubies/examples/Old_examples/center.rb +0 -21
  145. data/vendor/assets/build/medias/rubies/examples/Old_examples/child.rb +0 -18
  146. data/vendor/assets/build/medias/rubies/examples/Old_examples/clear.rb +0 -21
  147. data/vendor/assets/build/medias/rubies/examples/Old_examples/clip.rb +0 -11
  148. data/vendor/assets/build/medias/rubies/examples/Old_examples/code.rb +0 -7
  149. data/vendor/assets/build/medias/rubies/examples/Old_examples/code_editor.rb +0 -26
  150. data/vendor/assets/build/medias/rubies/examples/Old_examples/collaborate.rb +0 -115
  151. data/vendor/assets/build/medias/rubies/examples/Old_examples/convert_to_px.rb +0 -14
  152. data/vendor/assets/build/medias/rubies/examples/Old_examples/copy_paste.rb +0 -35
  153. data/vendor/assets/build/medias/rubies/examples/Old_examples/current_code.rb +0 -14
  154. data/vendor/assets/build/medias/rubies/examples/Old_examples/cursor.rb +0 -3
  155. data/vendor/assets/build/medias/rubies/examples/Old_examples/data.rb +0 -11
  156. data/vendor/assets/build/medias/rubies/examples/Old_examples/database.rb +0 -29
  157. data/vendor/assets/build/medias/rubies/examples/Old_examples/delete.rb +0 -12
  158. data/vendor/assets/build/medias/rubies/examples/Old_examples/display.rb +0 -19
  159. data/vendor/assets/build/medias/rubies/examples/Old_examples/disposition.rb +0 -10
  160. data/vendor/assets/build/medias/rubies/examples/Old_examples/double_and_long_touch.rb +0 -23
  161. data/vendor/assets/build/medias/rubies/examples/Old_examples/drag.rb +0 -61
  162. data/vendor/assets/build/medias/rubies/examples/Old_examples/drag_and_drop_import.rb +0 -1
  163. data/vendor/assets/build/medias/rubies/examples/Old_examples/drop.rb +0 -23
  164. data/vendor/assets/build/medias/rubies/examples/Old_examples/duplicate.rb +0 -11
  165. data/vendor/assets/build/medias/rubies/examples/Old_examples/edit.rb +0 -6
  166. data/vendor/assets/build/medias/rubies/examples/Old_examples/eval.rb +0 -9
  167. data/vendor/assets/build/medias/rubies/examples/Old_examples/extract_detach.rb +0 -23
  168. data/vendor/assets/build/medias/rubies/examples/Old_examples/fill.rb +0 -10
  169. data/vendor/assets/build/medias/rubies/examples/Old_examples/find.rb +0 -37
  170. data/vendor/assets/build/medias/rubies/examples/Old_examples/fit.rb +0 -44
  171. data/vendor/assets/build/medias/rubies/examples/Old_examples/fullscreen.rb +0 -28
  172. data/vendor/assets/build/medias/rubies/examples/Old_examples/generate.rb +0 -7
  173. data/vendor/assets/build/medias/rubies/examples/Old_examples/gradient.rb +0 -24
  174. data/vendor/assets/build/medias/rubies/examples/Old_examples/group.rb +0 -21
  175. data/vendor/assets/build/medias/rubies/examples/Old_examples/helper.rb +0 -64
  176. data/vendor/assets/build/medias/rubies/examples/Old_examples/history.rb +0 -7
  177. data/vendor/assets/build/medias/rubies/examples/Old_examples/hue.rb +0 -10
  178. data/vendor/assets/build/medias/rubies/examples/Old_examples/input_text.rb +0 -54
  179. data/vendor/assets/build/medias/rubies/examples/Old_examples/insert_attach.rb +0 -13
  180. data/vendor/assets/build/medias/rubies/examples/Old_examples/internationalisation.rb +0 -10
  181. data/vendor/assets/build/medias/rubies/examples/Old_examples/key.rb +0 -19
  182. data/vendor/assets/build/medias/rubies/examples/Old_examples/keyboard_shortcut.rb +0 -69
  183. data/vendor/assets/build/medias/rubies/examples/Old_examples/list_methods.rb +0 -4
  184. data/vendor/assets/build/medias/rubies/examples/Old_examples/list_types.rb +0 -4
  185. data/vendor/assets/build/medias/rubies/examples/Old_examples/listen.rb +0 -47
  186. data/vendor/assets/build/medias/rubies/examples/Old_examples/mail.rb +0 -9
  187. data/vendor/assets/build/medias/rubies/examples/Old_examples/map.rb +0 -6
  188. data/vendor/assets/build/medias/rubies/examples/Old_examples/mask.rb +0 -15
  189. data/vendor/assets/build/medias/rubies/examples/Old_examples/media_recorder.rb +0 -24
  190. data/vendor/assets/build/medias/rubies/examples/Old_examples/media_streaming.rb +0 -41
  191. data/vendor/assets/build/medias/rubies/examples/Old_examples/meteo.rb +0 -41
  192. data/vendor/assets/build/medias/rubies/examples/Old_examples/methods_chaining.rb +0 -8
  193. data/vendor/assets/build/medias/rubies/examples/Old_examples/midi.rb +0 -37
  194. data/vendor/assets/build/medias/rubies/examples/Old_examples/monitoring.rb +0 -47
  195. data/vendor/assets/build/medias/rubies/examples/Old_examples/mulitrendering.rb +0 -7
  196. data/vendor/assets/build/medias/rubies/examples/Old_examples/noise_gradient_texture.rb +0 -26
  197. data/vendor/assets/build/medias/rubies/examples/Old_examples/notification.rb +0 -9
  198. data/vendor/assets/build/medias/rubies/examples/Old_examples/object_in_object.rb +0 -13
  199. data/vendor/assets/build/medias/rubies/examples/Old_examples/on_resize.rb +0 -12
  200. data/vendor/assets/build/medias/rubies/examples/Old_examples/over.rb +0 -15
  201. data/vendor/assets/build/medias/rubies/examples/Old_examples/overflow.rb +0 -22
  202. data/vendor/assets/build/medias/rubies/examples/Old_examples/parameter.rb +0 -14
  203. data/vendor/assets/build/medias/rubies/examples/Old_examples/parent.rb +0 -19
  204. data/vendor/assets/build/medias/rubies/examples/Old_examples/particle.rb +0 -15
  205. data/vendor/assets/build/medias/rubies/examples/Old_examples/pay.rb +0 -7
  206. data/vendor/assets/build/medias/rubies/examples/Old_examples/ping.rb +0 -7
  207. data/vendor/assets/build/medias/rubies/examples/Old_examples/play.rb +0 -24
  208. data/vendor/assets/build/medias/rubies/examples/Old_examples/play_audio.rb +0 -6
  209. data/vendor/assets/build/medias/rubies/examples/Old_examples/position.rb +0 -7
  210. data/vendor/assets/build/medias/rubies/examples/Old_examples/read_file.rb +0 -9
  211. data/vendor/assets/build/medias/rubies/examples/Old_examples/reboot.rb +0 -15
  212. data/vendor/assets/build/medias/rubies/examples/Old_examples/refresh.rb +0 -17
  213. data/vendor/assets/build/medias/rubies/examples/Old_examples/remote_server.rb +0 -31
  214. data/vendor/assets/build/medias/rubies/examples/Old_examples/render.rb +0 -17
  215. data/vendor/assets/build/medias/rubies/examples/Old_examples/repeat.rb +0 -19
  216. data/vendor/assets/build/medias/rubies/examples/Old_examples/require_remote.rb +0 -3
  217. data/vendor/assets/build/medias/rubies/examples/Old_examples/restore_atome.rb +0 -11
  218. data/vendor/assets/build/medias/rubies/examples/Old_examples/resurect.rb +0 -30
  219. data/vendor/assets/build/medias/rubies/examples/Old_examples/ruby_version.rb +0 -1
  220. data/vendor/assets/build/medias/rubies/examples/Old_examples/say.rb +0 -3
  221. data/vendor/assets/build/medias/rubies/examples/Old_examples/scale.rb +0 -41
  222. data/vendor/assets/build/medias/rubies/examples/Old_examples/schedule.rb +0 -39
  223. data/vendor/assets/build/medias/rubies/examples/Old_examples/scroll.rb +0 -9
  224. data/vendor/assets/build/medias/rubies/examples/Old_examples/select.rb +0 -32
  225. data/vendor/assets/build/medias/rubies/examples/Old_examples/selector.rb +0 -6
  226. data/vendor/assets/build/medias/rubies/examples/Old_examples/shadow.rb +0 -30
  227. data/vendor/assets/build/medias/rubies/examples/Old_examples/shape_with_path.rb +0 -7
  228. data/vendor/assets/build/medias/rubies/examples/Old_examples/size.rb +0 -109
  229. data/vendor/assets/build/medias/rubies/examples/Old_examples/smooth.rb +0 -5
  230. data/vendor/assets/build/medias/rubies/examples/Old_examples/speech_renderer.rb +0 -5
  231. data/vendor/assets/build/medias/rubies/examples/Old_examples/synth.rb +0 -6
  232. data/vendor/assets/build/medias/rubies/examples/Old_examples/system.rb +0 -3
  233. data/vendor/assets/build/medias/rubies/examples/Old_examples/tags.rb +0 -18
  234. data/vendor/assets/build/medias/rubies/examples/Old_examples/text.rb +0 -33
  235. data/vendor/assets/build/medias/rubies/examples/Old_examples/text_selection.rb +0 -33
  236. data/vendor/assets/build/medias/rubies/examples/Old_examples/text_to_midi.rb +0 -22
  237. data/vendor/assets/build/medias/rubies/examples/Old_examples/touch.rb +0 -23
  238. data/vendor/assets/build/medias/rubies/examples/Old_examples/touch_stop_propagation.rb +0 -27
  239. data/vendor/assets/build/medias/rubies/examples/Old_examples/treat_object_in_object.rb +0 -26
  240. data/vendor/assets/build/medias/rubies/examples/Old_examples/type_mutations.rb +0 -27
  241. data/vendor/assets/build/medias/rubies/examples/Old_examples/video_callback.rb +0 -46
  242. data/vendor/assets/build/medias/rubies/examples/Old_examples/view_mode.rb +0 -29
  243. data/vendor/assets/build/medias/rubies/examples/Old_examples/virtual_events.rb +0 -17
  244. data/vendor/assets/build/medias/rubies/examples/Old_examples/visual.rb +0 -23
  245. data/vendor/assets/build/medias/rubies/examples/Old_examples/vr_display.rb +0 -5
  246. data/vendor/assets/build/medias/rubies/examples/Old_examples/wait.rb +0 -21
  247. data/vendor/assets/build/medias/rubies/examples/Old_examples/web.rb +0 -10
  248. data/vendor/assets/build/medias/rubies/examples/Old_examples/web_address_bar.rb +0 -14
  249. data/vendor/assets/build/medias/rubies/examples/Old_examples/websocket.rb +0 -16
  250. data/vendor/assets/build/medias/rubies/examples/Old_examples/webstate.rb +0 -10
  251. data/vendor/assets/build/medias/rubies/examples/animation.rb +0 -0
  252. data/vendor/assets/build/medias/rubies/examples/code.rb +0 -5
  253. data/vendor/assets/build/medias/rubies/examples/link.rb +0 -11
  254. data/vendor/assets/build/medias/videos/avengers.mp4 +0 -0
  255. data/vendor/assets/build/medias/videos/lion_king.mp4 +0 -0
  256. data/vendor/assets/build/medias/videos/madmax.mp4 +0 -0
  257. data/vendor/assets/build/medias/videos/starwars.mov +0 -0
  258. data/vendor/assets/build/medias/videos/superman.mp4 +0 -0
@@ -1,38 +0,0 @@
1
- # frozen_string_literal: true
2
-
3
- # FIXME : try avoid type property duplication (it's the key of the hash and also specified in the hash itself)
4
-
5
- # let's create the view port
6
- default_render = if RUBY_ENGINE.downcase == 'opal'
7
- :html
8
- else
9
- :headless
10
- end
11
-
12
-
13
- Sanitizer.default_params[:render] = default_render
14
- Atome.new(
15
- { shape: { render: [default_render], id: :view, type: :shape, parent: [:user_view],
16
- left: 0, right: 0, top: 0, bottom: 0,overflow: :auto,
17
- color: { render: [default_render], id: :view_color, type: :color,
18
- red: 0.15, green: 0.15, blue: 0.15, alpha: 1 } } }
19
- )
20
-
21
-
22
- # init basic object for atome environment
23
-
24
- # Atome.new is used to create a new atome using best performances but params must be formatted and ordered correctly
25
-
26
- # use atome.atome to create a new atome using a more permissive syntax less performances but params must be formatted
27
- # and ordered correctly
28
-
29
- # Atome.atome ids the easiest way to create a new atome
30
- # Atome.atome({
31
- # shape: { left: 0, right: 0, top: 0, bottom: 0, id: :view, color: { id: :c1, render: [:headless],
32
- # red: 0.15, green: 0.15, blue: 0.15, alpha: 1 } } })
33
-
34
- # WARNING: when using Atome.new syntax , you must get your object using the .atome
35
- # example to get the atome above : use a.shape.left and not a.left it wont access the physical object
36
-
37
- puts "current machine id: #{Atome.current_machine}"
38
-
@@ -1 +0,0 @@
1
- # frozen_string_literal: true
@@ -1,13 +0,0 @@
1
- # frozen_string_literal: true
2
-
3
- # Main render engine
4
- module Render
5
- def render_engine(property, value, atome, &proc)
6
-
7
- renderer_found = atome.render
8
- renderer_found.each do |renderer|
9
- renderer_name = "#{property}_#{renderer}"
10
- send(renderer_name, value,atome, &proc)
11
- end
12
- end
13
- end
@@ -1,9 +0,0 @@
1
- # frozen_string_literal: true
2
-
3
- # server render methods here
4
- module ServerRenderer
5
- def render_server(params, &proc)
6
- instance_exec(params, &proc) if proc.is_a?(Proc)
7
- puts "----puts render sever render #{params}"
8
- end
9
- end
File without changes
@@ -1,111 +0,0 @@
1
- {alignment: './medias/rubies/examples/alignment.rb',
2
- animation: './medias/rubies/examples/animation.rb',
3
- atome_list: './medias/rubies/examples/atome_list.rb',
4
- atomiser: './medias/rubies/examples/atomiser.rb',
5
- attach_extract: './medias/rubies/examples/attach_extract.rb',
6
- authorisation: './medias/rubies/examples/authorisation.rb',
7
- batch: './medias/rubies/examples/batch.rb',
8
- blend: './medias/rubies/examples/blend.rb',
9
- blur: './medias/rubies/examples/blur.rb',
10
- border: './medias/rubies/examples/border.rb',
11
- calendar: './medias/rubies/examples/calendar.rb',
12
- capture: './medias/rubies/examples/capture.rb',
13
- center: './medias/rubies/examples/center.rb',
14
- child: './medias/rubies/examples/child.rb',
15
- clear: './medias/rubies/examples/clear.rb',
16
- clip: './medias/rubies/examples/clip.rb',
17
- code: './medias/rubies/examples/code.rb',
18
- code_editor: './medias/rubies/examples/code_editor.rb',
19
- collaborate: './medias/rubies/examples/collaborate.rb',
20
- convert_to_px: './medias/rubies/examples/convert_to_px.rb',
21
- copy_paste: './medias/rubies/examples/copy_paste.rb',
22
- current_code: './medias/rubies/examples/current_code.rb',
23
- cursor: './medias/rubies/examples/cursor.rb',
24
- data: './medias/rubies/examples/data.rb',
25
- database: './medias/rubies/examples/database.rb',
26
- delete: './medias/rubies/examples/delete.rb',
27
- display: './medias/rubies/examples/display.rb',
28
- disposition: './medias/rubies/examples/disposition.rb',
29
- double_and_long_touch: './medias/rubies/examples/double_and_long_touch.rb',
30
- drag: './medias/rubies/examples/drag.rb',
31
- drag_and_drop_import: './medias/rubies/examples/drag_and_drop_import.rb',
32
- drop: './medias/rubies/examples/drop.rb',
33
- duplicate: './medias/rubies/examples/duplicate.rb',
34
- edit: './medias/rubies/examples/edit.rb',
35
- eval: './medias/rubies/examples/eval.rb',
36
- extract_detach: './medias/rubies/examples/extract_detach.rb',
37
- fill: './medias/rubies/examples/fill.rb',
38
- find: './medias/rubies/examples/find.rb',
39
- fit: './medias/rubies/examples/fit.rb',
40
- gradient: './medias/rubies/examples/gradient.rb',
41
- group: './medias/rubies/examples/group.rb',
42
- helper: './medias/rubies/examples/helper.rb',
43
- hue: './medias/rubies/examples/hue.rb',
44
- input_text: './medias/rubies/examples/input_text.rb',
45
- insert_attach: './medias/rubies/examples/insert_attach.rb',
46
- internationalisation: './medias/rubies/examples/internationalisation.rb',
47
- key: './medias/rubies/examples/key.rb',
48
- keyboard_shortcut: './medias/rubies/examples/keyboard_shortcut.rb',
49
- list_methods: './medias/rubies/examples/list_methods.rb',
50
- list_types: './medias/rubies/examples/list_types.rb',
51
- listen: './medias/rubies/examples/listen.rb',
52
- mail: './medias/rubies/examples/mail.rb',
53
- map: './medias/rubies/examples/map.rb',
54
- mask: './medias/rubies/examples/mask.rb',
55
- media_recorder: './medias/rubies/examples/media_recorder.rb',
56
- media_streaming: './medias/rubies/examples/media_streaming.rb',
57
- meteo: './medias/rubies/examples/meteo.rb',
58
- methods_chaining: './medias/rubies/examples/methods_chaining.rb',
59
- midi: './medias/rubies/examples/midi.rb',
60
- monitoring: './medias/rubies/examples/monitoring.rb',
61
- mulitrendering: './medias/rubies/examples/mulitrendering.rb',
62
- noise_gradient_texture: './medias/rubies/examples/noise_gradient_texture.rb',
63
- notification: './medias/rubies/examples/notification.rb',
64
- object_in_object: './medias/rubies/examples/object_in_object.rb',
65
- on_resize: './medias/rubies/examples/on_resize.rb',
66
- over: './medias/rubies/examples/over.rb',
67
- overflow: './medias/rubies/examples/overflow.rb',
68
- parent: './medias/rubies/examples/parent.rb',
69
- pay: './medias/rubies/examples/pay.rb',
70
- ping: './medias/rubies/examples/ping.rb',
71
- play: './medias/rubies/examples/play.rb',
72
- play_audio: './medias/rubies/examples/play_audio.rb',
73
- position: './medias/rubies/examples/position.rb',
74
- read_file: './medias/rubies/examples/read_file.rb',
75
- refresh: './medias/rubies/examples/refresh.rb',
76
- remote_server: './medias/rubies/examples/remote_server.rb',
77
- render: './medias/rubies/examples/render.rb',
78
- repeat: './medias/rubies/examples/repeat.rb',
79
- require_remote: './medias/rubies/examples/require_remote.rb',
80
- restore_atome: './medias/rubies/examples/restore_atome.rb',
81
- ruby_version: './medias/rubies/examples/ruby_version.rb',
82
- say: './medias/rubies/examples/say.rb',
83
- scale: './medias/rubies/examples/scale.rb',
84
- schedule: './medias/rubies/examples/schedule.rb',
85
- scroll: './medias/rubies/examples/scroll.rb',
86
- select: './medias/rubies/examples/select.rb',
87
- selector: './medias/rubies/examples/selector.rb',
88
- shadow: './medias/rubies/examples/shadow.rb',
89
- shape_with_path: './medias/rubies/examples/shape_with_path.rb',
90
- size: './medias/rubies/examples/size.rb',
91
- smooth: './medias/rubies/examples/smooth.rb',
92
- speech_renderer: './medias/rubies/examples/speech_renderer.rb',
93
- synth: './medias/rubies/examples/synth.rb',
94
- tags: './medias/rubies/examples/tags.rb',
95
- text: './medias/rubies/examples/text.rb',
96
- text_selection: './medias/rubies/examples/text_selection.rb',
97
- text_to_midi: './medias/rubies/examples/text_to_midi.rb',
98
- touch: './medias/rubies/examples/touch.rb',
99
- touch_stop_propagation: './medias/rubies/examples/touch_stop_propagation.rb',
100
- treat_object_in_object: './medias/rubies/examples/treat_object_in_object.rb',
101
- type_mutations: './medias/rubies/examples/type_mutations.rb',
102
- video_callback: './medias/rubies/examples/video_callback.rb',
103
- view_mode: './medias/rubies/examples/view_mode.rb',
104
- virtual_events: './medias/rubies/examples/virtual_events.rb',
105
- visual: './medias/rubies/examples/visual.rb',
106
- vr_display: './medias/rubies/examples/vr_display.rb',
107
- wait: './medias/rubies/examples/wait.rb',
108
- web: './medias/rubies/examples/web.rb',
109
- web_address_bar: './medias/rubies/examples/web_address_bar.rb',
110
- websocket: './medias/rubies/examples/websocket.rb',
111
- webstate: './medias/rubies/examples/webstate.rb'}
@@ -1,12 +0,0 @@
1
- # action example
2
- a = box({ atome_id: :the_box })
3
- a.action do
4
- a.animate({
5
- start: { x: 3, y: 33 },
6
- end: { x: 99, y: 99 },
7
- duration: 3000,
8
- loop: 0,
9
- target: a.atome_id
10
- })
11
- end
12
- a.action
@@ -1,26 +0,0 @@
1
- # Add example
2
-
3
- hh = box({ name: :home, x: 99, y: 9, color: :black })
4
- hh.text({ visual: 12, content: "touch the box" })
5
- hh.touch do
6
- # this will not be trig if it works correctly
7
- alert :kool
8
- end
9
- hh.touch (:remove)
10
- hh.touch do
11
- hh.width = hh.width + 9
12
- end
13
- hh.add({ touch: { proc: lambda do
14
- self.color(:darkred)
15
- end } })
16
-
17
- hh.add(:touch) do
18
- wait 1 do
19
- self.color(:white)
20
- # hh.delete(true)
21
- end
22
-
23
- wait 2 do
24
- color :orange
25
- end
26
- end
@@ -1,27 +0,0 @@
1
- # alignment
2
-
3
- box({atome_id: :the_box,color: :orange, width: :auto, height: :auto,xx: 69, x: 69, yy: 69, y: 69})
4
- t=text({content: "click the grey to get it's position", color: :red })
5
-
6
-
7
- b=box({atome_id: :toto, drag: true})
8
- b.xx(88)
9
- b.y(88)
10
-
11
- b.touch do
12
- t.content("x: #{b.x}, y: #{b.y}, xx: #{b.xx}, yy: #{b.yy}")
13
- b.fixed(false)
14
- end
15
-
16
- b2 = box({atome_id: :toto, drag: true, color: :purple})
17
- c = circle({y: 96,x: 33, atome_id: :the_circle, color: :magenta, drag: true})
18
- c.center(:y)
19
- b2.fixed(true)
20
- b2.center(:all)
21
- t1 = b2.text('O')
22
- t2 = c.text("i")
23
- t1.center({reference: :parent, axis: :x})
24
- t2.center({reference: :the_circle, axis: :all})
25
- img=image({content: :boat, size: 69, x: 96, y: 33, drag: true})
26
- # offset means that the current x and y position is added to the centering
27
- img.center({axis: :x, offset: true})
@@ -1,92 +0,0 @@
1
-
2
-
3
- # animation example
4
- wait 1 do
5
- i=image({ color: { green: 1 , alpha: 0.3 }, content: :boat , atome_id: :the_boat})
6
- i.color({ red: 1 , alpha: 0.3 })
7
- i.noise({ opacity: 0.6 })
8
-
9
- wait 2 do
10
- i.animate({
11
- start: { smooth: 0, blur: 0, rotate: 33, color: { red: 0, green: 1, blue: 0, alpha: 0.2 } },
12
- end: { smooth: 25, rotate: 180, blur: 20, color: { red: 1, green: 0, blue: 0 } },
13
- duration: 1000,
14
- loop: 15,
15
- curve: :easing,
16
- target: i.atome_id
17
- })
18
- end
19
-
20
- b = box()
21
- b.y(300)
22
- b.x(400)
23
- text({ content: "touch the box or the circle!!", x: 450, y: 250, color: :lightgray, width: :auto })
24
- b.touch do
25
- animate({
26
- start: { smooth: 0, blur: 0, rotate: 0, color: { red: 1, green: 1, blue: 1 } },
27
- end: { smooth: 25, rotate: 180, blur: 20, color: { red: 1, green: 0, blue: 0 } },
28
- duration: 1000,
29
- loop: 1,
30
- curve: :easing,
31
- target: b.atome_id
32
- })
33
- end
34
- animate({
35
- start: { x: 0, y: 0, smooth: 0, rotate: 20 },
36
- end: { x: 400, y: 70, smooth: 25, rotate: 180 },
37
- duration: 2000,
38
- loop: 3,
39
- curve: :easing,
40
- target: b.atome_id
41
- })
42
-
43
- c = circle({ color: :black, center: true })
44
- moto = image({ content: :moto, size: 130, y: 130, x: 96, drag: true, color: {green: 1 , alpha: 0.6} })
45
-
46
- moto.touch do
47
- animate({
48
- start: { smooth: 0, blur: 0, rotate: 33, color: { red: 0, green: 1, blue: 0, alpha: 0.2 } },
49
- end: { smooth: 25, rotate: 180, blur: 20, color: { red: 1, green: 0, blue: 0 } },
50
- duration: 1000,
51
- loop: 15,
52
- curve: :easing,
53
- target: moto.atome_id
54
- })
55
- end
56
-
57
- c.touch do
58
- size = 96
59
- animate({
60
- start: { shadow: { x: 0, y: size / 15, thickness: 0, blur: size / 3, color: { red: 0, green: 0, blue: 0, alpha: 0.3 } } },
61
- end: { shadow: { x: 10, y: -size / 15, thickness: 3, blur: size / 3, color: { red: 1, green: 0, blue: 0, alpha: 0.7 } } },
62
- duration: 1000,
63
- loop: 1,
64
- curve: :easing,
65
- target: c.atome_id
66
- })
67
-
68
- animate({
69
- start: { shadow: { x: 0, y: size / 15, blur: size / 3, color: { red: 0, green: 0, blue: 0, alpha: 0.3 } } },
70
- end: { shadow: { x: 10, y: -size / 15, blur: size / 3, color: { red: 1, green: 1, blue: 1, alpha: 1 } } },
71
- duration: 1000,
72
- loop: 1,
73
- curve: :easing,
74
- target: moto.atome_id
75
- })
76
-
77
- end
78
-
79
- title=text({content: "animated gradient", visual: 66})
80
-
81
- title.animate({
82
- # start: { color: { red: 1, green: 1, blue: 1 } },
83
- # end: { color: { red: 1, green: 0, blue: 0 } },
84
- start: { color: [{ red: 1, green: 0.2, blue: 1, alpha: 0.3 }, { red: 0, green: 0.2, blue: 1, alpha: 0.3 }] },
85
- end: { color: [{ red: 1, green: 0, blue: 0, alpha: 1 }, { red: 0, green: 1, blue: 0, alpha: 1}] },
86
- duration: 1000,
87
- loop: 10,
88
- curve: :easing,
89
- target: title.atome_id
90
- })
91
-
92
- end
@@ -1,20 +0,0 @@
1
- # atome as property :
2
-
3
- p=particle({ color: :red, smooth: 30, content: "anything can be passed", x: 222 })
4
- t =text({x: p, content: p})
5
-
6
- b=box({x: p.smooth })
7
- b.smooth(p)
8
- b.color(p)
9
-
10
- wait 2 do
11
- t.content(p.color)
12
- end
13
-
14
- # the code below is in atome propery generator:
15
- # # below the condition if the value is an atome it get the corresponding property in the atome passed
16
- # if value.class==Atome
17
- # value= value.content
18
- # end
19
-
20
- # todo : some property not automayically generated may not work we have to patch them
@@ -1,4 +0,0 @@
1
- # atome_list example
2
- box({y: 666})
3
- text ({ content: atomes(true), width: 666, height: 99, atome_id: :text_1, visual: 12})
4
- text({ content: atomes, y: 120 , width: 666, height: 99, atome_id: :text_2, visual: 12})
@@ -1,17 +0,0 @@
1
- # atomiser example
2
-
3
- b = box({x: 99, y: 99})
4
- t2 = text({content: "first touch me to change color property to red, and smooth", x: 33,y: 33, width: :auto})
5
- t3 = text({content: "then touch me to render the changes", x: 33,y: 66, width: :auto})
6
- b.touch do
7
- t2.content= self.color
8
- end
9
- t2.touch do
10
- b.atomiser({ color: :red })
11
- b.atomiser({ smooth: 6})
12
- end
13
-
14
- t3.touch do
15
- b.render(true)
16
- end
17
-
@@ -1,13 +0,0 @@
1
- # extract attach example
2
-
3
- b=box({ drag: true, atome_id: :the_box })
4
- c=circle({x: 99, drag: true, atome_id: :the_circle })
5
- b.text("drag me")
6
- c.text("drag me")
7
- t=text({ content: "touch me to extract me from the box,\nand attach me to the circle ",y: 99, atome_id: :the_text })
8
- grab(:the_box).attach(:the_text)
9
- t.set({ width: 999, height: :auto })
10
- t.touch do
11
- grab(:the_box).extract(:the_text)
12
- grab(:the_circle).attach(:the_text)
13
- end
@@ -1,22 +0,0 @@
1
- # right management example
2
-
3
- b = box({atome_id: :the_box, x: 99})
4
- b.touch do
5
- b.authorization({ users: :all, write: false, password: :my_secret })
6
- b.color(:red, "false pass")
7
- b.color(:yellowgreen, b.authorization[:password])
8
- b.x(99, :my_secret)
9
- b.width(99, :my_secret)
10
- b.color(:purple, "false pass")
11
-
12
- end
13
-
14
- b2 = b.box({ x: 333, atome_id: :the_box2 })
15
- b2.drag(true)
16
- c = circle({ y: 96 ,atome_id: :the_circle})
17
- c.touch do
18
- clear(:view)
19
- Atome.atomes.each do |atome|
20
- notification atome[0]
21
- end
22
- end
@@ -1,6 +0,0 @@
1
- # Batch
2
-
3
- c = circle({atome_id: :c, x: 200})
4
- t = text({content: 'hello', atome_id: :t,x: 300, y: 96, height: 33})
5
- e = box({atome_id: :e, x: 100})
6
- batch([c, t, e]).y(66).color(:cyan).rotate(33).blur(3)
@@ -1,15 +0,0 @@
1
- image(:avion)
2
- b=image(:atome)
3
- b.shadow(true)
4
-
5
- t=text"blending mode"
6
- modes=[:normal,:multiply,:screen,:overlay,:darken,
7
- :lighten,"color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue",
8
- "saturation","color","luminosity"]
9
- modes.each_with_index do |mode,index|
10
-
11
- wait 1*index do
12
- t.content(mode)
13
- b.blend(mode)
14
- end
15
- end
@@ -1,9 +0,0 @@
1
- # blur example
2
-
3
- t=text({content: "drag the circle over elements on screen"})
4
- i=image({content: :boat, x:96, y:96})
5
- box({smooth: 6, x:133,y: 133, color: :orange, blur: 3, drag: true})
6
- circle({blur: {value: 9, invert: true}, size: 96,x:96,y: 33, color: {alpha: 0.1, red: 1, green:1, blue: 1}, drag: true, shadow: {color: :black, thickness: 2, x: 0, y: 0, blur: 15}})
7
- i.drag do |evt|
8
- i.blur(evt.offset_x/66)
9
- end
@@ -1,9 +0,0 @@
1
- # border demos
2
-
3
- b=box({ x: 33, y: 33, text: "touch me!"})
4
-
5
- b.border({color: :red, thickness: 3, pattern: :dashed})
6
-
7
- b.touch do
8
- b.border({color: :orange, thickness: 7, pattern: :solid})
9
- end
@@ -1,5 +0,0 @@
1
- # calendar example
2
-
3
- at_id=:calendar
4
- b=box({atome_id: at_id, width: 666, height: 666, calendar: "10/05/2266"})
5
- b.drag(true)
@@ -1,57 +0,0 @@
1
- # capture demo
2
-
3
- recorder = text({content: "click to start logging", height: 30, color: :red, x: 33, y: 96, smooth: 33, width: :auto})
4
- stop = text({content: "click to stop logging", height: 30, color: :black, x: 33, y: 123, smooth: 33, width: :auto})
5
- starting = Process.clock_gettime(Process::CLOCK_MONOTONIC)
6
- text({content: "try touch drag and resize on window", width: :auto})
7
- text = text({content: "mouse pointer position and timer", y: 33, width: :auto})
8
- recorder.touch do
9
-
10
- grab(:view).touch({option: :down}) do |evt|
11
- ending = Process.clock_gettime(Process::CLOCK_MONOTONIC)
12
- elapsed = ending - starting
13
- object_under_pointer=JSUtils.get_object_under_pointer(evt)
14
- pointer = "click down on view a at #{evt.page_x}, #{evt.page_y} : #{elapsed}, object under the pointer #{object_under_pointer}"
15
- text.content = pointer
16
- end
17
-
18
- grab(:view).touch({option: :up}) do |evt|
19
- ending = Process.clock_gettime(Process::CLOCK_MONOTONIC)
20
- elapsed = ending - starting
21
- object_under_pointer=JSUtils.get_object_under_pointer(evt)
22
- pointer = "click up on view at #{evt.page_x}, #{evt.page_y} : #{elapsed}, object under the pointer #{object_under_pointer}"
23
- text.content = pointer
24
- end
25
-
26
- grab(:view).drag({fixed: true}) do |evt|
27
- ending = Process.clock_gettime(Process::CLOCK_MONOTONIC)
28
- elapsed = ending - starting
29
- pointer = "drag on view at #{evt.page_x}, #{evt.page_y} : #{elapsed}"
30
- text.content = pointer
31
- end
32
-
33
- ATOME.resize_html(true) do |evt|
34
- ending = Process.clock_gettime(Process::CLOCK_MONOTONIC)
35
- elapsed = ending - starting
36
- pointer = "resize the view #{evt[:width]}, #{evt[:height]} : #{elapsed}"
37
- text.content = pointer
38
- end
39
-
40
- grab(:view).record(true) do |evt|
41
- ending = Process.clock_gettime(Process::CLOCK_MONOTONIC)
42
- elapsed = ending - starting
43
- pointer = "cursor move : #{evt.page_x}, #{evt.page_y} : #{elapsed}"
44
- text.content = pointer
45
- end
46
-
47
- end
48
-
49
- stop.touch do
50
- grab(:view).record(:stop)
51
- grab(:view).child.record(:stop)
52
- grab(:view).child.drag(x: 33)
53
- end
54
- image({content: :green_planet, x: 196, y: 196, atome_id: :the_planet, drag: true})
55
-
56
- box({x: 196, y: 196, color: :yellowgreen, atome_id: :my_nice_box, drag: true})
57
- circle({x: 222, y: 222, atome_id: :the_circle, drag: true})
@@ -1,21 +0,0 @@
1
- # dynamic centering example
2
-
3
- b = box({ width: 700, height: 120, drag: true, center: { dynamic: true } })
4
- c = circle({y:33})
5
- c.text({content: "activate dynamic 'continuous' centering", color: :white})
6
- t2=text({content: "remove dynamic centering on box", color: :white, y: 0})
7
- t = text({ content: "ok", color: :white, center: :x , y: 69})
8
-
9
- c.touch do
10
- grab(:buffer).content[:resize] = [t, b]
11
- ATOME.resize_html do |evt|
12
- t.content("#{evt[:width]} #{evt[:height]}")
13
- grab(:buffer).content[:resize].each do |element|
14
- element.center=element.center
15
- end
16
- end
17
- end
18
-
19
- t2.touch do
20
- grab(:buffer).content[:resize] = [t]
21
- end
@@ -1,18 +0,0 @@
1
- # child
2
-
3
- c = circle({atome_id: :c, x: 20})
4
- c.drag do
5
- end
6
- img=image({content: :red_planet, atome_id: :red_planet})
7
- c.box({atome_id: :e, x: 160})
8
- c.text({content: 'some text', atome_id: :t, width: 100, height: 200, x: 69})
9
- b2=box({x:200, atome_id: :the_box})
10
- c.child.color(:green)
11
-
12
- c.child([img.atome_id, b2.atome_id])
13
- c.child do |child_found|
14
- child_found.set({width: 100, height: 33, rotate: 36, y: 66})
15
- end
16
-
17
- c.child[:red_planet].y(200)
18
- b2.parent[1].color(:cyan)
@@ -1,21 +0,0 @@
1
- #clear
2
-
3
- # box({atome_id: :the_box})
4
- c=circle(x: 96)
5
- t=text({content: "click tme to clear the screen", atome_id: :the_text})
6
- text({content: "hello", x: 96, y: 96})
7
- image({content: :boat, size: 96, x: 96, y: 96})
8
- image({content: :moto, size: 96, y: 96})
9
-
10
-
11
- b=box({x: 96, y: 96})
12
- b.circle(true)
13
- b.text("touch the box to clear it's content")
14
- b.attach(c.atome_id)
15
- b.touch do
16
- b.clear(true)
17
- end
18
-
19
- t.touch do
20
- grab(:view).clear(:true)
21
- end
@@ -1,11 +0,0 @@
1
- # clip example
2
- text("touch the rectangle")
3
- b=box({width: 222, height: 529, x: 333})
4
- s=shape({ path: :the_mask, width: 33, atome_id: :the_path})
5
-
6
- b.touch do ||
7
- b.clip({path: :clipping5})
8
- b.shadow({ x: 0, y: 0, color: "rgba(0,0,0,1)", blur: 16, thickness: 0 })
9
- end
10
-
11
- s.width(333)
@@ -1,7 +0,0 @@
1
- #code example
2
-
3
- text(content: "the code within the contain circle is executed, it'll create a green circle, \ntouch the red circle ",code: "c=circle;c.color(:green)\nc.x(66)\nc.y(66)")
4
- cell({ content: "box({x:99, y: 99})", exec: false,atome_id: :the_box })
5
- cell({ content: "c=circle({x:300, y: 300});c.touch do \n grab(:the_box).exec(true)\nend" })
6
-
7
- # use for code type (machine molecule )
@@ -1,26 +0,0 @@
1
- # ide
2
-
3
- t=text(content: "touch me to open the code editor", xx: 50)
4
- t.touch do
5
- coding({atome_id: :code_editor, content: :circle})
6
- end
7
-
8
- code_editor_font_size=12
9
- c=circle({size: 33})
10
- c2=circle({size: 33, x: 69})
11
- t=c.text({content: "-", center: true, color: :black})
12
- t2=c2.text({content: "+", center: true, color: :black, x: 69})
13
- t.center(true)
14
- t2.center(true)
15
-
16
-
17
- c.touch do
18
- code_editor_font_size=code_editor_font_size-5
19
- ATOME.codemirror_font_size( code_editor_font_size)
20
-
21
- end
22
-
23
- c2.touch do
24
- code_editor_font_size=code_editor_font_size+5
25
- ATOME.codemirror_font_size( code_editor_font_size)
26
- end