atome 0.5.7.6.0 → 0.5.7.6.5

data/vendor/assets/src/medias/utils/examples/particles/time/example.rb

@@ -0,0 +1,194 @@
+# frozen_string_literal: true
+
+new(molecule: :roller) do |params = {}|
+  roller_id = params[:id] ||= identity_generator
+  roller = box({ id: roller_id, width: 900, height: 333, color: :orange })
+  JS.eval("aRoll('#{roller_id}_roller','#{roller_id}', #{roller.width}, #{roller.height})")
+  roller
+end
+new({ molecule: :button }) do |params, bloc|
+  but = box({ smooth: 6, shadow: { alpha: 0.3 }, width: 25, height: 25, color: :red })
+  but.shadow({ alpha: 0.6, left: -3, top: -3, blur: 3, invert: true })
+  label = params.delete(:label) || 'button'
+  idf_f = params.delete(:id) || identity_generator
+  but.text({id: idf_f, data: label, component: { size: 9 }, center: true, position: :absolute })
+
+  but.instance_variable_set('@on', true)
+  but.set(params)
+
+  def code_logic(but, bloc)
+    but.instance_exec(&bloc) if bloc.is_a?(Proc)
+    if but.instance_variable_get('@on') == true
+      but.instance_variable_set('@on', false)
+    else
+      but.instance_variable_set('@on', true)
+    end
+  end
+
+  but.touch(true) do
+    code_logic(but, bloc)
+  end
+  but
+end
+
+def roll_playback_verif(val)
+  puts val
+end
+
+class Atome
+  def roller_play(idf, callback, &bloc)
+    idf = "#{idf}_roller"
+    puts "create a 'ruby_method' on the fly and make RBevalL('ruby_method(ev)')"
+    JS.eval <<~JS
+      globalThis.#{callback} = function(ev) {
+         console.log(ev);
+          console.log('------');
+      };
+    JS
+    JS.eval("document.getElementById('#{idf}').play(#{callback});")
+  end
+
+  def roller_stop(idf)
+    idf = "#{idf}_roller"
+    JS.eval("document.getElementById('#{idf}').stop();")
+  end
+
+  def roller_tempo(idf, tempo)
+    idf = "#{idf}_roller"
+    JS.eval("setTempo('#{idf}', #{tempo})")
+  end
+end
+
+roller({ id: :roller, callback: :roll_playback_verif })
+
+button({ label: :play, id: :player, top: :auto, bottom: 0 }) do
+  if @on
+    roller_play('roller', 'pianorollCallback') do |note|
+      puts 'super'
+    end
+  else
+    roller_stop('roller')
+  end
+end
+
+slider({ orientation: :vertical, range: { color: :white }, value: 55, width: 18, height: 199, attach: :intuition,
+         left: 900, top: 3, color: :red, cursor: { color: { alpha: 1, red: 0.12, green: 0.12, blue: 0.12 },
+                                                   width: 9, height: 6, smooth: 3 } }) do |value|
+  A.roller_tempo('roller', value * 3)
+end
+
+#  case "xrange":
+#         document.getElementById("proll").xrange=k.value*timebase;
+#         break;
+#     case "xoffset":
+#         document.getElementById("proll").xoffset=k.value*timebase;
+#         break;
+#     case "yrange":
+#         document.getElementById("proll").yrange=k.value;
+#         break;
+#     case "yoffset":
+#         document.getElementById("proll").yoffset=k.value;
+#         break;
+#     }
+
+# <button onclick="setTempo('proll')">set tempo</button>
+# <button onclick="play()">Play</button>
+# <button onclick="stop()">Stop</button>
+# <button onclick="changeEditMode('proll','dragmono')">Drag Mono</button>
+# <button onclick="changeEditMode('proll','dragpoly')">Drag Poly</button>
+# <button onclick="AddNote('proll')">Add Note</button>
+# <button onclick="setMarkStart('proll')">set start marker</button>
+# <button onclick="setMarkEnd('proll')">set end marker</button>
+# <button onclick="playHead('proll')">Move play head</button>
+# <button onclick="menu('proll')">menu</button>
+# <button onclick="editing('proll')">edit/select</button>
+# <button onclick="group('proll')">group</button>
+# <button onclick="notes('proll')">notes list</button>
+# <button onclick="selectAll('proll')">select all</button>
+# <button onclick="deSelectAll('proll')">de-select all</button>
+# <button onclick="deleteSelectedNotes('proll')">delete selection</button>
+# <button onclick="marker('proll')">marker</button>
+# <button onclick="removeMarker('proll')">remove marker</button>
+# <button onclick="removeAllMarkers('proll')">remove all markers</button>
+
+# JS.eval <<~JS
+#           var actx, osc, gain;
+#
+#         function init_audio() {
+#             timebase = 16;
+#             actx = new AudioContext();
+#             osc = actx.createOscillator();
+#             gain = actx.createGain();
+#             gain.gain.value = 0;
+#             osc.type = "sawtooth";
+#             osc.start();
+#             osc.connect(gain).connect(actx.destination);
+#         }
+#
+#
+#         function Callback(ev) {
+#             const currentTime = actx.currentTime;
+#             const startTime = currentTime + (ev.t - performance.now() / 1000);
+#             const endTime = currentTime + (ev.g - performance.now() / 1000);
+#             osc.detune.setValueAtTime((ev.n - 69) * 100, startTime);
+#             gain.gain.setTargetAtTime(0.5, startTime, 0.005);
+#             gain.gain.setTargetAtTime(0, endTime, 0.1);
+#         }
+#
+#         function play() {
+#             gain.connect(actx.destination);
+#             actx.resume().then(() => {
+#                 console.log('Audio context resumed');
+#             });
+#             document.getElementById("proll").play(Callback);
+#         }
+#
+#         function stop() {
+#             gain.disconnect();
+#             actx.suspend().then(() => {
+#                 console.log('Audio context suspended');
+#             });
+#             document.getElementById('proll').stop()
+#         }
+# JS
+
+#    <script>
+#         var actx, osc, gain;
+#
+#         function init_audio() {
+#             timebase = 16;
+#             actx = new AudioContext();
+#             osc = actx.createOscillator();
+#             gain = actx.createGain();
+#             gain.gain.value = 0;
+#             osc.type = "sawtooth";
+#             osc.start();
+#             osc.connect(gain).connect(actx.destination);
+#         }
+#
+#
+#         function Callback(ev) {
+#             const currentTime = actx.currentTime;
+#             const startTime = currentTime + (ev.t - performance.now() / 1000);
+#             const endTime = currentTime + (ev.g - performance.now() / 1000);
+#             osc.detune.setValueAtTime((ev.n - 69) * 100, startTime);
+#             gain.gain.setTargetAtTime(0.5, startTime, 0.005);
+#             gain.gain.setTargetAtTime(0, endTime, 0.1);
+#         }
+#
+#         function play() {
+#             gain.connect(actx.destination);
+#             actx.resume().then(() => {
+#                 console.log('Audio context resumed');
+#             });
+#             document.getElementById("proll").play(Callback);
+#         }
+#
+#         function stop() {
+#             gain.disconnect();
+#             actx.suspend().then(() => {
+#                 console.log('Audio context suspended');
+#             });
+#             document.getElementById('proll').stop()
+#         }
+#     </script>

