animation-studio 0.1.2 → 0.1.4

checksums.yaml

@@ -0,0 +1,7 @@
+--- 
+SHA512: 
+  metadata.gz: 0fafbf2bdde6328a36404e7c7ca59881ab250e08a24568d0de26e0eaf7a73495818abe63910373e79b5fb0878390933f3841da1ac27852b32508bcc4191732b1
+  data.tar.gz: 44f9a996e42e58214e43a5136a999ab7ea894d337f9f2248c3bcc3d0050c6ee61d6e2a90bbd3f56cd640c22cdfab0c248cd6e7878b8675472272f065880c2ea9
+SHA1: 
+  metadata.gz: 06dac712b5a4c85863837de786540c1b4a800b54
+  data.tar.gz: 7be852a08a8bec58c9edbe12eea36fecba9c9e1e

data/lib/animation-studio.rb

@@ -20,8 +20,8 @@ Compass::Frameworks.register('animation-studio', :stylesheets_directory => style
 #    a prerelease version
 #  Date is in the form of YYYY-MM-DD
 module AnimationStudio
-  VERSION = "0.1.2"
-  DATE = "2013-09-02"
+  VERSION = "0.1.4"
+  DATE = "2013-11-30"
 end
 
 # This is where any custom SassScript should be placed. The functions will be

data/stylesheets/animation-studio/_animation-sequence.scss

@@ -19,18 +19,19 @@ $animation-sequence-extend: true !default;
 
 }
 
-@mixin animation-sequence($folder, $time, $animation:$animation-sequence-name, $extend: $animation-sequence-extend) {
+@mixin animation-sequence($folder, $time, $animation:$animation-sequence-name, $options: infinite, $generate-dimensions: true, $extend: $animation-sequence-extend) {
   $png-path: $folder + "/*.png";
   $sprite-map: sprite-map($png-path);
   $sprite-path: sprite-path($sprite-map);
 
   $steps: length(sprite-names($sprite-map));
 
-  $height: image-height($sprite-path);
-  $width: image-width($sprite-path);
-
-  height: $height / $steps;
-  width: $width;
+  @if $generate-dimensions {
+    $height: image-height($sprite-path);
+    $width: image-width($sprite-path);
+    height: $height / $steps;
+    width: $width;    
+  }
 
   @if $extend {
     @extend %#{sprite-map-name($sprite-map)}-animation-sequence;
@@ -39,7 +40,7 @@ $animation-sequence-extend: true !default;
     @include animation-sequence-sprite-generator($folder, $extend);
   }
 
-  @include animation(unquote($animation) $time steps($steps) infinite);
+  @include animation(unquote($animation) $time steps($steps) $options);
 }
 
 @mixin animation-sequence-keyframes($folder, $name: $animation-sequence-name) {
@@ -59,4 +60,88 @@ $animation-sequence-extend: true !default;
       background-position: 0 $height;
     }
   }
+}
+
+@mixin animation-still($folder, $frame: 1, $generate-dimensions: true) {
+  $png-path: $folder + "/*.png";
+  $sprite-map: sprite-map($png-path);
+  $sprite-path: sprite-path($sprite-map);
+  $height: image-height($sprite-path);
+  $frames: length(sprite-names($sprite-map));
+  $frame-height: $height/$frames; 
+  $frame-position: percentage((($frame * ($frame-height)) - $frame-height + ($frame-height/$frame)) / $height);
+  
+  background: $sprite-map 0 $frame-position no-repeat;
+
+  @if $generate-dimensions {
+    $height: image-height($sprite-path);
+    $width: image-width($sprite-path);
+    height: $height / $frames;
+    width: $width;    
+  }
+}
+
+@function strip-units($number) {
+  @return $number / ($number * 0 + 1);
+}
+
+@mixin animation-sequence-span($folder, $time, $animation-sequence-span-name, $start-frame, $end-frame, $options: infinite, $generate-dimensions: true, $extend: $animation-sequence-extend) {
+  $png-path: $folder + "/*.png";
+  $sprite-map: sprite-map($png-path);
+  $sprite-path: sprite-path($sprite-map);
+  $sprite-height: image-height($sprite-path);
+  $frames: length(sprite-names($sprite-map));
+  $frame-height: $sprite-height/$frames; 
+  $start-frame-position: nth(sprite-position($sprite-map, $start-frame), 2);
+  $end-frame-position: nth(sprite-position($sprite-map, $end-frame), 2);
+
+
+  $steps: (($start-frame-position - $end-frame-position) + $frame-height) / $frame-height;
+
+  @if $generate-dimensions {
+    $width: image-width($sprite-path);
+    height: $frame-height;
+    width: $width;    
+  }
+
+  @if $extend {
+    @extend %#{sprite-map-name($sprite-map)}-animation-sequence;
+  }
+  @else {
+    @include animation-sequence-sprite-generator($folder, $extend);
+  }
+
+  @include animation(unquote($animation-sequence-span-name) $time steps($steps) $options);
+}
+
+@mixin animation-sequence-keyframes-span($folder, $name, $start-frame, $end-frame) {
+  $png-path: $folder + "/*.png";
+  $sprite-map: sprite-map($png-path);
+  $sprite-path: sprite-path($sprite-map);
+  $height: image-height($sprite-path);
+  $frames: length(sprite-names($sprite-map));
+  $frame-height: $height/$frames;   
+
+  $start-position: nth(sprite-position($sprite-map, $start-frame), 2) * -1;
+  $start-frame-index: strip-units($start-position/ $frame-height);
+  $end-position: nth(sprite-position($sprite-map, $end-frame), 2) * -1;
+  $end-frame-index: strip-units($end-position/ $frame-height);
+
+  // Find what the unit of increment is for each frame: 3 = 50%, 4 = 33%, 5 = 25% etc.
+  $frame-unit: percentage(1/($frames - 1));
+
+  // Then for the starting position, multiply that by the frame. For instance... 1 = 0%, 2 = 50%, 3 = 100%
+  $start-position: $start-frame-index * $frame-unit;
+
+  // For the ending position, add an extra frame. For instance... 2 = 100%, 3 = 150%
+  $end-position: ($end-frame-index + 1) * $frame-unit;
+
+  @include keyframes($name) {
+    0% {
+      background-position: 0 $start-position;
+    }
+    100% {
+      background-position: 0 $end-position;
+    }
+  }
 }

