# AGGeometryKit-POP

**Repository Path**: cwwei_admin/AGGeometryKit-POP

## Basic Information

- **Project Name**: AGGeometryKit-POP
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-09-01
- **Last Updated**: 2024-08-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

![AGGeometryKit](/logo.png?raw=true "AGGeometryKit") 

Bridging [AGGeometryKit](https://github.com/hfossli/AGGeometryKit) with [POP](https://github.com/facebook/pop) for amazing dynamics and animations.

See [this interesting video](https://vimeo.com/93206523) about animation principles by Cento Lodigiani. If you like what you see and want to mimic step #1 and #5 - then this kit is here to help you.


![Demo video](/drag-around.gif)


### Installation

New-school: Use the cocoa pod named `AGGeometryKit+POP`.   
Old-school: Grab the files found in `Source`.




## Demo

[![Demo video](/video-aggeometrykit-pop.png)](https://vimeo.com/95383807)   
[See the video on vimeo ](https://vimeo.com/95383807)


## Technology

It does not rely on snapshotting view hierarchy at all. Whenever you update the property `quadrilateral` (defined in [AGGeometryKit](https://github.com/hfossli/AGGeometryKit)) on the `CALayer` you are actually just applying a new `CATransform3D`. This can be done on any view whether it is an interactive UIWebView or just a plain UIImageView. This is totally cost-free! :)


## Interface

Animate each corner independently using these new POPAnimatableProperty's.

```objc
extern NSString * const kPOPLayerAGKQuadTopLeft;
extern NSString * const kPOPLayerAGKQuadTopLeftX;
extern NSString * const kPOPLayerAGKQuadTopLeftY;

extern NSString * const kPOPLayerAGKQuadTopRight;
extern NSString * const kPOPLayerAGKQuadTopRightX;
extern NSString * const kPOPLayerAGKQuadTopRightY;

extern NSString * const kPOPLayerAGKQuadBottomLeft;
extern NSString * const kPOPLayerAGKQuadBottomLeftX;
extern NSString * const kPOPLayerAGKQuadBottomLeftY;

extern NSString * const kPOPLayerAGKQuadBottomRight;
extern NSString * const kPOPLayerAGKQuadBottomRightX;
extern NSString * const kPOPLayerAGKQuadBottomRightY;

@interface POPAnimatableProperty (AGK_POP)

+ (instancetype)AGKPropertyWithName:(NSString *)aName;

@end
```

## Keywords

Convex quadrilateral, simple quadrilateral, tangential, kite, rhombus, square, trapezium, trapezoid, parallelogram, bicentric, cyclic, POP, facebook, animation, dynamics, simulation


## Debugging

Please see the [Debugging](https://github.com/hfossli/AGGeometryKit/blob/master/README.md#debugging-quadrilaterals) section over at the [AGGeometryKit](https://github.com/hfossli/AGGeometryKit) repo.


## Contact

You can reach me on twitter as [@hfossli](https://twitter.com/hfossli). 


## Who's behind this?

Agens.no a company situated in Oslo, Norway, with some help from some very clever stackoverflow.com guys.

[<img src="http://static.agens.no/images/agens_logo_w_slogan_avenir_medium.png" width="340" />](http://agens.no/)