spittle 0.9.0

data/.gitignore

@@ -0,0 +1,12 @@
+Manifest
+.DS_Store
+pkg/*
+doc/*
+coverage/*
+html/*
+rdoc/*
+examples/pic_data/out.png
+examples/pic_data/sprite_test.png
+examples/pic_data/test.png
+examples/pic_data/animal.png
+*.swp

data/README

@@ -0,0 +1,19 @@
+[ PNG, PNG, PNG ]  (°_°)
+[ PNG, PNG, PNG ]  (° )
+[ PNG, PNG, PNG ] )°)
+[ PNG, PNG, )°)
+[ PNG, )°)
+[ )°)
+
+ \(°_°)/ -> SPRITES!!!
+
+
+It takes your PNG's, chews them up and spits out sprites!
+
+point bin/spittle at a directory, and watch it sprite away!
+
+
+
+currently only supports images of the same height - this will change soon.
+
+thx to tjennings for the initial spike and help

data/Rakefile

@@ -0,0 +1,45 @@
+require 'rubygems'
+require 'rake'
+
+begin
+  require 'jeweler'
+  Jeweler::Tasks.new do |gem|
+    gem.name = "spittle"
+    gem.summary = %Q{pure ruby PNG}
+    gem.description = %Q{pure ruby PNG}
+    gem.email = ["qzzzq1@gmail.com", "tyler.jennings@gmail.com"]
+    gem.homepage = "http://github.com/aberant/spittle"
+    gem.authors = ["aberant", "tjennings"]
+    gem.add_development_dependency "rspec" #, ">= 1.2.9"
+    # gem is a Gem::Specification... see http://www.rubygems.org/read/chapter/20 for additional settings
+  end
+  Jeweler::GemcutterTasks.new
+rescue LoadError
+  puts "Jeweler (or a dependency) not available. Install it with: sudo gem install jeweler"
+end
+
+require 'spec/rake/spectask'
+Spec::Rake::SpecTask.new(:spec) do |spec|
+  spec.libs << 'lib' << 'spec'
+  spec.spec_files = FileList['spec/**/*_spec.rb']
+end
+
+Spec::Rake::SpecTask.new(:rcov) do |spec|
+  spec.libs << 'lib' << 'spec'
+  spec.pattern = 'spec/**/*_spec.rb'
+  spec.rcov = true
+end
+
+task :spec #=> :check_dependencies
+
+task :default => :spec
+
+require 'rake/rdoctask'
+Rake::RDocTask.new do |rdoc|
+  version = File.exist?('VERSION') ? File.read('VERSION') : ""
+
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title = "spittle #{version}"
+  rdoc.rdoc_files.include('README*')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end

data/VERSION

@@ -0,0 +1 @@
+0.9.0

data/bin/spittle

@@ -0,0 +1,15 @@
+#!/usr/bin/env ruby
+
+require File.dirname(__FILE__) + "/../lib/spittle.rb"
+
+dir = ARGV[0]
+
+if dir
+  Spittle::Processor.new(:source => dir).write
+else
+  puts
+  puts "spittle! it chews up your PNG's and spits out sprites!"
+  puts "useage: spittle DIRECTORY"
+  puts "eg. spittle my_images"
+  puts
+end

data/examples/sprites/README

@@ -0,0 +1,5 @@
+The sprites here are pre generated.  If you want to see it work yourself delete the the two sprite.png files and all the *.css.  Then simply run '../bin/spittle' and it should regenreate the sprites. 
+
+The server script will start a WEBrick server on port 3000 and serve from this directory.  If everything worked out you should see the two sprite samples displayed in index.html. 
+
+. 

data/examples/sprites/apple/fragment.css

