glimmer-dsl-gtk 0.0.4 → 0.0.8

data/samples/cairo/fill_and_stroke2.rb

@@ -0,0 +1,36 @@
+require 'glimmer-dsl-gtk'
+
+include Glimmer
+
+window {
+  title 'Fill and Stroke 2'
+  default_size 256, 256
+  
+  drawing_area {
+    paint 242.25, 242.25, 242.25
+    
+    path {
+      move_to 128.0, 25.6
+      line_to 230.4, 230.4
+      rel_line_to -102.4, 0.0
+      curve_to 51.2, 230.4, 51.2, 128.0, 128.0, 128.0
+      close_path
+
+      fill 0, 0, 255
+      stroke 0, 0, 0
+      line_width 10
+    }
+    
+    path {
+      move_to 64.0, 25.6
+      rel_line_to 51.2, 51.2
+      rel_line_to -51.2, 51.2
+      rel_line_to -51.2, -51.2
+      close_path
+
+      fill 0, 0, 255
+      stroke 0, 0, 0
+      line_width 10
+    }
+  }
+}.show

data/samples/cairo/fill_style.rb

@@ -0,0 +1,43 @@
+require 'glimmer-dsl-gtk'
+
+include Glimmer
+
+window {
+  title 'Fill Style'
+  default_size 256, 256
+  
+  drawing_area {
+    paint 242.25, 242.25, 242.25
+    
+    path {
+      rectangle 12, 12, 232, 70
+      path { # sub-path
+        arc 64, 64, 40, 0, 2*Math::PI
+      }
+      path { # sub-path
+        arc_negative 192, 64, 40, 0, -2*Math::PI
+      }
+      
+      fill_rule Cairo::FILL_RULE_EVEN_ODD
+      line_width 6
+      fill 0, 178.5, 0
+      stroke 0, 0, 0
+    }
+    
+    path {
+      rectangle 12, 12, 232, 70
+      path { # sub-path
+        arc 64, 64, 40, 0, 2*Math::PI
+      }
+      path { # sub-path
+        arc_negative 192, 64, 40, 0, -2*Math::PI
+      }
+      
+      translate 0, 128
+      fill_rule Cairo::FILL_RULE_WINDING
+      line_width 6
+      fill 0, 0, 229.5
+      stroke 0, 0, 0
+    }
+  }
+}.show

data/samples/cairo/gradient.rb

@@ -0,0 +1,31 @@
+require 'glimmer-dsl-gtk'
+
+include Glimmer
+
+window {
+  title 'Gradient'
+  default_size 256, 256
+  
+  drawing_area {
+    paint 242.25, 242.25, 242.25
+        
+    # Create the Linear Pattern
+    rectangle(0, 0, 256, 256) {
+      pat = Cairo::LinearPattern.new(0.0, 0.0,  0.0, 256.0)
+      pat.add_color_stop_rgba(1, 0, 0, 0, 1)
+      pat.add_color_stop_rgba(0, 1, 1, 1, 1)
+      
+      fill pat
+    }
+    
+    # Create the radial pattern
+    arc(128.0, 128.0, 76.8, 0, 2 * Math::PI) {
+      pat = Cairo::RadialPattern.new(115.2, 102.4, 25.6,
+                                         102.4,  102.4, 128.0)
+      pat.add_color_stop_rgba(0, 1, 1, 1, 1)
+      pat.add_color_stop_rgba(1, 0, 0, 0, 1)
+      
+      fill pat
+    }
+  }
+}.show

data/samples/cairo/image.rb

@@ -0,0 +1,28 @@
+require 'glimmer-dsl-gtk'
+require 'net/http'
+
+image_content = Net::HTTP.get(URI('https://raw.githubusercontent.com/AndyObtiva/glimmer-dsl-gtk/master/images/breaking-blue-wave.png'))
+image_file = File.join(Dir.home, 'breaking-blue-wave.png')
+File.write(image_file, image_content)
+
+include Glimmer
+
+window {
+  title 'Image'
+  default_size 256, 256
+  
+  drawing_area {
+    paint 242.25, 242.25, 242.25
+        
+    image = Cairo::ImageSurface.from_png(image_file)
+    w = image.width
+    h = image.height
+    
+    translate 128.0, 128.0
+    rotate 45*Math::PI/180
+    scale 256.0/w, 256.0/h
+    translate -0.5*w, -0.5*h
+    
+    paint image, 0, 0
+  }
+}.show