data/templates/project/Gemfile.txt

@@ -3,4 +3,4 @@ source 'https://rubygems.org'
 gem 'sass', '>=3.2.3'
 gem 'compass', '>=0.13.alpha.4'
 
-gem 'Animation Studio', '~>0.1.2'
+gem 'Animation Studio', '~>0.1.4'

metadata

@@ -1,12 +1,7 @@
 --- !ruby/object:Gem::Specification 
 name: animation-studio
 version: !ruby/object:Gem::Version 
-  prerelease: false
-  segments: 
-  - 0
-  - 1
-  - 2
-  version: 0.1.2
+  version: 0.1.4
 platform: ruby
 authors: 
 - Sam Richard, Rachel Nabors
@@ -14,38 +9,28 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2013-09-02 00:00:00 -04:00
-default_executable: 
+date: 2013-11-30 00:00:00 Z
 dependencies: 
 - !ruby/object:Gem::Dependency 
   type: :runtime
+  name: sass
   version_requirements: &id001 !ruby/object:Gem::Requirement 
     requirements: 
     - - ">="
       - !ruby/object:Gem::Version 
-        segments: 
-        - 3
-        - 2
-        - 3
         version: 3.2.3
-  name: sass
-  requirement: *id001
   prerelease: false
+  requirement: *id001
 - !ruby/object:Gem::Dependency 
   type: :runtime
+  name: compass
   version_requirements: &id002 !ruby/object:Gem::Requirement 
     requirements: 
     - - ">="
       - !ruby/object:Gem::Version 
-        segments: 
-        - 0
-        - 13
-        - alpha
-        - 4
         version: 0.13.alpha.4
-  name: compass
-  requirement: *id002
   prerelease: false
+  requirement: *id002
 description: A long description of this awesome compass extension
 email: 
 - sam@snug.ug, rachelnabors@gmail.com
@@ -59,9 +44,10 @@ files:
 - lib/animation-studio.rb
 - stylesheets/_animation-studio.scss
 - stylesheets/animation-studio/_animation-sequence.scss
-- templates/project/eyes/eyes_01.png
-- templates/project/eyes/eyes_02.png
-- templates/project/eyes/eyes_03.png
+- templates/project/alice/alice-frightened_1.png
+- templates/project/alice/alice-frightened_2.png
+- templates/project/alice/awake.png
+- templates/project/alice-s70adcc6818.png
 - templates/project/Gemfile.txt
 - templates/project/tuna-walk/tuna-walk_01.png
 - templates/project/tuna-walk/tuna-walk_02.png
@@ -76,10 +62,11 @@ files:
 - templates/project/tuna-walk/tuna-walk_11.png
 - templates/project/tuna-walk/tuna-walk_12.png
 - templates/project/tuna-walk-s77788462e5.png
-has_rdoc: true
 homepage: https://github.com/team-sass/animation-studio
 licenses: 
 - MIT
+metadata: {}
+
 post_install_message: 
 rdoc_options: []
 
@@ -89,24 +76,18 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements: 
   - - ">="
     - !ruby/object:Gem::Version 
-      segments: 
-      - 0
       version: "0"
 required_rubygems_version: !ruby/object:Gem::Requirement 
   requirements: 
   - - ">="
     - !ruby/object:Gem::Version 
-      segments: 
-      - 1
-      - 3
-      - 6
       version: 1.3.6
 requirements: []
 
 rubyforge_project: animation-studio
-rubygems_version: 1.3.6
+rubygems_version: 2.0.7
 signing_key: 
-specification_version: 3
+specification_version: 4
 summary: A short summary of this awesome compass extension
 test_files: []