@@ -0,0 +1,63 @@
+  .apple_itunes {
+    background: transparent url(/apple/sprite.png) -350px 0px no-repeat;
+    width:116;
+    height:38;
+    text-indent:-5000px;
+  }
+
+  .apple_mac {
+    background: transparent url(/apple/sprite.png) -466px 0px no-repeat;
+    width:116;
+    height:38;
+    text-indent:-5000px;
+  }
+
+  .apple_apple {
+    background: transparent url(/apple/sprite.png) 0px 0px no-repeat;
+    width:117;
+    height:38;
+    text-indent:-5000px;
+  }
+
+  .apple_store {
+    background: transparent url(/apple/sprite.png) -744px 0px no-repeat;
+    width:116;
+    height:38;
+    text-indent:-5000px;
+  }
+
+  .apple_search {
+    background: transparent url(/apple/sprite.png) -582px 0px no-repeat;
+    width:162;
+    height:38;
+    text-indent:-5000px;
+  }
+
+  .apple_divider {
+    background: transparent url(/apple/sprite.png) -117px 0px no-repeat;
+    width:1;
+    height:38;
+    text-indent:-5000px;
+  }
+
+  .apple_support {
+    background: transparent url(/apple/sprite.png) -860px 0px no-repeat;
+    width:116;
+    height:38;
+    text-indent:-5000px;
+  }
+
+  .apple_downloads {
+    background: transparent url(/apple/sprite.png) -118px 0px no-repeat;
+    width:116;
+    height:38;
+    text-indent:-5000px;
+  }
+
+  .apple_iphone {
+    background: transparent url(/apple/sprite.png) -234px 0px no-repeat;
+    width:116;
+    height:38;
+    text-indent:-5000px;
+  }
+

data/examples/sprites/index.html

@@ -0,0 +1,33 @@
+<html>
+  <head>
+    <title>A simple sprite test</title>
+    <link href="/sprite.css" type="text/css" rel="stylesheet" />
+  </head>
+  <body>
+    <style>
+      .float_left {float:left}
+      .menu {height: 100px}
+    </style>
+    Hello.  See spittle run:
+    <div class="words_of">of</div>
+    <div class="words_latitude">latitude</div>
+    <div class="words_set">set</div>
+
+    Some random menu bar
+    <div>
+      <span class="menu float_left apple_apple">apple</span>
+      <span class="menu float_left apple_divider"></span>
+      <span class="menu float_left apple_store">store</span>
+      <span class="menu float_left apple_divider"></span>
+      <span class="menu float_left apple_itunes">ipod</span>
+      <span class="menu float_left apple_divider"></span>
+      <span class="menu float_left apple_iphone">iphone</span>
+      <span class="menu float_left apple_divider"></span>
+      <span class="menu float_left apple_downloads">downloads</span>
+      <span class="menu float_left apple_divider"></span>
+      <span class="menu float_left apple_support">suport</span>
+      <span class="menu float_left apple_divider"></span>
+      <span class="menu float_left apple_search">search</span>
+    </div>
+  </body>
+</html>

data/examples/sprites/server.rb

@@ -0,0 +1,10 @@
+#!/usr/bin/env ruby
+require 'webrick'
+
+Socket.do_not_reverse_lookup = true # patch for OS X
+params = { :Port => 3000, :DocumentRoot => '.'}
+
+server = WEBrick::HTTPServer.new(params)
+trap("INT") { server.shutdown }
+server.start
+

data/examples/sprites/sprite.css

@@ -0,0 +1,91 @@
+  .apple_itunes {
+    background: transparent url(/apple/sprite.png) -350px 0px no-repeat;
+    width:116;
+    height:38;
+    text-indent:-5000px;
+  }
+
+  .apple_mac {
+    background: transparent url(/apple/sprite.png) -466px 0px no-repeat;
+    width:116;
+    height:38;
+    text-indent:-5000px;
+  }
+
+  .apple_apple {
+    background: transparent url(/apple/sprite.png) 0px 0px no-repeat;
+    width:117;
+    height:38;
+    text-indent:-5000px;
+  }
+
+  .apple_store {
+    background: transparent url(/apple/sprite.png) -744px 0px no-repeat;
+    width:116;
+    height:38;
+    text-indent:-5000px;
+  }
+
+  .apple_search {
+    background: transparent url(/apple/sprite.png) -582px 0px no-repeat;
+    width:162;
+    height:38;
+    text-indent:-5000px;
+  }
+
+  .apple_divider {
+    background: transparent url(/apple/sprite.png) -117px 0px no-repeat;
+    width:1;
+    height:38;
+    text-indent:-5000px;
+  }
+
+  .apple_support {
+    background: transparent url(/apple/sprite.png) -860px 0px no-repeat;
+    width:116;
+    height:38;
+    text-indent:-5000px;
+  }
+
+  .apple_downloads {
+    background: transparent url(/apple/sprite.png) -118px 0px no-repeat;
+    width:116;
+    height:38;
+    text-indent:-5000px;
+  }
+
+  .apple_iphone {
+    background: transparent url(/apple/sprite.png) -234px 0px no-repeat;
+    width:116;
+    height:38;
+    text-indent:-5000px;
+  }
+
+  .words_set {
+    background: transparent url(/words/sprite.png) -85px 0px no-repeat;
+    width:26;
+    height:21;
+    text-indent:-5000px;
+  }
+
+  .words_specified {
+    background: transparent url(/words/sprite.png) -111px 0px no-repeat;
+    width:70;
+    height:21;
+    text-indent:-5000px;
+  }
+
+  .words_latitude {
+    background: transparent url(/words/sprite.png) 0px 0px no-repeat;
+    width:66;
+    height:21;
+    text-indent:-5000px;
+  }
+
+  .words_of {
+    background: transparent url(/words/sprite.png) -66px 0px no-repeat;
+    width:19;
+    height:21;
+    text-indent:-5000px;
+  }
+