data/samples/cairo/image_gradient.rb

@@ -0,0 +1,37 @@
+require 'glimmer-dsl-gtk'
+require 'net/http'
+
+image_content = Net::HTTP.get(URI('https://raw.githubusercontent.com/AndyObtiva/glimmer-dsl-gtk/master/images/breaking-blue-wave.png'))
+image_file = File.join(Dir.home, 'breaking-blue-wave.png')
+File.write(image_file, image_content)
+
+include Glimmer
+
+window {
+  title 'Image Gradient'
+  default_size 256, 256
+  
+  drawing_area {
+    paint 242.25, 242.25, 242.25
+    
+    image = Cairo::ImageSurface.from_png(image_file)
+    w = image.width
+    h = image.height
+    
+    # Load the image as a surface pattern
+    pattern = Cairo::SurfacePattern.new(image)
+    pattern.extend = Cairo::EXTEND_REPEAT
+    
+    # Set up the scale matrix
+    pattern.matrix = Cairo::Matrix.scale(w/256.0 * 5.0, h/256.0 * 5.0)
+    
+    rectangle(0, 0, 256, 256) {
+      translate 128.0, 128.0
+      rotate Math::PI / 4
+      scale 1/Math.sqrt(2), 1/Math.sqrt(2)
+      translate -128.0, -128.0
+        
+      fill pattern
+    }
+  }
+}.show

data/samples/cairo/multi_segment_caps.rb

@@ -0,0 +1,27 @@
+require 'glimmer-dsl-gtk'
+
+include Glimmer
+
+window {
+  title 'Multi Segment Caps'
+  default_size 256, 256
+  
+  drawing_area {
+    paint 242.25, 242.25, 242.25
+    
+    path {
+      move_to 50.0, 75.0
+      line_to 200.0, 75.0
+      
+      move_to 50.0, 125.0
+      line_to 200.0, 125.0
+      
+      move_to 50.0, 175.0
+      line_to 200.0, 175.0
+      
+      line_width 30
+      line_cap Cairo::LINE_CAP_ROUND
+      stroke 0, 0, 0
+    }
+  }
+}.show

data/samples/cairo/rounded_rectangle.rb

@@ -0,0 +1,20 @@
+require 'glimmer-dsl-gtk'
+
+include Glimmer
+
+window {
+  title 'Rounded Rectangle'
+  default_size 256, 256
+  
+  drawing_area {
+    paint 242.25, 242.25, 242.25
+    
+    path {
+      rounded_rectangle(25.6, 25.6, 204.8, 204.8, 20)
+    
+      fill 127.5, 127.5, 255
+      line_width 10.0
+      stroke 127.5, 0, 0, 0.5
+    }
+  }
+}.show

data/samples/cairo/set_line_cap.rb

@@ -0,0 +1,53 @@
+require 'glimmer-dsl-gtk'
+
+include Glimmer
+
+window {
+  title 'Set line cap'
+  default_size 256, 256
+  
+  drawing_area {
+    paint 242.25, 242.25, 242.25
+    
+    # The main code
+    path {
+      move_to 64.0, 50.0
+      line_to 64.0, 200.0
+      
+      line_cap Cairo::LINE_CAP_BUTT #  default
+      line_width 30
+      stroke 0, 0, 0
+    }
+    
+    path {
+      move_to 128.0, 50.0
+      line_to 128.0, 200.0
+      
+      line_cap Cairo::LINE_CAP_ROUND
+      line_width 30
+      stroke 0, 0, 0
+    }
+    
+    path {
+      move_to 192.0, 50.0
+      line_to 192.0, 200.0
+      
+      line_cap Cairo::LINE_CAP_SQUARE
+      line_width 30
+      stroke 0, 0, 0
+    }
+    
+    #  draw helping lines */
+    path {
+      move_to 64.0, 50.0
+      line_to 64.0, 200.0
+      move_to 128.0, 50.0
+      line_to 128.0, 200.0
+      move_to 192.0, 50.0
+      line_to 192.0, 200.0
+      
+      line_width 2.56
+      stroke 255, 51, 51
+    }
+  }
+}.show

