atome 0.4.7.0 → 0.5.1.1

data/vendor/assets/build/medias/rubies/examples/Old_examples/text_selection.rb

@@ -1,33 +0,0 @@
-# text selection example
-
-t = text({ content: "type what you want", x: 333 })
-t.visual(33)
-
-t.key(:down) do 
-  w_get = JSUtils.client_width(t.atome_id)
-  t.width = :auto
-  t.width = if w_get > 300
-              300
-            else
-              :auto
-            end
-end
-t.key(:up) do |evt|
-  w_get = JSUtils.client_width(t.atome_id)
-  t.width = if w_get < 99
-              99
-            elsif w_get > 300
-              300
-            else
-              :auto
-            end
-end
-t.border(({ color: :red, thickness: 3, pattern: :dashed }))
-t.over do
-  t.visual({ select: :all })
-end
-
-t.touch do
-  t.visual({ select: :all })
-end
-

data/vendor/assets/build/medias/rubies/examples/Old_examples/text_to_midi.rb

@@ -1,22 +0,0 @@
-# text to midi example
-
-# require "opal-parser"
-t=text("ok")
-
-cc = circle({width: 33, height: 33, y: 69, x: 69, color: :yellow, atome_id: :the_cc})
-
-ATOME.repeat 5, 0 do |evt|
-  t.content(evt.abs)
-  reader("./medias/rubies/text_read.rb") do |datas_get|
-    datas=eval(datas_get)
-    temperature= datas[:temperature]
-    wind= datas[:wind]
-    humidity= datas[:humidity]
-    t.content( "temperature : #{temperature}, wind : #{wind}, humidity : #{humidity}")
-    # cc.transmit({midi: {play: {note: "C3", channel: 15, velocity: 10}}})
-    ATOME.wait 2 do
-      t.content(:stop)
-      # cc.transmit({midi: {stop: {note: "C3", channel: 15, velocity: 100}}})
-    end
-  end
-end

data/vendor/assets/build/medias/rubies/examples/Old_examples/touch.rb

@@ -1,23 +0,0 @@
-# touch example
-
-b = box({ x: 96, y: 6, text: { content: "on mouse down", center: true, color: :black } })
-b.touch({ option: :down }) do
-  b.color(:orange)
-  b.x = b.x + 10
-end
-t=text({content: "kill touch\non box"})
-t.touch do
-  b.touch({remove: :true })
-end
-
-c = circle({ x: 33, y: 96, text: { content: "on mouse up", center: true, color: :black } })
-c.touch({ option: :up}) do
-  anim({
-         start: {x: 0, y: 0, smooth: 0, rotate: 20},
-         end: {x: 400, y: 70, smooth: 25, rotate: 180},
-         duration: 2000,
-         loop: 3,
-         curve: :easing,
-         target: c.atome_id
-       })
-end

data/vendor/assets/build/medias/rubies/examples/Old_examples/touch_stop_propagation.rb

@@ -1,27 +0,0 @@
-# touch stop_event example
-
-b = box
-c = b.circle({size: 30, center: true})
-
-b.touch({ option: :down, stop: true }) do
-  if b.width== 333
-    b.width(66)
-    b.color(:white)
-  else
-    b.color(:black)
-    b.width(333)
-  end
-end
-
-# stop option stop the propagation of the event
-c.touch(option: :down, stop: true) do
-  # b.color(:blue)
-
-  if b.width== 333
-    c.width(66)
-    c.color(:orange)
-  else
-    c.color(:yellow)
-    c.width(333)
-  end
-end

data/vendor/assets/build/medias/rubies/examples/Old_examples/treat_object_in_object.rb

@@ -1,26 +0,0 @@
-b=box({drag: true,atome_id: :the_box})
-t=b.text({content: :hello, atome_id: :the_text})
-b.text({content: :cool, x: 72, atome_id: :the_text_1})
-b.text({content: :super, y: 66, atome_id: :the_text_2})
-b.text({content: "too much", y: 66, x: 96,  atome_id: :the_text_3})
-b.circle({x: 333, atome_id: :the_circle})
-t.center(:all)
-# we can treat all text of b using .each
-b.circle.each do |circles_founc|
-  circles_founc.color(:green)
-end
-# or iterate  on the object type
-b.text do |atome|
-  atome.color(:orange)
-end
-
-ATOME.wait 2 do
-  # or even directly setting the property
-  b.text.color(:cyan)
-  # or choose an atome
-  b.text[2].color(:red)
-  # or a range of atomes
-  ATOME.wait 2 do
-    b.text[0..1].color(:yellow)
-  end
-end

