walt 0.1

data/.gitignore

@@ -0,0 +1,14 @@
+.repl_history
+build
+tags
+resources/*.nib
+resources/*.momd
+resources/*.storyboardc
+.DS_Store
+nbproject
+.redcar
+#*#
+*~
+*.sw[po]
+.eprj
+Pods

data/CHANGELOG.md

@@ -0,0 +1,3 @@
+## 0.1 - January 5, 2013
+
+- First release

data/Gemfile

@@ -0,0 +1,4 @@
+# A sample Gemfile
+source "https://rubygems.org"
+
+gemspec

data/Gemfile.lock

@@ -0,0 +1,61 @@
+PATH
+  remote: .
+  specs:
+    walt (0.1)
+      afmotion (>= 0.4)
+      bubble-wrap (>= 1.1.4)
+      motion-cocoapods (~> 1.2.1)
+
+GEM
+  remote: https://rubygems.org/
+  specs:
+    activesupport (3.2.9)
+      i18n (~> 0.6)
+      multi_json (~> 1.0)
+    addressable (2.3.2)
+    afmotion (0.4)
+      motion-cocoapods (>= 1.2.1)
+    bubble-wrap (1.1.4)
+    cocoapods (0.16.0)
+      activesupport (~> 3.2.6)
+      colored (~> 1.2)
+      escape (~> 0.0.4)
+      faraday (~> 0.8.1)
+      json (~> 1.7.3)
+      octokit (~> 1.7)
+      open4 (~> 1.3.0)
+      rake (~> 0.9.4)
+      xcodeproj (~> 0.4.0)
+    colored (1.2)
+    escape (0.0.4)
+    faraday (0.8.4)
+      multipart-post (~> 1.1)
+    faraday_middleware (0.9.0)
+      faraday (>= 0.7.4, < 0.9)
+    hashie (1.2.0)
+    i18n (0.6.1)
+    json (1.7.6)
+    motion-cocoapods (1.2.1)
+      cocoapods (>= 0.14.0)
+    multi_json (1.5.0)
+    multipart-post (1.1.5)
+    netrc (0.7.7)
+    octokit (1.20.0)
+      addressable (~> 2.2)
+      faraday (~> 0.8)
+      faraday_middleware (~> 0.9)
+      hashie (~> 1.2)
+      multi_json (~> 1.3)
+      netrc (~> 0.7.7)
+    open4 (1.3.0)
+    rake (0.9.6)
+    xcodeproj (0.4.0)
+      activesupport (~> 3.2.6)
+      colored (~> 1.2)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  rake
+  walt!

data/LICENSE

@@ -0,0 +1,26 @@
+LICENSE
+
+MIT: http://clayallsopp.mit-license.org
+
+------------------------------------------------
+
+The MIT License (MIT)
+Copyright © 2012 Clay Allsopp <clay.allsopp@gmail.com>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the “Software”), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,193 @@
+# Walt
+
+Make this:
+
+![Walt animation](http://i.imgur.com/yd4RJ.gif)
+
+Using this:
+
+```ruby
+@view = UIView.alloc.initWithFrame(....)
+
+Walt.animate(
+  assets: [{
+    id: "logo",
+    position: [100, 0],
+    size: [110, 40],
+    url: "http://bit.ly/S98Ta5"
+  }],
+  animations: [{
+    duration: 2,
+    operations: [{
+      move: "logo",
+      to: 150,
+      axis: :y
+    }],
+    after: {
+      duration: 2,
+      operations: [{
+        rotate: "logo",
+        to: 360
+      }]
+    }
+  }],
+  in: @view
+)
+```
+
+## Installation
+
+First install the `Walt` gem:
+
+`gem install walt`
+
+Add `Walt` to your Gemfile or require it in your `Rakefile`:
+
+```ruby
+require 'walt'
+```
+
+```ruby
+gem 'walt'
+```
+
+Finally, add [AFNetworking](https://github.com/AFNetworking/AFNetworking) to your `pods`:
+
+```ruby
+app.pods do
+  pod "AFNetworking"
+end
+```
+
+## Usage
+
+Walt is organized around `assets`, `animations`, and `operations`. Each `animation` is a collection of `operations` occuring at the same time and configuration. 
+
+### Assets
+
+Walt supports arbitrary `UIView`s as assets, and can also build some types of views from hashes. Constructor hashes include:
+
+```ruby
+# Uses an existing `UIView`
+{ id: "my_id", view: UIView.alloc.initWithFrame(...) }
+
+# Creates a new `UIView`
+# All Walt::Assets support these options:
+# :position, :size, :view, :content_mode, :clips_to_bounds, :background_color
+{ id: "my_id", size: [100,100], background_color: "0088cc" }
+
+# Creates a new `UILabel`; also supports:
+# :text_color, :background_color, :number_of_lines, :font, :text_alignment
+{ id: "my_id", text: "Hello World" }
+
+# Creates a new `UIImageView`
+# No animations will start until all
+#   remotely-loaded assets have loaded
+{ id: "my_id", url: "http://imgur.com/hello.png" }
+
+```
+
+### Operations
+
+Walt comes with a few nifty operations, and adding your own is easy.
+
+#### `Move`
+
+```ruby
+  {
+    move: "my_id",
+    from: [10, 10],
+    to: [50, 50]
+  }
+```
+
+```ruby
+  {
+    move: "my_id",
+    from: 0,
+    to: 100,
+    axis: :y # also supports :x
+  }
+```
+
+#### `Rotate`
+
+```ruby
+  {
+    fade: "my_id",
+    from: 20, # in degrees
+    to: 50
+  }
+```
+
+#### `Fade`
+
+```ruby
+  {
+    fade: "my_id",
+    from: 1.0,
+    to: 0.2
+  }
+```
+
+#### `Scale`
+
+```ruby
+  {
+    scale: "my_id",
+    from: 1.0,
+    to: 1.3
+  }
+```
+
+#### Adding your own
+
+Create a subclass of `Walt::Operation::Base` with a name of the form `____Operation` (i.e. `FancyOperation`). In your class, implement `def setup(view, animation)` and `def finalize(view, animation)`. Then, you can use a hash of the form `{fancy: "my_id"}` to use that operation.
+
+Example:
+
+```ruby
+module Walt
+  module Operation
+    class FancyOperation < Base
+
+    # run before animation starts
+    def setup(view, animation)
+      ...
+    end
+
+    # make changes to animate
+    def finalize(view, animation)
+      ...
+    end
+  end
+end
+
+Walt.animate(...
+  {
+    fancy: "my_id"
+  }
+)
+```
+
+
+### Animations
+
+Animations control the timing and configuration of operations. They support `:delay` and `:duration` settings which affect timing, and a `:options` setting which you can pass a list of `UIViewAnimationOption`s for that animation.
+
+Animations can be chained using an animation's `:after` property, which takes another animation hash.
+
+```ruby
+# Also applies to Walt.animate
+{
+  delay: 0.3,
+  duration: 2.2,
+  options: [:curve_ease_in, :begin_from_current_state],
+  operations: [...],
+  after: {
+    delay: 1.0,
+    duration: 1.0,
+    ...
+  }
+}
+```

data/Rakefile

@@ -0,0 +1,17 @@
+# -*- coding: utf-8 -*-
+$:.unshift("/Library/RubyMotion/lib")
+require 'motion/project'
+require "bundler/gem_tasks"
+require "bundler/setup"
+
+$:.unshift("./lib/")
+require './lib/walt'
+
+Motion::Project::App.setup do |app|
+  # Use `rake config' to see complete project settings.
+  app.name = 'Walt'
+
+  app.pods do
+    pod "AFNetworking"
+  end
+end

data/app/app_delegate.rb

@@ -0,0 +1,71 @@
+class AppDelegate
+  attr_reader :animation, :asset
+  def application(application, didFinishLaunchingWithOptions:launchOptions)
+    @window = UIWindow.alloc.initWithFrame(UIScreen.mainScreen.bounds)
+
+    @window.makeKeyAndVisible
+
+    Walt.animate(
+      assets: [{
+        id: :blue,
+        url: "http://upload.wikimedia.org/wikipedia/commons/3/30/Googlelogo.png",
+        size: [300,100]
+      }, {
+        id: :red,
+        text: "Hello World",
+        text_color: "white",
+        position: [20, 50]
+      }],
+      animations:[{
+        duration: 3,
+        operations:[{
+          fade: :red,
+          from: 0.0,
+          to: 1.0
+        }, {
+          scale: :blue,
+          from: 1.0,
+          to: 2.0
+        }, {
+          move: :blue,
+          to: 100
+        }, {
+          fade: :blue,
+          from: 0.0,
+          to: 0.5
+        }],
+        after: {
+          duration: 2,
+          operations:[{
+            rotate: :blue,
+            to: 40
+          },{
+            scale: :blue,
+            to: 1.0
+          }, {
+            move: :blue,
+            to: 50
+          }, {
+            fade: :blue,
+            from: 0.5,
+            to: 1.0
+          }],
+          after: {
+            duration: 2,
+            operations: [{
+              rotate: :blue,
+              to: 0
+            },{
+              move: :blue,
+              axis: :y,
+              to: 150
+            }]
+          }
+        }
+      }],
+      in: @window
+    )
+
+    true
+  end
+end

data/examples/Apple/.gitignore

@@ -0,0 +1,13 @@
+.repl_history
+build
+tags
+resources/*.nib
+resources/*.momd
+resources/*.storyboardc
+.DS_Store
+nbproject
+.redcar
+#*#
+*~
+*.sw[po]
+.eprj

data/examples/Apple/Rakefile

@@ -0,0 +1,14 @@
+# -*- coding: utf-8 -*-
+$:.unshift("/Library/RubyMotion/lib")
+require 'motion/project'
+$:.unshift("../../lib")
+require '../../lib/walt'
+
+Motion::Project::App.setup do |app|
+  # Use `rake config' to see complete project settings.
+  app.name = 'Apple'
+
+  app.pods do
+    pod "AFNetworking"
+  end
+end

data/examples/Apple/app/app_delegate.rb

@@ -0,0 +1,99 @@
+class AppDelegate
+  def application(application, didFinishLaunchingWithOptions:launchOptions)
+    @window = UIWindow.alloc.initWithFrame(UIScreen.mainScreen.bounds)
+    @window.backgroundColor = UIColor.whiteColor
+    @window.makeKeyAndVisible
+
+    Walt.animate(
+      assets: [{
+        id: "google",
+        position: [105, 0],
+        size: [110, 40],
+        url: "http://bit.ly/S98Ta5"
+      }, {
+        id: "apple",
+        position: [110, UIScreen.mainScreen.bounds.size.height],
+        size: [90, 80],
+        url: "http://i.imgur.com/2ibBO.png"
+      }, {
+        id: "think",
+        text: "Think Different",
+        position: [100, 130]
+      }],
+      animations: [{
+        duration: 0,
+        operations: [{
+          fade: "think",
+          to: 0
+        }]
+      }, {
+        duration: 2,
+        operations: [{
+          move: "google",
+          to: 150,
+          axis: :y
+        }],
+        after: {
+          duration: 0.5,
+          operations: [{
+            rotate: "google",
+            to: -90
+          }],
+          after: {
+            delay: 1.25,
+            duration: 0.5,
+            operations: [{
+              fade: "google",
+              from: 1.0,
+              to: 0.0
+            }]
+          }
+        }
+      }, {
+        duration: 2,
+        operations: [{
+          move: "apple",
+          to: 220,
+          axis: :y
+        }],
+        after: {
+          duration: 0.5,
+          operations: [{
+            rotate: "apple",
+            to: -90
+          }, {
+            scale: "apple",
+            to: 1.2
+          }],
+          after: {
+            delay: 1,
+            duration: 1.5,
+            operations: [{
+              move: "apple",
+              to: 40,
+              axis: :y
+            }],
+            after: {
+              delay: 1,
+              duration: 0.5,
+              operations: [{
+                rotate: "apple",
+                to: 0
+              }],
+              after: {
+                duration: 1,
+                operations: [{
+                  fade: "think",
+                  to: 1.0
+                }]
+              }
+            }
+          }
+        }
+      }],
+      in: @window
+    )
+
+    true
+  end
+end