見本集 — asobi

require "asobi"
 
flower = petal(40, 16).repeat(8).in_fan.colored(:crimson, :navy)
bloom = flower + circle(5).colored(:gold)
show bloom.spin(every: 8)

花

01 · flower.rb

花びらを増やして、扇のように回します。2色が交互に出ます。

遊び場で開く

require "asobi"
 
stars = star(radius: 4).repeat(40).change_each { |s, t| s.grow(to: 0.6 + t) }
sky = stars.colored(:gold).scattered(over: [320, 180]).glowing.fade(every: 3, to: 0.4).one_by_one
show sky + moon(size: 40).colored(:ivory).glowing(8).move(right: 110, up: 50), on: :midnightblue

夜空

02 · night_sky.rb

星をばらまいて光らせ、1つずつ順にまたたかせます。実行するたびに違う空になります。

遊び場で開く

require "asobi"
 
dots = circle(6).repeat(16).in_row(gap: 6).colored(:teal)
show dots.bounce(height: 30, every: 2).one_by_one

ドットの波

03 · dot_wave.rb

ひと弾みを、ドットごとに少しずつ遅らせて始めます。

遊び場で開く

require "asobi"
 
dots = circle(4).repeat(24).in_ring(60).colored(:crimson, :orange)
show dots.pulse(every: 2, to: 2).one_by_one

ドットの輪

04 · ring_pulse.rb

ドットはそれぞれの中心で脈打つので、輪の形は崩れません。

遊び場で開く

require "asobi"
 
rings = ring(80, 4).repeat(10).change_each { |r, t| r.scale(1 - t * 0.9) }
show rings.colored(:navy, :skyblue).pulse(every: 2, to: 1.1).one_by_one

同心円

05 · rings.rb

輪を1つ作って、少しずつ小さくしながら増やします。

遊び場で開く

require "asobi"
 
fib = [1, 1, 2, 3, 5, 8, 13, 21]
show fib.to_art(as: star).colored(:gold, :orange), on: :black

数列を絵にする

06 · sequence.rb

フィボナッチ数を、星として絵にします。数字が大きさになります。

遊び場で開く

require "asobi"
 
letters = "asobi".chars.to_art.change_each { |c, t| c.grow(to: 1 + t * 2) }
show letters.in_row(gap: 4).colored(:crimson, :navy)

文字

07 · typography.rb

言葉を1文字ずつに分けて、後ろへいくほど大きくします。

遊び場で開く

require "asobi"
 
tiles = square(18).repeat(36).change_each { |s, t| s.rotate(t * 90).grow(to: 1 - t * 0.5) }
show tiles.in_grid(6, gap: 4).colored(:tomato, :navy)

タイル

08 · tiles.rb

正方形の格子。1つごとに少しずつ回して、小さくします。

遊び場で開く

require "asobi"
 
hearts = heart(20).repeat(5).in_row(gap: 6)
show hearts.shift_color(:crimson, :orchid).one_by_one.bounce(height: 24).one_by_one

弾むハート

09 · hearts.rb

色の移り変わりも、弾みも、1つずつずらします。

遊び場で開く

require "asobi"
 
class Planet
  def initialize(size, distance, color, year)
    @size, @distance, @color, @year = size, distance, color, year
  end
 
  def to_art
    ring(@distance, 0.4).colored(:dimgray) +
      circle(@size).colored(@color).orbit(@distance, every: @year)
  end
end
 
sun = circle(10).colored(:gold)
planets = [Planet.new(3, 22, :skyblue, 3), Planet.new(5, 38, :tomato, 7), Planet.new(4, 54, :orchid, 12)]
show planets.reduce(sun) { |system, planet| system + planet }, on: :black

太陽系

10 · planets.rb

自作の Planet クラスは、自分がどんな絵かを答えるだけです。

遊び場で開く

require "asobi"
 
seeds = circle(3).repeat(300).change_each { |d, t| d.grow(to: 0.4 + t).colored(hsl(20 + t * 40)) }
show seeds.in_spiral(5)

ひまわりの渦

11 · spiral.rb

黄金角で並べた300粒の種。外へ行くほど大きく、色が変わります。

遊び場で開く

require "asobi"
 
petals = petal(50, 18).repeat(8).in_fan.colored(:deeppink, :cyan)
spinning = petals.animate(2) { |flower, t| flower.rotate(t * 90) }
show spinning.trail(4).glowing.blended(:screen), on: :black, grain: true

ネオンの花

12 · neon_flower.rb

黒い背景に明るい2色。光、スクリーン合成、粒を足すと、輝いて見えます。

遊び場で開く

require "asobi"
 
ribbon = wave(240, 30, 2).outlined(:springgreen, width: 14)
bands = ribbon.repeat(3).change_each { |w, t, i| w.move(down: i * 14).colored(hsl(150 + i * 50)) }
show bands.drift(right: 40, every: 6).blurred(4).blended(:screen), on: :midnightblue, grain: true

オーロラ

13 · aurora.rb

波の線を3本、ぼかしてスクリーン合成し、ゆっくり漂わせます。

遊び場で開く

require "asobi"
 
sun = circle(22).colored(:gold).move(up: 20, right: 40)
far = ellipse(240, 80).colored(:lightseagreen).move(down: 45, left: 30)
near = ellipse(220, 70).colored(:seagreen).move(down: 62, right: 40)
show [sun, far, near].map(&:shadowed).reduce(:+), on: :oldlace

切り絵

14 · paper_cutouts.rb

平らな形に、やわらかい影を付けて、明るい背景に置きます。紙の上に紙を重ねたように見えます。

遊び場で開く

require "asobi"
 
stripes = rect(10, 90).repeat(12).in_row(gap: 4).colored(from: :crimson, to: :gold, angle: 90)
show stripes.spin(every: 6).clipped_by(heart(70)), on: :navy

ハートの窓

15 · through_a_heart.rb

グラデーションのしま模様が、ハート形の窓の向こうで回ります。

遊び場で開く