atome 0.5.7.5.9 → 0.5.7.6.5

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

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

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

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

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

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+image({id: :planet,path: 'medias/images/red_planet.png', width: 66,height: 66,  left: 33, top: 33})
+b=box({width: 66, height: 66, color: :yellowgreen})
+
+  wait 1 do
+
+    b.opacity(0.3)
+  end

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,28 @@
+#  frozen_string_literal: true
+
+b = box({ left: 666, color: :blue, smooth: 6, id: :the_box2 })
+b.over(true) do
+  b.color(:black)
+  # puts "I'm inside"
+end
+b.over(:enter) do
+  puts "in"
+  puts "enter"
+  b.width= b.width+30
+  b.color(:yellow)
+end
+b.over(:leave) do
+  b.height= b.height+10
+  puts "out"
+  puts "leave"
+  # alert :out
+  b.color(:orange)
+end
+
+#
+t=b.text('touch me to stop over leave')
+b.touch(true) do
+  b.over({ remove: :enter })
+  t.data('finished')
+end
+

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

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

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

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

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

@@ -0,0 +1,27 @@
+# frozen_string_literal: true
+
+b = box({ id: :the_container, width: 300, height: 300 })
+b.box({ top: 500, color: :red })
+cc = b.circle({ top: 160, id: :the_circle })
+
+initial_height = cc.height
+initial_width = cc.width
+b.overflow(:scroll) do |event|
+  new_height = initial_height + event[:top]
+  cc.height(new_height)
+  { left: event[:top] }
+end
+c = circle({ top: 370, color: :red })
+c.touch(:up) do
+  b.overflow(:remove)
+  c.delete(true)
+  c = circle({ top: 370, left: 90, color: :green })
+  c.touch(true) do
+    b.overflow(:scroll) do |event|
+      puts 'removed!!'
+      new_width = initial_width + event[:top]
+      cc.width(new_width)
+    end
+  end
+end
+

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,164 @@
+#  frozen_string_literal: true
+
+
+new({ particle: :display, render: false }) do |params|
+  # alert type
+  unless params[:items]
+    params[:items] = { width: 200, height: 33 }
+  end
+  container_width = params[:width] ||= width
+  container_height = params[:heigth] ||= height
+  container_top = params[:top] ||= top
+  container_left = params[:left] ||= left
+
+  item_width = params[:items][:width] ||= 400
+  item_height = params[:items][:height] ||= 50
+  item_margin = params[:margin] ||= 3
+
+  mode = params[:mode]
+
+  case mode
+  when :none
+  when :custom
+  when :list
+    if params[:data].instance_of? Array
+    elsif params[:data] == :particles
+      list_id = "#{id}_list"
+      unless grab(list_id)
+        container = ''
+        attach.each do |parent|
+          container = grab(parent).box({ id: list_id, left: container_left, top: container_top, width: container_width, height: container_height, overflow: :auto, color: :black, depth: 0 })
+          container.on(:resize) do |event|
+            puts event[:dx]
+          end
+          container.resize({ min: { width: 100, height: 100 }, max: { width: 300, height: 700 } }) do |event|
+            puts event
+          end
+
+        end
+        sorted_particles = particles.sort.to_h
+        sorted_particles.each_with_index do |(particle_found, value), index|
+          line = container.box({ id: "#{list_id}_#{index}", width: item_width, height: item_height, left: 0, top: ((item_height + item_margin) * index) })
+          line.text({ data: "#{particle_found} : ", top: -item_height / 2, left: 2 })
+          if value.instance_of?(String) || value.instance_of?(Symbol) || value.instance_of?(Integer)
+            input_value = line.text({ data: value, top: -item_height / 2, left: 5, edit: true })
+            input_value.keyboard(:down) do |native_event|
+              event = Native(native_event)
+              if event[:keyCode].to_i == 13
+                event.preventDefault()
+                input_value.color(:red)
+              end
+            end
+            input_value.keyboard(:up) do |native_event|
+              data_found = input_value.data
+              send(particle_found, data_found)
+            end
+          else
+            puts "value is :#{value.class} => #{value}"
+          end
+        end
+        closer = container.circle({ id: "#{list_id}_closer", width: 33, height: 33, top: 3, right: 3, color: :red, position: :sticky })
+        closer.touch(true) do
+          container.delete(true)
+        end
+      end
+    else
+    end
+  when :grid
+    grid_id = "#{id}_grid"
+    unless grab(grid_id)
+      container = grab(:view).box({ id: grid_id, width: container_width, height: container_height, overflow: :auto, color: :white, depth: 0 })
+      ############## deletion
+      container.touch(true) do
+        puts "removing container recursively : #{container.id}"
+        val_1= Universe.atomes.length
+        puts "val_1 : #{val_1}"
+        container.delete({ recursive: true })
+        val_2= Universe.atomes.length
+        puts "val_2 : #{val_2}"
+        puts "val_1-val_2 : #{val_1-val_2}"
+      end
+      ############## deletion
+      params[:data].each_with_index do |item, index|
+        # unless grab("#{grid_id}_#{index}")
+          item = container.box({ id: "#{grid_id}_#{index}", top: 0, position: :relative, left: nil, right: nil })
+          # item.touch(true) do
+          #   alert "removing container recursively : #{container.id}"
+          #   val_1= Universe.atomes.length
+          #   puts "val_1 : #{val_1}"
+          #   container.delete({ recursive: true })
+          #   val_2= Universe.atomes.length
+          #   puts "val_2 : #{val_2}"
+          #   puts "val_1-val_2 : #{val_1-val_2}"
+          # end
+        # end
+      end
+      # container.html.style('gridTemplateColumns', '1fr 1fr 1fr 1fr 1fr 1fr')
+      container.html.style('gridTemplateColumns', 'repeat(4, 1fr)')
+      container.html.style('gridTemplateRows', 'auto')
+      container.html.style('gridGap', '10px')
+      container.html.style('display', 'grid')
+      container.on(:resize) do |event|
+        puts event[:dx]
+      end
+      container.resize({ min: { width: 10, height: 10 }, max: { width: 300, height: 700 } }) do |event|
+        puts event
+      end
+    end
+  end
+end
+new({ particle: :visible })
+new({ renderer: :html, method: :visible }) do |params|
+  if params == false
+    params = :none
+  elsif params == true
+    params = :block
+  end
+  html.visible(params)
+end
+new({ particle: :position }) do
+end
+new({ method: :position, type: :integer, renderer: :html }) do |params|
+  html.style(:position, params)
+end
+
+b = box({ color: :red })
+
+b.touch(true) do
+  # b.display({ mode: :list, data: :particles, width: 333, items: { width: 200, height: 33 }, height: 33, margin: 5 })
+  b.display({ mode: :list, data: :particles, items: { width: 200, height: 33 }, height: 33, margin: 5 })
+end
+############## Builder #############
+c = circle({ left: 333 })
+fake_array = []
+i = 0
+while i < 32 do
+  fake_array << i
+  i += 1
+end
+c.touch(true) do
+  c.display({ mode: :grid, data: fake_array,width: 333, height: 333 })
+end
+############## Generator #############
+gen = generator({ id: :genesis, build: { top: 66, copies: 1 } })
+gen.build({ id: :bundler, copies: 32, tag: { group: :to_grid }, color: :red, width: 33, height: 44, left: 123, smooth: 9, blur: 3, attach: :view })
+grab(:bundler_1).color(:blue)
+
+color({ id: :the_orange, red: 1, green: 0.4 })
+
+atome_to_grid = tagged({ group: :to_grid })
+the_group = group({ collected: atome_to_grid })
+
+the_group.touch(true) do |i|
+  color(:green)
+end
+# wait 0.3 do
+the_group.left(633)
+wait 1 do
+  grab(:view).display({ mode: :grid, data: fake_array })
+end
+
+
+
+
+

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,33 @@
+# frozen_string_literal: true
+
+
+# here how ti use preset in the atome framework
+# presets available are : render_engines,image,video,animation,element,box,vector,circle,shape,text,drm,shadow,color,www,raw,code,audio,group,human,machine,paint
+
+my_box=box
+# using the code line above a lot of particles will be implicitly created, if we inspect my_box
+puts my_box.inspect # this will print :
+#[Log] #<Atome: @broadcast={}, @callback={}, @tag={}, @fasten=[], @unit={}, @collected={}, @id=:box_14, @type=:shape, @html=#<HTML:0x0662a164 @element=[object HTMLDivElement], @id="box_14", @original_atome=#<Atome: @broadcast={}, @callback={}, @tag={}, @fasten=[], @unit={}, @collected={}, @id=:box_14, @type=:shape, @html=#<HTML:0x0662a164 ...>, @attach=[:view], @renderers=[:html], @width=99, @height=99, @apply=[:box_color], @left=100, @top=100, @clones=[], @preset={:box=>{:width=>99, :height=>99, :apply=>[:box_color], :left=>100, :top=>100, :clones=>[]}}>, @element_type="div">, @attach=[:view], @renderers=[:html], @width=99, @height=99, @apply=[:box_color], @left=100, @top=100, @clones=[], @preset={:box=>{:width=>99, :height=>99, :apply=>[:box_color], :left=>100, :top=>100, :clones=>[]}}> (browser.script.iife.min.js, line 13)
+
+# please note that an ID is automatically created using a simple strategy  id : atome_type_total_number_of_users_atomes  ex here :  @id="box_14"
+
+my_box.text("touch me")
+puts " my_box preset is : #{my_box.preset}"
+# print in the console : [Log]  my_box preset is : {:box=>{:width=>99, :height=>99, :apply=>[:box_color], :left=>100, :top=>100, :clones=>[]}} (browser.script.iife.min.js, line 13)
+
+
+c=circle({id: :my_circle, width: 333, height: 333})
+puts  " c is : #{c.inspect }"
+# this print : [Log]  c is : #<Atome: @type=:shape, @smooth="100%", @width=99, @id=:circle_16, @renderers=[:html], @height=99, @broadcast={}, @callback={}, @tag={}, @fasten=[], @unit={}, @collected={}, @html=#<HTML:0x06579be8 @element=[object HTMLDivElement], @id="circle_16", @original_atome=#<Atome: @type=:shape, @smooth="100%", @width=99, @id=:circle_16, @renderers=[:html], @height=99, @broadcast={}, @callback={}, @tag={}, @fasten=[], @unit={}, @collected={}, @html=#<HTML:0x06579be8 ...>, @top=100, @attach=[:view], @left=100, @apply=[:circle_color], @clones=[], @preset={:circle=>{:width=>99, :height=>99, :smooth=>"100%", :apply=>[:circle_color], :left=>100, :top=>100, :clones=>[]}}>, @element_type="div">, @top=100, @attach=[:view], @left=100, @apply=[:circle_color], @clones=[], @preset={:circle=>{:width=>99, :height=>99, :smooth=>"100%", :apply=>[:circle_color], :left=>100, :top=>100, :clones=>[]}}> (browser.script.iife.min.js, line 13)
+# it's pôssible to alter basic preset using the particle .preset
+my_box.preset({ circle:  {type: :shape, :width=>99, :height=>99, :smooth=>"100%", color: :red, :left=>100, :top=>100 }})
+puts " my_box preset is now : #{my_box.preset}"
+# now the preset circle is : [Log]  my_box preset is now : {:circle=>{:type=>:shape, :width=>99, :height=>99, :smooth=>"100%", :color=>:red, :left=>100, :top=>100, :clones=>[]}} (browser.script.iife.min.js, line 13)
+
+my_box.touch(true) do
+  my_box.preset(:circle) # the box now rounded like a circle
+
+  new_circle=circle # as the preset circle has been modified tha circle is now red as specified in the updated preset
+  puts  "new_circle is : #{new_circle.inspect}"
+  # this print : new_circle is : #<Atome: @type=:shape, @smooth="100%", @width=99, @id=:circle_18, @renderers=[:html], @height=99, @broadcast={}, @callback={}, @tag={}, @fasten=[], @unit={}, @collected={}, @html=#<HTML:0x0664e99c @element=[object HTMLDivElement], @id="circle_18", @original_atome=#<Atome: @type=:shape, @smooth="100%", @width=99, @id=:circle_18, @renderers=[:html], @height=99, @broadcast={}, @callback={}, @tag={}, @fasten=[], @unit={}, @collected={}, @html=#<HTML:0x0664e99c ...>, @top=100, @attach=[:box_14], @left=100, @apply=[:circle_18_color_1_0_0_0_0_0____], @clones=[]>, @element_type="div">, @top=100, @attach=[:box_14], @left=100, @apply=[:circle_18_color_1_0_0_0_0_0____], @clones=[]>
+end

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,10 @@
+# frozen_string_literal: true
+
+A.read('Cargo.toml') do |data|
+  text "file content  :\n #{data}"
+end
+wait 1 do # to be sure the server is ready
+  A.read('../application/examples/blur.rb') do |data|
+    text "file content  :\n #{data}"
+  end
+end

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,88 @@
+# frozen_string_literal: true
+
+# native recording (server mode only) :
+text({ data: 'native operation only work in server mode ', top: 60 })
+a = circle({ color: :red, left: 30, top: 90 })
+a.text('native Audio')
+record_callback = 'unset'
+a.touch(true) do
+  A.record({ media: :audio, duration: 5, mode: :native, name: :my_audio_rec, type: :wav, path: '../src', data: { note: :c, velocity: 12, robin: 3, author: :vie, tags: [:voice, :noise, :attack] } }) do |result|
+    puts "result: #{result}"
+    record_callback = result
+  end
+  nil# we must return nil else the event methods take the bloc for a Hash and crash the code
+
+end
+
+aa = circle({ color: :red, left: 120, top: 90 })
+aa.text('native video')
+
+aa.touch(true) do
+  A.record({ media: :video, duration: 5, mode: :native, name: :my_video_rec, type: :mp4, path: '../src/', data: { type: :thriller, } }) do |result|
+    puts result
+    record_callback = result
+  end
+  nil # we must return nil else the event methods take the bloc for a Hash and crash the code
+
+end
+
+aaa = circle({ color: :red, left: 256, top: 90 })
+aaa.text('native stop')
+aaa.touch(true) do
+  pid = record_callback[:pid]
+  A.record({ stop: true, pid: pid }) do |msg|
+    puts "msg received for native stop : #{msg}"
+  end
+  nil # we must return nil else the event methods take the bloc for a Hash and crash the code
+
+end
+
+# web recording:
+box_to_rec_into = box({ id: :the_big_box })
+c = circle({ color: :red, left: 30 })
+c.text(:audio)
+c.touch(true) do
+  box_to_rec_into.record({ media: :audio, duration: 7, mode: :web, name: :web_audio_rec, type: :wav, path: '../src', data: { note: :c, velocity: 12, robin: 3, author: :vie, tags: [:voice, :noise, :attack] } }) do |result|
+    #   # puts "recording audio : #{result}"
+  end
+  nil # we must return nil else the event methods take the bloc for a Hash and crash the code
+
+end
+
+cc = circle({ color: :red, left: 120, id: :the_circle })
+cc.text(:video)
+cc.touch(true) do
+  box_to_rec_into.record({ media: :video, duration: 30, mode: :web, name: :web_video_rec, type: :mp4, path: '../src/', data: { type: :thriller } }) do |result|
+    # puts "recording video : #{result}"
+  end
+  nil # we must return nil else the event methods take the bloc for a Hash and crash the code
+
+end
+
+ccc = circle({ color: :red, left: 256 })
+ccc.text(:stop)
+ccc.touch(true) do
+  box_to_rec_into.record({ stop: true }) do |msg|
+    puts "msg received for web stop : #{msg}"
+  end
+  nil # we must return nil else the event methods take the bloc for a Hash and crash the code
+
+end
+
+cc2 = circle({ color: :red, left: 512, id: :the_circle_prev })
+cc2.text(:preview)
+cc2.touch(true) do
+  A.preview({ media: :video, mode: :web, id: :my_preview })
+  nil # we must return nil else the event methods take the bloc for a Hash and crash the code
+
+end
+
+cc3 = circle({ color: :red, left: 600, id: :the_circle_stop_prev })
+cc3.text('kill preview')
+cc3.touch(true) do
+  A.preview({ media: :video, mode: :web, id: :my_preview, stop: true })
+  nil # we must return nil else the event methods take the bloc for a Hash and crash the code
+
+end
+
+

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,70 @@
+# frozen_string_literal: true
+
+b = box({ top: 166, id: :the_box, left: 333 })
+b.color({ id: :new_col, red: 1 })
+
+b.touch(true) do
+  # alert b.color
+  b.remove(:box_color)
+
+  # alert b.color
+  wait 1 do
+    grab('box_color').red(1)
+  end
+end
+# b.color({id: :other_col,  green: 1})
+# # b.paint({gradient: [:other_col, :new_col]})
+# color({id: :last_col,  green: 0.3, blue: 0.5})
+# color({id: :last_col2,  red: 1, blue: 0.5})
+#
+# b.shadow({
+#            id: :s1,
+#            # affect: [:the_circle],
+#            left: 9, top: 3, blur: 9,
+#            invert: false,
+#            red: 0, green: 0, blue: 0, alpha: 1
+#          })
+#
+#
+# wait 1 do
+#   b.remove(:other_col)
+#   wait 1 do
+#     b.remove(:new_col)
+#     wait 1 do
+#       b.remove(:box_color)
+#
+#       wait 1 do
+#         b.apply(:last_col)
+#         wait 1 do
+#           b.apply(:last_col2)
+#           b.remove(:s1)
+#         end
+#       end
+#     end
+#   end
+# end
+# b.touch(true) do
+#   b.shadow({
+#              id: :s1,
+#              # affect: [:the_circle],
+#              left: 9, top: 3, blur: 9,
+#              invert: false,
+#              red: 0, green: 0, blue: 0, alpha: 1
+#            })
+#
+#   puts "before => #{b.apply}"
+#   b.remove({all: :color})
+#   puts "after => #{b.apply}"
+#   wait 1 do
+#     b.paint({id: :the_gradient_1,gradient: [:box_color, :circle_color]})
+#     b.paint({id: :the_gradient,gradient: [:other_col, :new_col]})
+#     wait 1 do
+#       b.remove(:the_gradient)
+#       wait 1 do
+#         b.remove(all: :shadow)
+#         b.color(:cyan)
+#       end
+#     end
+#   end
+# end
+#

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

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

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

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

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

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

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

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