data/vendor/assets/build/medias/rubies/examples/Old_examples/type_mutations.rb

@@ -1,27 +0,0 @@
-# type mutation
-
-parent = circle({ overflow: :hidden, width: 300,
-                  height: 300, color: :orange, drag: true })
-b = parent.circle({ atome_id: :b, content: :boat, drag: true, x: 96, y: 96 })
-
-ATOME.wait 1 do
-  b.type(:image)
-  b.content(:boat)
-  ATOME.wait 1 do
-    b.content(:moto)
-    ATOME.wait 1 do
-      b.type(:text)
-      ATOME.wait 1 do
-        b.color(:black)
-        ATOME.wait 1 do
-          b.smooth(100)
-          b.type(:shape)
-          ATOME.wait 1 do
-            b.smooth(0)
-            b.type(:text)
-          end
-        end
-      end
-    end
-  end
-end

data/vendor/assets/build/medias/rubies/examples/Old_examples/video_callback.rb

@@ -1,46 +0,0 @@
-# play callback example:
-
-v = video({ content: "madmax" })
-t = text({ content: "play position", xx: 96, visual: 15 })
-t2 = text({ content: :"play status", xx: 333, visual: 15 })
-
-t2.touch do
-  t2.content(v.play[:status])
-end
-
-v.touch do
-  v.play(true) do |evt|
-    t.content(evt)
-  end
-  t2.content(v.play[:status])
-end
-
-c = circle({ x: 333, y: 9 })
-c.text({ content: "pause", center: true, visual: 15 })
-
-c.touch do
-  v.play(:pause) do |evt|
-    t.content(evt)
-  end
-  t2.content(v.play[:status])
-end
-
-d = circle({ x: 333, y: 120, color: :black })
-d.text({ content: "stop", center: true, visual: 15 })
-
-d.touch do
-  v.play(:stop) do |evt|
-    t.content(evt)
-  end
-  t2.content(v.play[:status])
-end
-
-e = circle({ x: 333, y: 222, color: :green })
-e.text({ content: "play from 33", center: true, visual: 15 })
-
-e.touch do
-  v.play(33) do |evt|
-    t.content(evt)
-  end
-  t2.content(v.play[:status])
-end

data/vendor/assets/build/medias/rubies/examples/Old_examples/view_mode.rb

@@ -1,29 +0,0 @@
-# view mode example
-
-a = image({ content: :moto, atome_id: :the_moto, x: 96, y: 333})
-t1=text({ content: "list mode(childs)", x: 3,y: 3})
-t2=text({ content: "list property", x: 3,y: 33 })
-t3=text({ content: "natural mode" , x: 3,y: 66})
-
-t1.touch do
-  a.render({
-             mode: :list,
-             ordered: :x,
-             visualize: [:visual,:x, :y, :color, :atome_id]
-           })
-end
-t2.touch do
-  a.render({
-             mode: :list,
-             list: :property,
-             sort: :alphabetically
-           })
-end
-t3.touch do
-  a.render(true)
-end
-
-a.drag(true)
-a.circle({ color: :green, x: 39, y:33, atome_id: :the_circle })
-a.text({ content: :kool, color: :yellow, x: 0, y:96, atome_id: :the_text})
-a.box({width: 33, height: 69, x: 36, atome_id: :the_box})

data/vendor/assets/build/medias/rubies/examples/Old_examples/virtual_events.rb

@@ -1,17 +0,0 @@
-# virtual_event example
-
-c=circle({atome_id: :circle_1, x: 69, y: 99})
-
-c.touch do
-  if c.color==:red
-    c.color(:yellowgreen)
-  else
-    c.color(:red)
-  end
-end
-
-t=text({content:  "touch me send a virtual touch to the circle", x: 99})
-
-t.touch do
-  grab(:circle_1 ).virtual_event({ event: :touch ,x: 30, y:30})
-end

data/vendor/assets/build/medias/rubies/examples/Old_examples/visual.rb

