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.
- checksums.yaml +4 -4
- data/Gemfile +1 -1
- data/README.md +7 -4
- data/Rakefile +22 -13
- data/app_builder_helpers/Rakefile +63 -21
- data/exe/atome +91 -45
- data/lib/atome/atome_meta_engine.rb +132 -0
- data/lib/atome/extensions/atome.rb +41 -0
- data/lib/atome/{kernel/helpers → extensions}/geolocation.rb +0 -0
- data/lib/atome/{kernel/helpers → extensions}/ping.rb +0 -0
- data/lib/atome/{kernel/helpers → extensions}/sha.rb +3 -1
- data/lib/atome/genesis/generators/atome.rb +13 -0
- data/lib/atome/{renderers/headless/properties/generator.rb → genesis/generators/communication.rb} +2 -0
- data/lib/atome/genesis/generators/effect.rb +6 -0
- data/lib/atome/genesis/generators/event.rb +5 -0
- data/lib/atome/genesis/generators/geometry.rb +6 -0
- data/lib/atome/genesis/generators/identity.rb +15 -0
- data/lib/atome/genesis/generators/material.rb +10 -0
- data/lib/atome/genesis/generators/spatial.rb +12 -0
- data/lib/atome/genesis/generators/utility.rb +14 -0
- data/lib/atome/genesis/genesis.rb +51 -0
- data/lib/atome/genesis/sparkle.rb +58 -0
- data/lib/atome/helpers/color_helper/color/cmyk.rb +263 -0
- data/lib/atome/helpers/color_helper/color/css.rb +7 -0
- data/lib/atome/helpers/color_helper/color/grayscale.rb +197 -0
- data/lib/atome/helpers/color_helper/color/hsl.rb +240 -0
- data/lib/atome/helpers/color_helper/color/palette/adobecolor.rb +260 -0
- data/lib/atome/helpers/color_helper/color/palette/gimp.rb +104 -0
- data/lib/atome/helpers/color_helper/color/palette/monocontrast.rb +164 -0
- data/lib/atome/helpers/color_helper/color/palette.rb +4 -0
- data/lib/atome/helpers/color_helper/color/rgb/colors.rb +167 -0
- data/lib/atome/helpers/color_helper/color/rgb/contrast.rb +57 -0
- data/lib/atome/helpers/color_helper/color/rgb/metallic.rb +28 -0
- data/lib/atome/helpers/color_helper/color/rgb.rb +715 -0
- data/lib/atome/helpers/color_helper/color/yiq.rb +62 -0
- data/lib/atome/helpers/color_helper/color.rb +196 -0
- data/lib/atome/helpers/essentials.rb +42 -0
- data/lib/atome/helpers/sanitizer.rb +42 -0
- data/lib/atome/helpers/utilities.rb +57 -0
- data/lib/atome/kernel/essentials.rb +30 -0
- data/lib/atome/kernel/universe.rb +75 -26
- data/lib/atome/presets/atome.rb +66 -0
- data/lib/atome/processors/utilities.rb +10 -0
- data/lib/atome/renderers/browser/atome.rb +95 -0
- data/lib/atome/renderers/browser/browser.rb +158 -0
- data/lib/atome/renderers/browser/effect.rb +23 -0
- data/lib/atome/renderers/browser/event.rb +9 -0
- data/lib/atome/renderers/browser/geometry.rb +11 -0
- data/lib/atome/renderers/browser/identity.rb +20 -0
- data/lib/atome/renderers/browser/material.rb +43 -0
- data/lib/atome/renderers/{opal → browser}/opal_browser.rb +0 -2
- data/lib/atome/renderers/browser/spatial.rb +22 -0
- data/lib/atome/renderers/browser/utility.rb +26 -0
- data/lib/atome/renderers/html/atome.rb +47 -0
- data/lib/atome/renderers/html/effect.rb +19 -0
- data/lib/atome/renderers/html/event.rb +9 -0
- data/lib/atome/renderers/html/geometry.rb +11 -0
- data/lib/atome/renderers/html/html.rb +42 -0
- data/lib/atome/renderers/html/identity.rb +14 -0
- data/lib/atome/renderers/html/opal_browser.rb +6 -0
- data/lib/atome/renderers/html/spatial.rb +28 -0
- data/lib/atome/renderers/html/utility.rb +15 -0
- data/lib/atome/renderers/opal/atome_opal_extensions.rb +1 -1
- data/lib/atome/renderers/opal/extensions/atome.rb +29 -0
- data/lib/atome/renderers/opal/opal.rb +4 -0
- data/lib/atome/version.rb +1 -2
- data/lib/atome.rb +22 -45
- data/vendor/assets/application/index.rb +3 -1
- data/vendor/assets/application/required_example.rb +1 -0
- data/{lib/atome/renderers/headless/headless.rb → vendor/assets/aui.rb} +0 -0
- data/vendor/assets/build/css/style.css +51 -0
- data/vendor/assets/build/index.html +10 -7
- data/vendor/assets/build/js/atome/atome.js +61 -61
- data/{lib/atome/renderers/server/server.rb → vendor/assets/build/medias/rubies/examples/_animation.rb} +0 -0
- data/vendor/assets/build/medias/rubies/examples/_code.rb +12 -0
- data/vendor/assets/build/medias/rubies/examples/_id.rb +14 -0
- data/vendor/assets/build/medias/rubies/examples/_link.rb +17 -0
- data/vendor/assets/build/medias/rubies/examples/{on.rb → _on.rb} +3 -1
- data/vendor/assets/build/medias/rubies/examples/{read.rb → _read.rb} +2 -0
- data/vendor/assets/build/medias/rubies/examples/_refresh.rb +9 -0
- data/vendor/assets/build/medias/rubies/examples/atome.new.rb +13 -10
- data/vendor/assets/build/medias/rubies/examples/auto_height.rb +2 -0
- data/vendor/assets/build/medias/rubies/examples/auto_width.rb +2 -0
- data/vendor/assets/build/medias/rubies/examples/blur.rb +4 -0
- data/vendor/assets/build/medias/rubies/examples/bottom.rb +3 -1
- data/vendor/assets/build/medias/rubies/examples/box.rb +15 -8
- data/vendor/assets/build/medias/rubies/examples/circle.rb +2 -0
- data/vendor/assets/build/medias/rubies/examples/clear.rb +2 -1
- data/vendor/assets/build/medias/rubies/examples/color.rb +47 -8
- data/vendor/assets/build/medias/rubies/examples/create_atome_in_atome.rb +2 -0
- data/vendor/assets/build/medias/rubies/examples/delete.rb +7 -0
- data/vendor/assets/build/medias/rubies/examples/drag.rb +1 -0
- data/vendor/assets/build/medias/rubies/examples/element.rb +6 -0
- data/vendor/assets/build/medias/rubies/examples/get_renderer_list.rb +3 -1
- data/vendor/assets/build/medias/rubies/examples/grab.rb +2 -0
- data/vendor/assets/build/medias/rubies/examples/height.rb +2 -0
- data/vendor/assets/build/medias/rubies/examples/image.rb +6 -2
- data/vendor/assets/build/medias/rubies/examples/left.rb +2 -0
- data/vendor/assets/build/medias/rubies/examples/monitoring.rb +20 -0
- data/vendor/assets/build/medias/rubies/examples/parent.rb +7 -5
- data/vendor/assets/build/medias/rubies/examples/repeat.rb +2 -0
- data/vendor/assets/build/medias/rubies/examples/right.rb +3 -1
- data/vendor/assets/build/medias/rubies/examples/schedule.rb +0 -4
- data/vendor/assets/build/medias/rubies/examples/shadow.rb +30 -0
- data/vendor/assets/build/medias/rubies/examples/text.rb +21 -7
- data/vendor/assets/build/medias/rubies/examples/touch.rb +2 -0
- data/vendor/assets/build/medias/rubies/examples/video.rb +2 -2
- data/vendor/assets/build/medias/rubies/examples/web.rb +2 -2
- data/vendor/assets/server/atome_server.rb +3 -5
- metadata +74 -174
- data/lib/atome/atome_native_extensions.rb +0 -5
- data/lib/atome/extensions/helper.rb +0 -112
- data/lib/atome/kernel/atome.rb +0 -99
- data/lib/atome/kernel/generators/generator.rb +0 -517
- data/lib/atome/kernel/generators/genesis.rb +0 -277
- data/lib/atome/kernel/generators/sanitizer.rb +0 -73
- data/lib/atome/kernel/generators/shapes.rb +0 -55
- data/lib/atome/kernel/helpers/internal_methods.rb +0 -173
- data/lib/atome/kernel/helpers/utilities.rb +0 -39
- data/lib/atome/kernel/properties/essential.rb +0 -77
- data/lib/atome/kernel/sparkle.rb +0 -38
- data/lib/atome/renderers/opal/properties/generator.rb +0 -1
- data/lib/atome/renderers/renderer.rb +0 -13
- data/lib/atome/renderers/server/properties/generator.rb +0 -9
- data/vendor/assets/build/js/application.js +0 -0
- data/vendor/assets/build/medias/audios/guitar.wav +0 -0
- data/vendor/assets/build/medias/images/beach.jpg +0 -0
- data/vendor/assets/build/medias/rubies/examples/Old_examples/!demos.rb +0 -111
- data/vendor/assets/build/medias/rubies/examples/Old_examples/action.rb +0 -12
- data/vendor/assets/build/medias/rubies/examples/Old_examples/add.rb +0 -26
- data/vendor/assets/build/medias/rubies/examples/Old_examples/alignment.rb +0 -27
- data/vendor/assets/build/medias/rubies/examples/Old_examples/animation.rb +0 -92
- data/vendor/assets/build/medias/rubies/examples/Old_examples/atome_as_property.rb +0 -20
- data/vendor/assets/build/medias/rubies/examples/Old_examples/atome_list.rb +0 -4
- data/vendor/assets/build/medias/rubies/examples/Old_examples/atomiser.rb +0 -17
- data/vendor/assets/build/medias/rubies/examples/Old_examples/attach_extract.rb +0 -13
- data/vendor/assets/build/medias/rubies/examples/Old_examples/authorisation.rb +0 -22
- data/vendor/assets/build/medias/rubies/examples/Old_examples/batch.rb +0 -6
- data/vendor/assets/build/medias/rubies/examples/Old_examples/blend.rb +0 -15
- data/vendor/assets/build/medias/rubies/examples/Old_examples/blur.rb +0 -9
- data/vendor/assets/build/medias/rubies/examples/Old_examples/border.rb +0 -9
- data/vendor/assets/build/medias/rubies/examples/Old_examples/calendar.rb +0 -5
- data/vendor/assets/build/medias/rubies/examples/Old_examples/capture.rb +0 -57
- data/vendor/assets/build/medias/rubies/examples/Old_examples/center.rb +0 -21
- data/vendor/assets/build/medias/rubies/examples/Old_examples/child.rb +0 -18
- data/vendor/assets/build/medias/rubies/examples/Old_examples/clear.rb +0 -21
- data/vendor/assets/build/medias/rubies/examples/Old_examples/clip.rb +0 -11
- data/vendor/assets/build/medias/rubies/examples/Old_examples/code.rb +0 -7
- data/vendor/assets/build/medias/rubies/examples/Old_examples/code_editor.rb +0 -26
- data/vendor/assets/build/medias/rubies/examples/Old_examples/collaborate.rb +0 -115
- data/vendor/assets/build/medias/rubies/examples/Old_examples/convert_to_px.rb +0 -14
- data/vendor/assets/build/medias/rubies/examples/Old_examples/copy_paste.rb +0 -35
- data/vendor/assets/build/medias/rubies/examples/Old_examples/current_code.rb +0 -14
- data/vendor/assets/build/medias/rubies/examples/Old_examples/cursor.rb +0 -3
- data/vendor/assets/build/medias/rubies/examples/Old_examples/data.rb +0 -11
- data/vendor/assets/build/medias/rubies/examples/Old_examples/database.rb +0 -29
- data/vendor/assets/build/medias/rubies/examples/Old_examples/delete.rb +0 -12
- data/vendor/assets/build/medias/rubies/examples/Old_examples/display.rb +0 -19
- data/vendor/assets/build/medias/rubies/examples/Old_examples/disposition.rb +0 -10
- data/vendor/assets/build/medias/rubies/examples/Old_examples/double_and_long_touch.rb +0 -23
- data/vendor/assets/build/medias/rubies/examples/Old_examples/drag.rb +0 -61
- data/vendor/assets/build/medias/rubies/examples/Old_examples/drag_and_drop_import.rb +0 -1
- data/vendor/assets/build/medias/rubies/examples/Old_examples/drop.rb +0 -23
- data/vendor/assets/build/medias/rubies/examples/Old_examples/duplicate.rb +0 -11
- data/vendor/assets/build/medias/rubies/examples/Old_examples/edit.rb +0 -6
- data/vendor/assets/build/medias/rubies/examples/Old_examples/eval.rb +0 -9
- data/vendor/assets/build/medias/rubies/examples/Old_examples/extract_detach.rb +0 -23
- data/vendor/assets/build/medias/rubies/examples/Old_examples/fill.rb +0 -10
- data/vendor/assets/build/medias/rubies/examples/Old_examples/find.rb +0 -37
- data/vendor/assets/build/medias/rubies/examples/Old_examples/fit.rb +0 -44
- data/vendor/assets/build/medias/rubies/examples/Old_examples/fullscreen.rb +0 -28
- data/vendor/assets/build/medias/rubies/examples/Old_examples/generate.rb +0 -7
- data/vendor/assets/build/medias/rubies/examples/Old_examples/gradient.rb +0 -24
- data/vendor/assets/build/medias/rubies/examples/Old_examples/group.rb +0 -21
- data/vendor/assets/build/medias/rubies/examples/Old_examples/helper.rb +0 -64
- data/vendor/assets/build/medias/rubies/examples/Old_examples/history.rb +0 -7
- data/vendor/assets/build/medias/rubies/examples/Old_examples/hue.rb +0 -10
- data/vendor/assets/build/medias/rubies/examples/Old_examples/input_text.rb +0 -54
- data/vendor/assets/build/medias/rubies/examples/Old_examples/insert_attach.rb +0 -13
- data/vendor/assets/build/medias/rubies/examples/Old_examples/internationalisation.rb +0 -10
- data/vendor/assets/build/medias/rubies/examples/Old_examples/key.rb +0 -19
- data/vendor/assets/build/medias/rubies/examples/Old_examples/keyboard_shortcut.rb +0 -69
- data/vendor/assets/build/medias/rubies/examples/Old_examples/list_methods.rb +0 -4
- data/vendor/assets/build/medias/rubies/examples/Old_examples/list_types.rb +0 -4
- data/vendor/assets/build/medias/rubies/examples/Old_examples/listen.rb +0 -47
- data/vendor/assets/build/medias/rubies/examples/Old_examples/mail.rb +0 -9
- data/vendor/assets/build/medias/rubies/examples/Old_examples/map.rb +0 -6
- data/vendor/assets/build/medias/rubies/examples/Old_examples/mask.rb +0 -15
- data/vendor/assets/build/medias/rubies/examples/Old_examples/media_recorder.rb +0 -24
- data/vendor/assets/build/medias/rubies/examples/Old_examples/media_streaming.rb +0 -41
- data/vendor/assets/build/medias/rubies/examples/Old_examples/meteo.rb +0 -41
- data/vendor/assets/build/medias/rubies/examples/Old_examples/methods_chaining.rb +0 -8
- data/vendor/assets/build/medias/rubies/examples/Old_examples/midi.rb +0 -37
- data/vendor/assets/build/medias/rubies/examples/Old_examples/monitoring.rb +0 -47
- data/vendor/assets/build/medias/rubies/examples/Old_examples/mulitrendering.rb +0 -7
- data/vendor/assets/build/medias/rubies/examples/Old_examples/noise_gradient_texture.rb +0 -26
- data/vendor/assets/build/medias/rubies/examples/Old_examples/notification.rb +0 -9
- data/vendor/assets/build/medias/rubies/examples/Old_examples/object_in_object.rb +0 -13
- data/vendor/assets/build/medias/rubies/examples/Old_examples/on_resize.rb +0 -12
- data/vendor/assets/build/medias/rubies/examples/Old_examples/over.rb +0 -15
- data/vendor/assets/build/medias/rubies/examples/Old_examples/overflow.rb +0 -22
- data/vendor/assets/build/medias/rubies/examples/Old_examples/parameter.rb +0 -14
- data/vendor/assets/build/medias/rubies/examples/Old_examples/parent.rb +0 -19
- data/vendor/assets/build/medias/rubies/examples/Old_examples/particle.rb +0 -15
- data/vendor/assets/build/medias/rubies/examples/Old_examples/pay.rb +0 -7
- data/vendor/assets/build/medias/rubies/examples/Old_examples/ping.rb +0 -7
- data/vendor/assets/build/medias/rubies/examples/Old_examples/play.rb +0 -24
- data/vendor/assets/build/medias/rubies/examples/Old_examples/play_audio.rb +0 -6
- data/vendor/assets/build/medias/rubies/examples/Old_examples/position.rb +0 -7
- data/vendor/assets/build/medias/rubies/examples/Old_examples/read_file.rb +0 -9
- data/vendor/assets/build/medias/rubies/examples/Old_examples/reboot.rb +0 -15
- data/vendor/assets/build/medias/rubies/examples/Old_examples/refresh.rb +0 -17
- data/vendor/assets/build/medias/rubies/examples/Old_examples/remote_server.rb +0 -31
- data/vendor/assets/build/medias/rubies/examples/Old_examples/render.rb +0 -17
- data/vendor/assets/build/medias/rubies/examples/Old_examples/repeat.rb +0 -19
- data/vendor/assets/build/medias/rubies/examples/Old_examples/require_remote.rb +0 -3
- data/vendor/assets/build/medias/rubies/examples/Old_examples/restore_atome.rb +0 -11
- data/vendor/assets/build/medias/rubies/examples/Old_examples/resurect.rb +0 -30
- data/vendor/assets/build/medias/rubies/examples/Old_examples/ruby_version.rb +0 -1
- data/vendor/assets/build/medias/rubies/examples/Old_examples/say.rb +0 -3
- data/vendor/assets/build/medias/rubies/examples/Old_examples/scale.rb +0 -41
- data/vendor/assets/build/medias/rubies/examples/Old_examples/schedule.rb +0 -39
- data/vendor/assets/build/medias/rubies/examples/Old_examples/scroll.rb +0 -9
- data/vendor/assets/build/medias/rubies/examples/Old_examples/select.rb +0 -32
- data/vendor/assets/build/medias/rubies/examples/Old_examples/selector.rb +0 -6
- data/vendor/assets/build/medias/rubies/examples/Old_examples/shadow.rb +0 -30
- data/vendor/assets/build/medias/rubies/examples/Old_examples/shape_with_path.rb +0 -7
- data/vendor/assets/build/medias/rubies/examples/Old_examples/size.rb +0 -109
- data/vendor/assets/build/medias/rubies/examples/Old_examples/smooth.rb +0 -5
- data/vendor/assets/build/medias/rubies/examples/Old_examples/speech_renderer.rb +0 -5
- data/vendor/assets/build/medias/rubies/examples/Old_examples/synth.rb +0 -6
- data/vendor/assets/build/medias/rubies/examples/Old_examples/system.rb +0 -3
- data/vendor/assets/build/medias/rubies/examples/Old_examples/tags.rb +0 -18
- data/vendor/assets/build/medias/rubies/examples/Old_examples/text.rb +0 -33
- data/vendor/assets/build/medias/rubies/examples/Old_examples/text_selection.rb +0 -33
- data/vendor/assets/build/medias/rubies/examples/Old_examples/text_to_midi.rb +0 -22
- data/vendor/assets/build/medias/rubies/examples/Old_examples/touch.rb +0 -23
- data/vendor/assets/build/medias/rubies/examples/Old_examples/touch_stop_propagation.rb +0 -27
- data/vendor/assets/build/medias/rubies/examples/Old_examples/treat_object_in_object.rb +0 -26
- data/vendor/assets/build/medias/rubies/examples/Old_examples/type_mutations.rb +0 -27
- data/vendor/assets/build/medias/rubies/examples/Old_examples/video_callback.rb +0 -46
- data/vendor/assets/build/medias/rubies/examples/Old_examples/view_mode.rb +0 -29
- data/vendor/assets/build/medias/rubies/examples/Old_examples/virtual_events.rb +0 -17
- data/vendor/assets/build/medias/rubies/examples/Old_examples/visual.rb +0 -23
- data/vendor/assets/build/medias/rubies/examples/Old_examples/vr_display.rb +0 -5
- data/vendor/assets/build/medias/rubies/examples/Old_examples/wait.rb +0 -21
- data/vendor/assets/build/medias/rubies/examples/Old_examples/web.rb +0 -10
- data/vendor/assets/build/medias/rubies/examples/Old_examples/web_address_bar.rb +0 -14
- data/vendor/assets/build/medias/rubies/examples/Old_examples/websocket.rb +0 -16
- data/vendor/assets/build/medias/rubies/examples/Old_examples/webstate.rb +0 -10
- data/vendor/assets/build/medias/rubies/examples/animation.rb +0 -0
- data/vendor/assets/build/medias/rubies/examples/code.rb +0 -5
- data/vendor/assets/build/medias/rubies/examples/link.rb +0 -11
- data/vendor/assets/build/medias/videos/avengers.mp4 +0 -0
- data/vendor/assets/build/medias/videos/lion_king.mp4 +0 -0
- data/vendor/assets/build/medias/videos/madmax.mp4 +0 -0
- data/vendor/assets/build/medias/videos/starwars.mov +0 -0
- data/vendor/assets/build/medias/videos/superman.mp4 +0 -0
data/lib/atome/kernel/sparkle.rb
DELETED
@@ -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
|
File without changes
|
Binary file
|
Binary file
|
@@ -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,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,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,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,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
|