{"action":"opened","number":2041,"pull_request":{"url":"https://api.github.com/repos/facebook/react-native/pulls/2041","id":40296316,"html_url":"https://github.com/facebook/react-native/pull/2041","diff_url":"https://github.com/facebook/react-native/pull/2041.diff","patch_url":"https://github.com/facebook/react-native/pull/2041.patch","issue_url":"https://api.github.com/repos/facebook/react-native/issues/2041","number":2041,"state":"open","locked":false,"title":"AnimatedTransformMatrix allows for complex/compound 3d animations","user":{"login":"lelandrichardson","id":1885623,"avatar_url":"https://avatars.githubusercontent.com/u/1885623?v=3","gravatar_id":"","url":"https://api.github.com/users/lelandrichardson","html_url":"https://github.com/lelandrichardson","followers_url":"https://api.github.com/users/lelandrichardson/followers","following_url":"https://api.github.com/users/lelandrichardson/following{/other_user}","gists_url":"https://api.github.com/users/lelandrichardson/gists{/gist_id}","starred_url":"https://api.github.com/users/lelandrichardson/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/lelandrichardson/subscriptions","organizations_url":"https://api.github.com/users/lelandrichardson/orgs","repos_url":"https://api.github.com/users/lelandrichardson/repos","events_url":"https://api.github.com/users/lelandrichardson/events{/privacy}","received_events_url":"https://api.github.com/users/lelandrichardson/received_events","type":"User","site_admin":false},"body":"Implemented `AnimatedTransformMatrix` following suit from `AnimatedTransform` class. Pretty straight-forward.\r\n\r\nI looked in the test suite and there wasn't really anything testing `AnimatedTransform` specifically, so I didn't add any tests for `AnimatedTransformMatrix`, but I could add some if necessary.\r\n\r\nExample usage:\r\n\r\n```js\r\nvar CoverFlow = React.createClass({\r\n\r\n    getInitialState() {\r\n        return {\r\n            x: new Animated.Value(0)\r\n        };\r\n    },\r\n\r\n    render: function () {\r\n\r\n        var { x } = this.state;\r\n\r\n        var scale = x.interpolate({\r\n            inputRange: [0, 30, 31],\r\n            outputRange: [1, 0.5, 0.5]\r\n        });\r\n\r\n        var transformMatrix = [\r\n            +1.0, +0.0, +0.0, -0.0035,\r\n            +0.0, +1.0, +0.0, +0.0,\r\n            +0.0, +0.0, +1.0, +0.0,\r\n               x, +0.0, +0.0, scale\r\n        ];\r\n\r\n        return (\r\n            <View\r\n                style={styles.container}\r\n                {...this.responder.panHandlers}\r\n                >\r\n                <Animated.Image\r\n                    style={[styles.image, { transformMatrix }]}\r\n                    source={imageSource} />\r\n            </View>\r\n        );\r\n    }\r\n});\r\n```\r\n\r\nAlso note that in the following:\r\n\r\n```js\r\n    if (style.transformMatrix) {\r\n      style = {\r\n        ...style,\r\n        transformMatrix: new AnimatedTransformMatrix(style.transformMatrix),\r\n      };\r\n    }\r\n```\r\nwe don't need to handle the scenario where both `transform` and `transformMatrix` are present, since they cannot both be specified at the same time.","created_at":"2015-07-18T18:29:36Z","updated_at":"2015-07-18T18:29:36Z","closed_at":null,"merged_at":null,"merge_commit_sha":null,"assignee":null,"milestone":null,"commits_url":"https://api.github.com/repos/facebook/react-native/pulls/2041/commits","review_comments_url":"https://api.github.com/repos/facebook/react-native/pulls/2041/comments","review_comment_url":"https://api.github.com/repos/facebook/react-native/pulls/comments{/number}","comments_url":"https://api.github.com/repos/facebook/react-native/issues/2041/comments","statuses_url":"https://api.github.com/repos/facebook/react-native/statuses/c01dac377898621c1df025a50b2733b196bbf1fa","head":{"label":"lelandrichardson:animated-transform-matrix","ref":"animated-transform-matrix","sha":"c01dac377898621c1df025a50b2733b196bbf1fa","user":{"login":"lelandrichardson","id":1885623,"avatar_url":"https://avatars.githubusercontent.com/u/1885623?v=3","gravatar_id":"","url":"https://api.github.com/users/lelandrichardson","html_url":"https://github.com/lelandrichardson","followers_url":"https://api.github.com/users/lelandrichardson/followers","following_url":"https://api.github.com/users/lelandrichardson/following{/other_user}","gists_url":"https://api.github.com/users/lelandrichardson/gists{/gist_id}","starred_url":"https://api.github.com/users/lelandrichardson/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/lelandrichardson/subscriptions","organizations_url":"https://api.github.com/users/lelandrichardson/orgs","repos_url":"https://api.github.com/users/lelandrichardson/repos","events_url":"https://api.github.com/users/lelandrichardson/events{/privacy}","received_events_url":"https://api.github.com/users/lelandrichardson/received_events","type":"User","site_admin":false},"repo":{"id":39306427,"name":"react-native","full_name":"lelandrichardson/react-native","owner":{"login":"lelandrichardson","id":1885623,"avatar_url":"https://avatars.githubusercontent.com/u/1885623?v=3","gravatar_id":"","url":"https://api.github.com/users/lelandrichardson","html_url":"https://github.com/lelandrichardson","followers_url":"https://api.github.com/users/lelandrichardson/followers","following_url":"https://api.github.com/users/lelandrichardson/following{/other_user}","gists_url":"https://api.github.com/users/lelandrichardson/gists{/gist_id}","starred_url":"https://api.github.com/users/lelandrichardson/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/lelandrichardson/subscriptions","organizations_url":"https://api.github.com/users/lelandrichardson/orgs","repos_url":"https://api.github.com/users/lelandrichardson/repos","events_url":"https://api.github.com/users/lelandrichardson/events{/privacy}","received_events_url":"https://api.github.com/users/lelandrichardson/received_events","type":"User","site_admin":false},"private":false,"html_url":"https://github.com/lelandrichardson/react-native","description":"A framework for building native apps with React.","fork":true,"url":"https://api.github.com/repos/lelandrichardson/react-native","forks_url":"https://api.github.com/repos/lelandrichardson/react-native/forks","keys_url":"https://api.github.com/repos/lelandrichardson/react-native/keys{/key_id}","collaborators_url":"https://api.github.com/repos/lelandrichardson/react-native/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/lelandrichardson/react-native/teams","hooks_url":"https://api.github.com/repos/lelandrichardson/react-native/hooks","issue_events_url":"https://api.github.com/repos/lelandrichardson/react-native/issues/events{/number}","events_url":"https://api.github.com/repos/lelandrichardson/react-native/events","assignees_url":"https://api.github.com/repos/lelandrichardson/react-native/assignees{/user}","branches_url":"https://api.github.com/repos/lelandrichardson/react-native/branches{/branch}","tags_url":"https://api.github.com/repos/lelandrichardson/react-native/tags","blobs_url":"https://api.github.com/repos/lelandrichardson/react-native/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/lelandrichardson/react-native/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/lelandrichardson/react-native/git/refs{/sha}","trees_url":"https://api.github.com/repos/lelandrichardson/react-native/git/trees{/sha}","statuses_url":"https://api.github.com/repos/lelandrichardson/react-native/statuses/{sha}","languages_url":"https://api.github.com/repos/lelandrichardson/react-native/languages","stargazers_url":"https://api.github.com/repos/lelandrichardson/react-native/stargazers","contributors_url":"https://api.github.com/repos/lelandrichardson/react-native/contributors","subscribers_url":"https://api.github.com/repos/lelandrichardson/react-native/subscribers","subscription_url":"https://api.github.com/repos/lelandrichardson/react-native/subscription","commits_url":"https://api.github.com/repos/lelandrichardson/react-native/commits{/sha}","git_commits_url":"https://api.github.com/repos/lelandrichardson/react-native/git/commits{/sha}","comments_url":"https://api.github.com/repos/lelandrichardson/react-native/comments{/number}","issue_comment_url":"https://api.github.com/repos/lelandrichardson/react-native/issues/comments{/number}","contents_url":"https://api.github.com/repos/lelandrichardson/react-native/contents/{+path}","compare_url":"https://api.github.com/repos/lelandrichardson/react-native/compare/{base}...{head}","merges_url":"https://api.github.com/repos/lelandrichardson/react-native/merges","archive_url":"https://api.github.com/repos/lelandrichardson/react-native/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/lelandrichardson/react-native/downloads","issues_url":"https://api.github.com/repos/lelandrichardson/react-native/issues{/number}","pulls_url":"https://api.github.com/repos/lelandrichardson/react-native/pulls{/number}","milestones_url":"https://api.github.com/repos/lelandrichardson/react-native/milestones{/number}","notifications_url":"https://api.github.com/repos/lelandrichardson/react-native/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/lelandrichardson/react-native/labels{/name}","releases_url":"https://api.github.com/repos/lelandrichardson/react-native/releases{/id}","created_at":"2015-07-18T17:21:32Z","updated_at":"2015-07-18T17:21:35Z","pushed_at":"2015-07-18T17:40:53Z","git_url":"git://github.com/lelandrichardson/react-native.git","ssh_url":"git@github.com:lelandrichardson/react-native.git","clone_url":"https://github.com/lelandrichardson/react-native.git","svn_url":"https://github.com/lelandrichardson/react-native","homepage":"http://facebook.github.io/react-native/","size":53649,"stargazers_count":0,"watchers_count":0,"language":"JavaScript","has_issues":false,"has_downloads":true,"has_wiki":true,"has_pages":true,"forks_count":0,"mirror_url":null,"open_issues_count":0,"forks":0,"open_issues":0,"watchers":0,"default_branch":"master"}},"base":{"label":"facebook:master","ref":"master","sha":"fc23d0c40d6b51d4aeba2792852bdda0ccf567ea","user":{"login":"facebook","id":69631,"avatar_url":"https://avatars.githubusercontent.com/u/69631?v=3","gravatar_id":"","url":"https://api.github.com/users/facebook","html_url":"https://github.com/facebook","followers_url":"https://api.github.com/users/facebook/followers","following_url":"https://api.github.com/users/facebook/following{/other_user}","gists_url":"https://api.github.com/users/facebook/gists{/gist_id}","starred_url":"https://api.github.com/users/facebook/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/facebook/subscriptions","organizations_url":"https://api.github.com/users/facebook/orgs","repos_url":"https://api.github.com/users/facebook/repos","events_url":"https://api.github.com/users/facebook/events{/privacy}","received_events_url":"https://api.github.com/users/facebook/received_events","type":"Organization","site_admin":false},"repo":{"id":29028775,"name":"react-native","full_name":"facebook/react-native","owner":{"login":"facebook","id":69631,"avatar_url":"https://avatars.githubusercontent.com/u/69631?v=3","gravatar_id":"","url":"https://api.github.com/users/facebook","html_url":"https://github.com/facebook","followers_url":"https://api.github.com/users/facebook/followers","following_url":"https://api.github.com/users/facebook/following{/other_user}","gists_url":"https://api.github.com/users/facebook/gists{/gist_id}","starred_url":"https://api.github.com/users/facebook/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/facebook/subscriptions","organizations_url":"https://api.github.com/users/facebook/orgs","repos_url":"https://api.github.com/users/facebook/repos","events_url":"https://api.github.com/users/facebook/events{/privacy}","received_events_url":"https://api.github.com/users/facebook/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/facebook/react-native","description":"A framework for building native apps with React.","fork":false,"url":"https://api.github.com/repos/facebook/react-native","forks_url":"https://api.github.com/repos/facebook/react-native/forks","keys_url":"https://api.github.com/repos/facebook/react-native/keys{/key_id}","collaborators_url":"https://api.github.com/repos/facebook/react-native/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/facebook/react-native/teams","hooks_url":"https://api.github.com/repos/facebook/react-native/hooks","issue_events_url":"https://api.github.com/repos/facebook/react-native/issues/events{/number}","events_url":"https://api.github.com/repos/facebook/react-native/events","assignees_url":"https://api.github.com/repos/facebook/react-native/assignees{/user}","branches_url":"https://api.github.com/repos/facebook/react-native/branches{/branch}","tags_url":"https://api.github.com/repos/facebook/react-native/tags","blobs_url":"https://api.github.com/repos/facebook/react-native/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/facebook/react-native/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/facebook/react-native/git/refs{/sha}","trees_url":"https://api.github.com/repos/facebook/react-native/git/trees{/sha}","statuses_url":"https://api.github.com/repos/facebook/react-native/statuses/{sha}","languages_url":"https://api.github.com/repos/facebook/react-native/languages","stargazers_url":"https://api.github.com/repos/facebook/react-native/stargazers","contributors_url":"https://api.github.com/repos/facebook/react-native/contributors","subscribers_url":"https://api.github.com/repos/facebook/react-native/subscribers","subscription_url":"https://api.github.com/repos/facebook/react-native/subscription","commits_url":"https://api.github.com/repos/facebook/react-native/commits{/sha}","git_commits_url":"https://api.github.com/repos/facebook/react-native/git/commits{/sha}","comments_url":"https://api.github.com/repos/facebook/react-native/comments{/number}","issue_comment_url":"https://api.github.com/repos/facebook/react-native/issues/comments{/number}","contents_url":"https://api.github.com/repos/facebook/react-native/contents/{+path}","compare_url":"https://api.github.com/repos/facebook/react-native/compare/{base}...{head}","merges_url":"https://api.github.com/repos/facebook/react-native/merges","archive_url":"https://api.github.com/repos/facebook/react-native/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/facebook/react-native/downloads","issues_url":"https://api.github.com/repos/facebook/react-native/issues{/number}","pulls_url":"https://api.github.com/repos/facebook/react-native/pulls{/number}","milestones_url":"https://api.github.com/repos/facebook/react-native/milestones{/number}","notifications_url":"https://api.github.com/repos/facebook/react-native/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/facebook/react-native/labels{/name}","releases_url":"https://api.github.com/repos/facebook/react-native/releases{/id}","created_at":"2015-01-09T18:10:16Z","updated_at":"2015-07-18T17:53:39Z","pushed_at":"2015-07-18T05:11:29Z","git_url":"git://github.com/facebook/react-native.git","ssh_url":"git@github.com:facebook/react-native.git","clone_url":"https://github.com/facebook/react-native.git","svn_url":"https://github.com/facebook/react-native","homepage":"http://facebook.github.io/react-native/","size":53649,"stargazers_count":15858,"watchers_count":15858,"language":"JavaScript","has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":true,"forks_count":1994,"mirror_url":null,"open_issues_count":455,"forks":1994,"open_issues":455,"watchers":15858,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/facebook/react-native/pulls/2041"},"html":{"href":"https://github.com/facebook/react-native/pull/2041"},"issue":{"href":"https://api.github.com/repos/facebook/react-native/issues/2041"},"comments":{"href":"https://api.github.com/repos/facebook/react-native/issues/2041/comments"},"review_comments":{"href":"https://api.github.com/repos/facebook/react-native/pulls/2041/comments"},"review_comment":{"href":"https://api.github.com/repos/facebook/react-native/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/facebook/react-native/pulls/2041/commits"},"statuses":{"href":"https://api.github.com/repos/facebook/react-native/statuses/c01dac377898621c1df025a50b2733b196bbf1fa"}},"merged":false,"mergeable":null,"mergeable_state":"unknown","merged_by":null,"comments":0,"review_comments":0,"commits":1,"additions":51,"deletions":0,"changed_files":1}}