@@ -1,23 +0,0 @@
-# visual example
-
-t = text({content: "type_some_text,_try_to_press_return_and_touch_the_red_circle", visual: :Impact, x: 150})
-t.touch({option: :down}) do
-  grab(:device).edit(false)
-end
-
-# fixme we must find a solution allow shortcut and auto sized text
-grab(:device).touch({option: :down}) do
-  # grab(:device).edit(true)
-end
-t.width(333)
-t.visual({wrap: " "})
-t.visual({ fit: :width})
-t.edit( true)
-t.border({color: :orange, thickness: 7, pattern: :solid})
-c=circle({size: 33, x: 69})
-c.touch do
-  t.visual({fit: :width})
-end
-
-# viusal params : visual: {size: 33,path: :arial,alignment: :right,wrap: " " , fit: :height  }
-# visual default : { path: :ruboto, size: 33, alignment: :center, wrap: " ", fit: :none }

data/vendor/assets/build/medias/rubies/examples/Old_examples/vr_display.rb

@@ -1,5 +0,0 @@
-# vr example
-i=image(:beach)
-i.display(:vr)
-i.width(600)
-i.height(900)

data/vendor/assets/build/medias/rubies/examples/Old_examples/wait.rb

@@ -1,21 +0,0 @@
-# wait
-
-b=box({x:300})
-t=text("click me to kill the wait process")
-waiter= wait 5 do
-  b.set({color: :orange, smooth: 20})
-end
-
-t.touch do
-  t.clear({wait: waiter})
-end
-
-
-def notification(message,duration)
-  notification=text({content: message, x: 300, y: 69})
-  grab(:atome).wait duration do
-    notification.delete()
-  end
-end
-
-notification(:hello, 3)

data/vendor/assets/build/medias/rubies/examples/Old_examples/web.rb

@@ -1,10 +0,0 @@
-# web_object example
-
-my_tube = web({type: :iframe, path: "https://www.youtube.com/embed/usQDazZKWAk" })
-my_tube.y = 150
-my_tube.drag(true)
-my_tube.width = 300
-
-web({ type: :image, path: "https://interactive-examples.mdn.mozilla.net/media/cc0-images/grapefruit-slice-332-332.jpg" })
-# web can also be specified without supplying any path ex :
-# web('<image src="https://interactive-examples.mdn.mozilla.net/media/cc0-images/grapefruit-slice-332-332.jpg"/>')my_tube.x = 300

data/vendor/assets/build/medias/rubies/examples/Old_examples/web_address_bar.rb

@@ -1,14 +0,0 @@
-# web_address_bar example
-
-t = text({ content: "Navigate using the next back arrow in your browser \nto reveal the address bas content", y: 66 })
-address_bar_content = text({ content: "touch to change adress bar content", x: 6, y: 6 })
-
-# t.touch do
-  address_bar_content.address do |e|
-    t.content = "#{e[:location]}\n#{e[:state]}"
-  end
-# end
-
-address_bar_content.touch do
-  address_bar_content.web({ address: :my_page })
-end

data/vendor/assets/build/medias/rubies/examples/Old_examples/websocket.rb

@@ -1,16 +0,0 @@
-
-t=text( "touch me to set the websocket adress to localhost ('0.0.0.0:9292')")
-t2=text({y: 30, content: "touch me to reset the websocket adress to atome.one" })
-
-t.touch do
-  # ATOME.websocket
-  #second parameter is ssl (true or false)
-  #or  ATOME.websocket('0.0.0.0:9292', false)
-
-  ATOME.websocket("localhost:9292", false)
-
-end
-
-t2.touch do
-  ATOME.websocket("ws.atome.one", true)
-end

data/vendor/assets/build/medias/rubies/examples/Old_examples/webstate.rb

@@ -1,10 +0,0 @@
-# webstate example
-
-t=text(web_state)
-
-
-b=box({x: 333})
-b.touch do
-  ATOME.message({ type: :code, content: "circle({x: 33,y: 33})" })
-  t.content(web_state)
-end

data/vendor/assets/build/medias/rubies/examples/code.rb

@@ -1,5 +0,0 @@
-mycode = <<Struct
-circle({color: :red})
-Struct
-
-Atome.new(code: { id: :code1, code: mycode })

data/vendor/assets/build/medias/rubies/examples/link.rb

@@ -1,11 +0,0 @@
-text = Atome.new(
-  text: { render: [:html], id: :text1, type: :text, parent: [:view], visual: { size: 33 }, data: "My text!", left: 300, top: 33, width: 199, height: 33, }
-)
-
-# now we change the color all the object that share the care modified
-wait 1 do
-  text.text.link(:c315)
-end
-wait 2 do
-  grab(:c315).red(0)
-end