data/samples/cairo/set_line_join.rb

@@ -0,0 +1,43 @@
+require 'glimmer-dsl-gtk'
+
+include Glimmer
+
+window {
+  title 'Set line join'
+  default_size 256, 256
+  
+  drawing_area {
+    paint 242.25, 242.25, 242.25
+    
+    # The main code
+    path {
+      move_to 76.8, 84.48
+      rel_line_to 51.2, -51.2
+      rel_line_to 51.2, 51.2
+      
+      line_join Cairo::LINE_JOIN_MITER # default
+      line_width 40.96
+      stroke 0, 0, 0
+    }
+    
+    path {
+      move_to 76.8, 161.28
+      rel_line_to 51.2, -51.2
+      rel_line_to 51.2, 51.2
+      
+      line_join Cairo::LINE_JOIN_BEVEL
+      line_width 40.96
+      stroke 0, 0, 0
+    }
+    
+    path {
+      move_to 76.8, 238.08
+      rel_line_to 51.2, -51.2
+      rel_line_to 51.2, 51.2
+      
+      line_join Cairo::LINE_JOIN_ROUND
+      line_width 40.96
+      stroke 0, 0, 0
+    }
+  }
+}.show

data/samples/cairo/text.rb

@@ -0,0 +1,46 @@
+require 'glimmer-dsl-gtk'
+
+include Glimmer
+
+window {
+  title 'Text'
+  default_size 256, 256
+  
+  drawing_area {
+    paint 242.25, 242.25, 242.25
+    
+    font_family = OS.linux? ? 'Sans' : (OS.mac? ? 'Helvetica' : 'Arial')
+    
+    # The main code
+    path {
+      move_to 10.0, 135.0
+      show_text 'Hello'
+      
+      font_face font_family, Cairo::FONT_SLANT_NORMAL, Cairo::FONT_WEIGHT_BOLD
+      font_size 90.0
+      line_width 2.56
+      fill 0, 0, 0
+      stroke 0, 0, 0
+    }
+    
+    path {
+      move_to 70.0, 165.0
+      text_path 'void'
+      
+      font_face font_family, Cairo::FONT_SLANT_NORMAL, Cairo::FONT_WEIGHT_BOLD
+      font_size 90.0
+      line_width 2.56
+      fill 127.5, 127.5, 255
+      stroke 0, 0, 0
+    }
+    
+    # draw helping lines
+    path {
+      arc 10.0, 135.0, 5.12, 0, 2*Math::PI
+      close_path
+      arc 70.0, 165.0, 5.12, 0, 2*Math::PI
+      
+      fill 255, 51, 51, 0.6
+    }
+  }
+}.show

data/samples/hello/hello_drawing_area.rb