data/vendor/assets/src/medias/utils/examples/particles/time/infos.txt

@@ -0,0 +1 @@
+Specific information about how to use the time object.

data/vendor/assets/src/medias/utils/examples/particles/time/usage.txt

@@ -0,0 +1 @@
+The time object is used for specific purposes as indicated in the example.

data/vendor/assets/src/medias/utils/examples/particles/top/infos.txt

@@ -0,0 +1 @@
+No specific information available for the top object.

data/vendor/assets/src/medias/utils/examples/particles/top/usage.txt

@@ -0,0 +1 @@
+The purpose of the top object could not be inferred.

data/vendor/assets/src/medias/utils/examples/particles/touch/example.rb

@@ -0,0 +1,43 @@
+#  frozen_string_literal: true
+
+b = box({ left: 333, color: :blue, smooth: 6, id: :the_box2 })
+
+t = text({ id: :the_text, data: 'type of touch : ?' })
+
+t.touch(:down) do |event|
+  puts :down
+  puts event[:pageX]
+  puts event[:pageY]
+  b.touch({ remove: :down })
+  t.data('down removed !! ')
+end
+
+touch_code = lambda do
+  b.color(:red)
+  puts 'box tapped'
+end
+b.touch(tap: true, code: touch_code)
+
+b.touch(:long) do
+  { color: :cyan }
+  t.data('type of touch is : long ')
+end
+
+b.touch(:up) do
+  t.data('type of touch is : up ')
+  b.color(:orange)
+end
+
+b.touch(:down) do
+  t.data('type of touch is : down ')
+  b.color(:white)
+end
+
+b.touch(:double) do
+  t.color(:red)
+  t.data('type of touch is : double ')
+  b.color(:yellowgreen)
+end
+
+
+

data/vendor/assets/src/medias/utils/examples/particles/touch/infos.txt

@@ -0,0 +1 @@
+Specific information about how to use the touch object.

data/vendor/assets/src/medias/utils/examples/particles/touch/usage.txt

@@ -0,0 +1 @@
+The touch object is used for specific purposes as indicated in the example.

data/vendor/assets/src/medias/utils/examples/particles/type/example.rb

@@ -0,0 +1,18 @@
+# frozen_string_literal: true
+
+b = box({ top: 166, data: :hello,path: './medias/images/red_planet.png'  })
+b.color({ id: :col1, red: 1, blue: 1})
+
+# b.instance_variable_set("@top", 30)
+# b.instance_variable_set("@apply", [c.id])
+# b.instance_variable_set("@path",  )
+
+# b.instance_variable_set("@smooth", 30)
+wait 1 do
+  b.type=:text
+  b.refresh
+  wait 1 do
+    b.type=:image
+    b.refresh
+  end
+end

data/vendor/assets/src/medias/utils/examples/particles/type/infos.txt

@@ -0,0 +1 @@
+Specific information about how to use the type object.