data/examples/sprites/words/fragment.css

@@ -0,0 +1,28 @@
+  .words_set {
+    background: transparent url(/words/sprite.png) -85px 0px no-repeat;
+    width:26;
+    height:21;
+    text-indent:-5000px;
+  }
+
+  .words_specified {
+    background: transparent url(/words/sprite.png) -111px 0px no-repeat;
+    width:70;
+    height:21;
+    text-indent:-5000px;
+  }
+
+  .words_latitude {
+    background: transparent url(/words/sprite.png) 0px 0px no-repeat;
+    width:66;
+    height:21;
+    text-indent:-5000px;
+  }
+
+  .words_of {
+    background: transparent url(/words/sprite.png) -66px 0px no-repeat;
+    width:19;
+    height:21;
+    text-indent:-5000px;
+  }
+

data/examples/sprites/words/sprite.css

@@ -0,0 +1,24 @@
+  .words_of {
+    background: transparent url(/words/sprite.png) -66px 0px no-repeat;
+    width:19;
+    text-indent:-5000px;
+  }
+
+  .words_set {
+    background: transparent url(/words/sprite.png) -85px 0px no-repeat;
+    width:26;
+    text-indent:-5000px;
+  }
+
+  .words_specified {
+    background: transparent url(/words/sprite.png) -111px 0px no-repeat;
+    width:70;
+    text-indent:-5000px;
+  }
+
+  .words_latitude {
+    background: transparent url(/words/sprite.png) 0px 0px no-repeat;
+    width:66;
+    text-indent:-5000px;
+  }
+

data/lib/spittle/chunk.rb

@@ -0,0 +1,12 @@
+module PNG
+  class Chunk
+    def chunk_name
+      raise "looks like you havn't subclassed and defined a chunk_name"
+    end
+    
+    def to_chunk
+      to_check = chunk_name + encode
+      [encode.length].pack("N") + to_check + [Zlib.crc32(to_check)].pack("N")
+    end
+  end
+end

data/lib/spittle/directory_spriter.rb

@@ -0,0 +1,63 @@
+class DirectoryProcessor
+  def initialize(dir)
+    @dir = dir
+    files = images
+    @sprite = PNG::Sprite.new
+    files.each {|f| @sprite.append(PNG::Image.open(f))}
+  end
+
+  def images
+    Dir.glob(@dir + "/*.png").reject{|i| i.match /sprite\.png/}
+  end
+
+  def write
+    @sprite.write(sprite_file)
+    File.open(css_file, 'w') do |f|
+      f.write(css)
+    end
+  end
+
+  def cleanup
+    File.delete(sprite_file) rescue {}
+    File.delete(css_file) rescue {}
+  end
+
+  def sprite_file
+    @dir + "/sprite.png"
+  end
+
+  def css_file
+    @dir + "/fragment.css"
+  end
+
+  def dir_name
+    @dir.split('/').last
+  end
+
+  def image_loc
+    #TODO: Lame!
+    ("/" + @dir + "/sprite.png").gsub("/./", "/")
+  end
+
+  FRAG = <<-EOF
+  .<name>_<image_name> {
+    background: transparent url(<image_loc>) <offset>px 0px no-repeat;
+    width:<width>;
+    height:<height>;
+    text-indent:-5000px;
+  }
+
+  EOF
+
+  def css
+    @sprite.locations.inject("") do |out, image|
+      image_name, properties = image
+      out << FRAG.gsub("<name>", dir_name).
+             gsub("<image_name>", image_name.to_s).
+             gsub("<width>", properties[:width].to_s).
+             gsub("<height>", properties[:height].to_s).
+             gsub("<offset>", properties[:x].to_s).
+             gsub("<image_loc>", image_loc)
+    end
+  end
+end