@@ -7,9 +7,7 @@ window {
   default_size 400, 400
   
   drawing_area {
-    rectangle(0, 0, 400, 400) {
-      fill 255, 255, 255
-    }
+    paint 255, 255, 255
     
     arc(85, 85, 45, (Math::PI/180)*90, -(Math::PI/180)*90) {
       fill 255, 0, 0

data/samples/hello/hello_drawing_area_manual.rb

@@ -8,61 +8,60 @@ window {
   
   drawing_area {
     on(:draw) do |drawing_area_widget, cairo_context|
-      cairo_context.rectangle(0, 0, 400, 400)
-      cairo_context.set_source_rgb(255, 255, 255)
-      cairo_context.fill
+      cairo_context.set_source_rgb(255/255.0, 255/255.0, 255/255.0)
+      cairo_context.paint
       
       cairo_context.arc(85, 85, 45, (Math::PI/180)*90, -(Math::PI/180)*90)
       cairo_context.set_source_rgb(255, 0, 0)
       cairo_context.fill
       
       cairo_context.arc(85, 85, 45, (Math::PI/180)*90, -(Math::PI/180)*90)
-      cairo_context.set_source_rgb(0, 128, 255)
+      cairo_context.set_source_rgb(0, 128/255.0, 255/255.0)
       cairo_context.set_line_width(3)
       cairo_context.stroke
 
       cairo_context.arc(85, 185, 45, (Math::PI/180)*100, -(Math::PI/180)*30)
-      cairo_context.set_source_rgb(255, 0, 0)
+      cairo_context.set_source_rgb(255/255.0, 0, 0)
       cairo_context.fill
       
       cairo_context.arc(85, 185, 45, (Math::PI/180)*100, -(Math::PI/180)*30)
-      cairo_context.set_source_rgb(0, 128, 255)
+      cairo_context.set_source_rgb(0, 128/255.0, 255/255.0)
       cairo_context.set_line_width(3)
       cairo_context.stroke
       
       cairo_context.circle(85, 285, 45)
-      cairo_context.set_source_rgb(255, 0, 0)
+      cairo_context.set_source_rgb(255/255.0, 0, 0)
       cairo_context.fill
       
       cairo_context.circle(85, 285, 45)
-      cairo_context.set_source_rgb(0, 128, 255)
+      cairo_context.set_source_rgb(0, 128/255.0, 255/255.0)
       cairo_context.set_line_width(3)
       cairo_context.stroke
       
       cairo_context.rectangle(140, 40, 180, 90)
-      cairo_context.set_source_rgb(255, 255, 0)
+      cairo_context.set_source_rgb(255/255.0, 255/255.0, 0)
       cairo_context.fill
       
       cairo_context.rectangle(140, 40, 180, 90)
-      cairo_context.set_source_rgb(255, 0, 0)
+      cairo_context.set_source_rgb(255/255.0, 0, 0)
       cairo_context.set_line_width(3)
       cairo_context.stroke
       
       cairo_context.rounded_rectangle(140, 140, 180, 90, 30, 20)
-      cairo_context.set_source_rgb(255, 255, 0)
+      cairo_context.set_source_rgb(255/255.0, 255/255.0, 0)
       cairo_context.fill
       
       cairo_context.rounded_rectangle(140, 140, 180, 90, 30, 20)
-      cairo_context.set_source_rgb(255, 0, 0)
+      cairo_context.set_source_rgb(255/255.0, 0, 0)
       cairo_context.set_line_width(3)
       cairo_context.stroke
       
       cairo_context.triangle(140, 240, 320, 240, 230, 330)
-      cairo_context.set_source_rgb(255, 255, 0)
+      cairo_context.set_source_rgb(255/255.0, 255/255.0, 0)
       cairo_context.fill
       
       cairo_context.triangle(140, 240, 320, 240, 230, 330)
-      cairo_context.set_source_rgb(255, 0, 0)
+      cairo_context.set_source_rgb(255/255.0, 0, 0)
       cairo_context.set_line_width(3)
       cairo_context.stroke
       
@@ -71,7 +70,7 @@ window {
       cairo_context.curve_to 190, 60, 200, 80, 210, 70
       cairo_context.curve_to 240, 80, 250, 100, 260, 90
       cairo_context.curve_to 290, 90, 300, 110, 310, 100
-      cairo_context.set_source_rgb(0, 255, 0)
+      cairo_context.set_source_rgb(0, 255/255.0, 0)
       cairo_context.fill
       
       cairo_context.new_path
@@ -79,7 +78,7 @@ window {
       cairo_context.curve_to 190, 60, 200, 80, 210, 70
       cairo_context.curve_to 240, 80, 250, 100, 260, 90
       cairo_context.curve_to 290, 90, 300, 110, 310, 100
-      cairo_context.set_source_rgb(0, 0, 255)
+      cairo_context.set_source_rgb(0, 0, 255/255.0)
       cairo_context.stroke
       
       cairo_context.new_path
@@ -90,7 +89,7 @@ window {
       cairo_context.line_to 200, 200
       cairo_context.line_to 180, 170
       cairo_context.close_path
-      cairo_context.set_source_rgb(0, 255, 0)
+      cairo_context.set_source_rgb(0, 255/255.0, 0)
       cairo_context.fill
       
       cairo_context.new_path
@@ -101,7 +100,7 @@ window {
       cairo_context.line_to 200, 200
       cairo_context.line_to 180, 170
       cairo_context.close_path
-      cairo_context.set_source_rgb(0, 0, 255)
+      cairo_context.set_source_rgb(0, 0, 255/255.0)
       cairo_context.stroke
       
       cairo_context.new_path
@@ -112,7 +111,7 @@ window {
       cairo_context.line_to 200, 280
       cairo_context.line_to 180, 270
       cairo_context.close_path
-      cairo_context.set_source_rgb(0, 255, 0)
+      cairo_context.set_source_rgb(0, 255/255.0, 0)
       cairo_context.fill
       
       cairo_context.new_path
@@ -123,7 +122,7 @@ window {
       cairo_context.line_to 200, 280
       cairo_context.line_to 180, 270
       cairo_context.close_path
-      cairo_context.set_source_rgb(0, 0, 255)
+      cairo_context.set_source_rgb(0, 0, 255/255.0)
       cairo_context.stroke
       
       cairo_context.new_path
@@ -133,7 +132,7 @@ window {
       cairo_context.line_to 220, 340
       cairo_context.line_to 200, 330
       cairo_context.line_to 180, 320
-      cairo_context.set_source_rgb(0, 0, 255)
+      cairo_context.set_source_rgb(0, 0, 255/255.0)
       cairo_context.stroke
     end
   }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: glimmer-dsl-gtk
 version: !ruby/object:Gem::Version
-  version: 0.0.4
+  version: 0.0.8
 platform: ruby
 authors:
 - Andy Maleh
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-01-29 00:00:00.000000000 Z
+date: 2022-01-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: glimmer
@@ -142,7 +142,8 @@ dependencies:
     - - ">"
       - !ruby/object:Gem::Version
         version: '0'
-description: Glimmer DSL for GTK - Ruby-GNOME Desktop Development GUI Library
+description: Glimmer DSL for GTK - Ruby-GNOME Desktop Development GUI Library - Supports
+  all GTK widgets and Cairo graphics
 email: andy.am@gmail.com
 executables:
 - girb
@@ -170,6 +171,7 @@ files:
 - lib/glimmer/gtk.rb
 - lib/glimmer/gtk/shape.rb
 - lib/glimmer/gtk/shape/arc.rb
+- lib/glimmer/gtk/shape/arc_negative.rb
 - lib/glimmer/gtk/shape/circle.rb
 - lib/glimmer/gtk/shape/path.rb
 - lib/glimmer/gtk/shape/polygon.rb
@@ -178,12 +180,29 @@ files:
 - lib/glimmer/gtk/shape/rounded_rectangle.rb
 - lib/glimmer/gtk/shape/square.rb
 - lib/glimmer/gtk/shape/triangle.rb
+- lib/glimmer/gtk/transformable.rb
 - lib/glimmer/gtk/widget_proxy.rb
 - lib/glimmer/gtk/widget_proxy/application_proxy.rb
 - lib/glimmer/gtk/widget_proxy/box_proxy.rb
 - lib/glimmer/gtk/widget_proxy/drawing_area_proxy.rb
 - lib/glimmer/gtk/widget_proxy/message_dialog_proxy.rb
 - lib/glimmer/gtk/widget_proxy/window_proxy.rb
+- samples/cairo/arc.rb
+- samples/cairo/arc_negative.rb
+- samples/cairo/clip.rb
+- samples/cairo/clip_image.rb
+- samples/cairo/curve_to.rb
+- samples/cairo/dashes.rb
+- samples/cairo/fill_and_stroke2.rb
+- samples/cairo/fill_style.rb
+- samples/cairo/gradient.rb
+- samples/cairo/image.rb
+- samples/cairo/image_gradient.rb
+- samples/cairo/multi_segment_caps.rb
+- samples/cairo/rounded_rectangle.rb
+- samples/cairo/set_line_cap.rb
+- samples/cairo/set_line_join.rb
+- samples/cairo/text.rb
 - samples/elaborate/tetris.rb
 - samples/elaborate/tetris/model/block.rb
 - samples/elaborate/tetris/model/game.rb