{"id":355,"date":"2007-10-24T07:01:59","date_gmt":"2007-10-24T12:01:59","guid":{"rendered":"http:\/\/www.juixe.com\/techknow\/index.php\/2007\/10\/24\/running-with-shoes-show-me-more\/"},"modified":"2007-10-24T07:01:59","modified_gmt":"2007-10-24T12:01:59","slug":"running-with-shoes-show-me-more","status":"publish","type":"post","link":"http:\/\/juixe.com\/techknow\/index.php\/2007\/10\/24\/running-with-shoes-show-me-more\/","title":{"rendered":"Running with Shoes – Show Me More"},"content":{"rendered":"

This tutorial describes some of the basic graphic capabilities of the Shoes<\/a> Ruby-based mini-GUI toolkit.<\/p>\n

Shoes Fade<\/b>
\nHere is a good example of Shoes oval method in action. For a lack of a better name I call this example Fade Into Black. It is just a series of circles getting 25%.<\/p>\n

Shoes Fade<\/span><\/span><\/span><\/span><\/span><\/p>\n

Here is the source code for the above image.<\/p>\n

[source:ruby]
\nShoes.app :width => 600, :height => 600 do
\n nostroke
\n draw_circle(self, 0.9, 600)
\nend<\/p>\n

def draw_circle(app, color, size)
\n r = size\/2
\n app.fill gray(color)
\n app.oval app.width\/2 – r, 0, size, size
\n draw_circle(app, color – 0.04, 3*size\/4) if (color > 0.4)
\nend
\n[\/source]<\/p>\n

Shoes Worlds<\/b>
\nTaking the above example one step further with using the mask method.<\/p>\n

Shoes Worlds<\/span><\/span><\/span><\/span><\/span><\/p>\n

Here is the source code for the above image.<\/p>\n

[source:ruby]
\nShoes.app :width => 600, :height => 600 do
\n nofill
\n draw_circle(self, 0.1, 600)
\n mask do
\n 250.times do
\n x = (20..580).rand
\n y = (20..580).rand
\n s = (20..60).rand
\n oval x, y, s, s
\n end
\n end
\nend<\/p>\n

def draw_circle(app, color, size)
\n r = size\/2
\n app.fill blue(color)
\n app.oval app.width\/2 – r, app.height\/2 – r, size, size
\n draw_circle(app, color + 0.04, 3*size\/4) if (color < 0.7)\nend\n[\/source]

Technorati Tags: shoes<\/a>, gui<\/a>, tookit<\/a>, ruby<\/a>, ui<\/a>, graphics<\/a>, gradient<\/a>, color<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

This tutorial describes some of the basic graphic capabilities of the Shoes Ruby-based mini-GUI toolkit. Shoes Fade Here is a good example of Shoes oval method in action. For a lack of a better name I call this example Fade Into Black. It is just a series of circles getting 25%. Here is the source […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","footnotes":""},"categories":[22,3],"tags":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p902K-5J","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"http:\/\/juixe.com\/techknow\/index.php\/wp-json\/wp\/v2\/posts\/355"}],"collection":[{"href":"http:\/\/juixe.com\/techknow\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/juixe.com\/techknow\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/juixe.com\/techknow\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/juixe.com\/techknow\/index.php\/wp-json\/wp\/v2\/comments?post=355"}],"version-history":[{"count":0,"href":"http:\/\/juixe.com\/techknow\/index.php\/wp-json\/wp\/v2\/posts\/355\/revisions"}],"wp:attachment":[{"href":"http:\/\/juixe.com\/techknow\/index.php\/wp-json\/wp\/v2\/media?parent=355"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/juixe.com\/techknow\/index.php\/wp-json\/wp\/v2\/categories?post=355"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/juixe.com\/techknow\/index.php\/wp-json\/wp\/v2\/tags?post=355"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}