opal_pixi.rb

require 'opal'
# require 'opal-jquery'
module PIXI
  class Stage
    %x{
      #{self}._proto = window.PIXI.Stage.prototype, def = #{self}._proto;
      window.PIXI.Stage.prototype._klass = #{self};
    }

    def self.new(color)
      `new window.PIXI.Stage(color)`
    end

    def add_child(child)
      `#{self}.addChild(child)`
    end
  end

  class WebGLRenderer
    %x{
       #{self}._proto = window.PIXI.WebGLRenderer.prototype, def = #{self}._proto;
      window.PIXI.WebGLRenderer.prototype._klass = #{self};
    }
    def self.new(width, height)
      `new window.PIXI.WebGLRenderer(width, height)`
    end

    def render(stage)
      `self.render(stage)`
    end

    def view
      `self.view`
    end
  end
  class Texture
    %x{
       #{self}._proto = window.PIXI.Texture.prototype, def = #{self}._proto;
      window.PIXI.Texture.prototype._klass = #{self};
    }
    def self.from_image(name)
      `window.PIXI.Texture.fromImage(name)`
    end
  end
  class Sprite
    %x{
       #{self}._proto = window.PIXI.Sprite.prototype, def = #{self}._proto;
      window.PIXI.Sprite.prototype._klass = #{self};
    }
    def self.new(texture)
      `new window.PIXI.Sprite(texture)`
    end
    def anchor
      Point.new `#{self}.anchor.x`,`#{self}.anchor.y`
    end
    def rotation
      `self.rotation`
    end
    def rotation=(r)
      `self.rotation = r`
    end
    def anchor=(a)
      `self.anchor = a`
    end
    def position=(p)
      `self.position = p`
    end
  end
  class Point
    %x{
       #{self}._proto = window.PIXI.Point.prototype, def = #{self}._proto;
      window.PIXI.Point.prototype._klass = #{self};
    }
    def self.new(x,y)
      `new window.PIXI.Point(x,y)`
    end
  end
end

include PIXI
stage = Stage.new 0x66FF99
renderer = WebGLRenderer.new 400, 300

# opal-jquery would clean this up
body = Native(`window.document.body`)
body.appendChild renderer.view


texture = Texture.from_image "bunny.png"
bunny = Sprite.new texture
bunny.anchor = Point.new(0.5, 0.5)
bunny.position = Point.new(300, 150)

stage.add_child(bunny)

animate = proc do
  `requestAnimFrame(animate)`
  bunny.rotation += 0.1
  renderer.render stage
end
`requestAnimFrame(animate)`

Replacement for function animate():

animate = proc do
  `requestAnimFrame(animate)`

  bunny.rotation += 0.1
  bunny.render stage
end