data/lib/spittle/file_header.rb

@@ -0,0 +1,7 @@
+module PNG
+  class FileHeader
+   def encode
+     [137, 80, 78, 71, 13, 10, 26, 10].pack("C*")
+   end
+  end
+end

data/lib/spittle/filters.rb

@@ -0,0 +1,64 @@
+module PNG
+  class Filters
+    class << self
+      #TODO: feature envy, this behavior belongs to a row. 
+      def fetch_pixel(idx, row)
+        return 0 if idx < 0
+        return row[idx] || 0
+      end
+
+      def call( filter_type, value, index, row, last_row, record_width )
+        case filter_type
+        when 0
+          no_filter( value, index, row, last_row, record_width )
+        when 1
+          left( value, index, row, last_row, record_width )
+        when 2
+          up( value, index, row, last_row, record_width )
+        when 3
+          avg( value, index, row, last_row, record_width )
+        when 4
+          paeth( value, index, row, last_row, record_width )
+        else
+          raise "Invalid filter type (#{filter_type})"
+        end
+      end
+      
+      def no_filter( value, index, row, last_row, record_width )
+        value
+      end
+      
+      def left( value, index, row, last_row, record_width )
+        (value + fetch_pixel(index - record_width, row)) % 256
+      end
+      
+      def up( value, index, row, last_row, record_width )
+        (value + fetch_pixel(index, last_row)) % 256
+      end
+    
+      def avg( value, index, row, last_row, record_width )
+        (value + ( (fetch_pixel(index - record_width, row) + fetch_pixel(index, last_row)) / 2 ).floor) % 256
+      end
+    
+      def paeth( value, index, row, last_row, record_width )
+        a = fetch_pixel(index - record_width, row)
+        b = fetch_pixel(index, last_row)
+        c = fetch_pixel(index - record_width, last_row)
+        p = a + b - c
+        pa = (p - a).abs
+        pb = (p - b).abs
+        pc = (p - c).abs
+
+        pr = c
+        if ( pa <= pb and pa <= pc) 
+          pr = a
+        elsif (pb <= pc)
+          pr = b
+        end
+
+        (value + pr) % 256
+      end
+
+    end
+  end
+end

data/lib/spittle/idat.rb

@@ -0,0 +1,26 @@
+module PNG
+  class IDAT < Chunk
+    # I don't like that @compressed contains different values depending on how you're using it
+    # maybe we should introduce a builder? 
+    def initialize( uncompressed="" )
+      @compressed = ""
+      @compressed += Zlib::Deflate.deflate( uncompressed.pack("C*") ) unless uncompressed == ""
+    end
+
+    def <<( data )
+      @compressed << data
+    end
+    
+    def encode
+      @compressed
+    end
+    
+    def uncompressed
+      @uncompressed ||= Zlib::Inflate.inflate( @compressed ).unpack("C*")
+    end
+    
+    def chunk_name
+      "IDAT"
+    end
+  end
+end

data/lib/spittle/iend.rb

@@ -0,0 +1,9 @@
+module PNG
+  class IEND < Chunk
+    def encode; "" end
+    
+    def chunk_name
+      "IEND"
+    end
+  end
+end

data/lib/spittle/ihdr.rb

@@ -0,0 +1,30 @@
+module PNG
+  class IHDR < Chunk
+    attr_accessor :width, :height, :depth, :color_type
+    # attr_accessor :compression_method, :filter_method, :interlace_method
+    
+    def self.new_from_raw( data )
+      raw = data.unpack("N2C5")
+      
+      new( *raw[0..3] )
+    end
+    
+    def initialize( width, height, depth=8, color_type=2 )
+      raise "for now, spittle only supports images with a bit depth of 8" unless depth == 8
+      raise "for now, spittle only supports color type 2 or 6" unless color_type == 2 || color_type == 6
+      @width, @height, @depth, @color_type = width, height, depth, color_type
+    end
+    
+    def encode
+      to_a.pack("N2C5")
+    end
+    
+    def to_a
+      [@width, @height, @depth, @color_type, 0, 0, 0]
+    end
+    
+    def chunk_name
+      "IHDR"
+    end
+  end
+end