data/vendor/assets/src/medias/utils/examples/particles/type/usage.txt

@@ -0,0 +1 @@
+The type object is used for specific purposes as indicated in the example.

data/vendor/assets/src/medias/utils/examples/particles/unfasten/example.rb

@@ -0,0 +1,23 @@
+#  frozen_string_literal: true
+b = box({ drag: true, id: :the_b, top: 63, left: 63 })
+c = b.circle({ left: 99, id: :the_c })
+b.box({left: 99, top: 99, width: 33, height: 33, id: :second_one})
+t = b.text({ data: 'touch the circle', left: 44, top: 44, id: :the_t })
+c.touch(:down) do
+  b.unfasten([c.id])
+  b.color(:green)
+  t.data('circle unfasten')
+  grab(:infos).data("number of item(s) fasten to the box : #{b.fasten}")
+  wait 2 do
+    grab(:second_one).delete((true))
+    grab(:infos).data("number of item(s) fasten to the box : #{b.fasten}")
+    wait 2 do
+      b.color(:red)
+      t.data('unfasten all attached atomes')
+      b.unfasten(:all)
+      grab(:infos).data("number of  item fasten to the box : #{b.fasten}")
+    end
+  end
+end
+
+text({id: :infos,left: 155, data: "number of  item fasten to the box : #{b.fasten}"})

data/vendor/assets/src/medias/utils/examples/particles/unfasten/infos.txt

@@ -0,0 +1 @@
+Specific information about how to use the unfasten object.

data/vendor/assets/src/medias/utils/examples/particles/unfasten/usage.txt

@@ -0,0 +1 @@
+The unfasten object is used for specific purposes as indicated in the example.

data/vendor/assets/src/medias/utils/examples/particles/unit/example.rb

@@ -0,0 +1,14 @@
+# frozen_string_literal: true
+
+
+box({ left: 50, id: :the_first_box,  color: :blue })
+b1=box({ left: 12, id: :the_second_box ,top: 3, unit: {left: '%', width: '%'}, color: :red})
+box({ left: 550, id: :the_third_box , unit: {left: :px}, color: :green})
+wait 2 do
+  b1.unit({left: 'cm'})
+  b1.unit({top: 'cm'})
+  # b1.unit[:top]='cm'
+  puts b1.unit
+end
+
+

data/vendor/assets/src/medias/utils/examples/particles/unit/infos.txt

@@ -0,0 +1 @@
+Specific information about how to use the unit object.

data/vendor/assets/src/medias/utils/examples/particles/unit/usage.txt

@@ -0,0 +1 @@
+The unit object is used for specific purposes as indicated in the example.

data/vendor/assets/src/medias/utils/examples/particles/value/infos.txt

@@ -0,0 +1 @@
+No specific information available for the value object.

data/vendor/assets/src/medias/utils/examples/particles/value/usage.txt

@@ -0,0 +1 @@
+The purpose of the value object could not be inferred.

data/vendor/assets/src/medias/utils/examples/particles/velocity/infos.txt

@@ -0,0 +1 @@
+No specific information available for the velocity object.

data/vendor/assets/src/medias/utils/examples/particles/velocity/usage.txt

@@ -0,0 +1 @@
+The purpose of the velocity object could not be inferred.

data/vendor/assets/src/medias/utils/examples/particles/web/infos.txt

@@ -0,0 +1 @@
+No specific information available for the web object.

data/vendor/assets/src/medias/utils/examples/particles/web/usage.txt

@@ -0,0 +1 @@
+The purpose of the web object could not be inferred.

data/vendor/assets/src/medias/utils/examples/particles/width/infos.txt

@@ -0,0 +1 @@
+No specific information available for the width object.

data/vendor/assets/src/medias/utils/examples/particles/width/usage.txt

@@ -0,0 +1 @@
+The purpose of the width object could not be inferred.

data/vendor/assets/src/medias/utils/examples/particles/zoom/infos.txt

@@ -0,0 +1 @@
+No specific information available for the zoom object.

data/vendor/assets/src/medias/utils/examples/particles/zoom/usage.txt

@@ -0,0 +1 @@
+The purpose of the zoom object could not be inferred.

data/vendor/assets/src/medias/utils/examples/presets/box/example.rb

@@ -0,0 +1 @@
+box({left: 120, top: 120, color: :orange})

data/vendor/assets/src/medias/utils/examples/presets/box/infos.txt

@@ -0,0 +1 @@
+No specific information available for the box object.

data/vendor/assets/src/medias/utils/examples/presets/box/usage.txt

@@ -0,0 +1 @@
+The purpose of the box object could not be inferred.

data/vendor/assets/src/medias/utils/examples/presets/circle/example.rb

@@ -0,0 +1 @@
+circle({left: 120, top: 90, color: :orange})

data/vendor/assets/src/medias/utils/examples/presets/circle/infos.txt

@@ -0,0 +1 @@
+No specific information available for the circle object.

data/vendor/assets/src/medias/utils/examples/presets/circle/usage.txt

@@ -0,0 +1 @@
+The purpose of the circle object could not be inferred.