Skip to content

Commit

Permalink
Update ReadMe
Browse files Browse the repository at this point in the history
  • Loading branch information
@nicole-terc
nicole-terc committed Jul 4, 2022
1 parent 43f7505 commit 1d73318
Showing 1 changed file with 10 additions and 15 deletions.
25 changes: 10 additions & 15 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,34 +3,30 @@
Repository used for the "Composable Sheep: A Canvas Story" & "Composable Sheep: An Animations
Journey" presentations.

Find inside several playground screens to play around with Lines, Points, Arcs, Shapes and **
SHEEP**!

## Canvas

Test out the different canvas screens inside the sheepCanvas module :)
Find inside the *sheepCanvas* module several playground screens to play around with Lines, Points, Arcs, Shapes and **SHEEP**!

### Basic Canvas

| Lines | Points | Arcs | Shapes |
|-----------------------------------------------------------------------------------------------------------------------|------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------------------------------------------------------------|----------------------------------------------------------------------------------------------------------------------|
| ![BasicsLines](https://user-images.githubusercontent.com/26582588/170138620-763aa717-3cfc-4702-87fa-7cccc35eff56.png) | ![BasicsPoints](https://user-images.githubusercontent.com/26582588/170138591-60e42b76-376e-430f-9d1c-e7c8ef687323.png) | ![BasicArc](https://user-images.githubusercontent.com/26582588/170138561-f37dc0bd-f12f-4f07-84f9-215e961b9a3d.png) | ![basicShape](https://user-images.githubusercontent.com/26582588/170138517-29284782-9816-4316-8823-de32d4938050.png) |
| Lines | Points | Arcs | Shapes |
|----------------------------------------------------------------------------------------------------------------------------------------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------|---------------------------------------------------------------------------------------------------------------------------------------------------|
| <img alt="BasicsLines" height="400" src="https://user-images.githubusercontent.com/26582588/170138620-763aa717-3cfc-4702-87fa-7cccc35eff56.png"/> | <img alt="BasicsPoints" height="400" src="https://user-images.githubusercontent.com/26582588/170138591-60e42b76-376e-430f-9d1c-e7c8ef687323.png"/> | <img alt="BasicArc" height="400" src="https://user-images.githubusercontent.com/26582588/170138561-f37dc0bd-f12f-4f07-84f9-215e961b9a3d.png"/> | <img alt="basicShape" height="400" src="https://user-images.githubusercontent.com/26582588/170138517-29284782-9816-4316-8823-de32d4938050.png"/> |

### Sheep

| Basic Sheep | Fluffy Sheep | Nice Guidelines! |
|----------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------------------------------------------------------------------------------|------------------------------------------------------------------------------------------------------------------------------------|
| ![BasicSheepScreen](https://user-images.githubusercontent.com/26582588/170140442-36c9cc8e-d086-4496-b6d6-ebd42e40ddad.png) | ![composableSheepNoGuideline](https://user-images.githubusercontent.com/26582588/170139303-099d90a7-6d40-47d7-8f07-1020b709ca88.png) | ![ComposableSheepGuideline](https://user-images.githubusercontent.com/26582588/170139339-be4bb918-ab38-4db8-ac02-15eac233c327.png) |
| Basic Sheep | Fluffy Sheep | Nice Guidelines! |
|---------------------------------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------|
| <img alt="BasicSheep" height="400" src="https://user-images.githubusercontent.com/26582588/170140442-36c9cc8e-d086-4496-b6d6-ebd42e40ddad.png"/> | <img alt="composableSheep" height="400" src="https://user-images.githubusercontent.com/26582588/170139303-099d90a7-6d40-47d7-8f07-1020b709ca88.png"/> | <img alt="ComposableSheepGuideline" height="400" src="https://user-images.githubusercontent.com/26582588/170139339-be4bb918-ab38-4db8-ac02-15eac233c327.png"/> |

#### Sheep in Action

https://user-images.githubusercontent.com/26582588/170135960-0df8f193-f6f1-4c28-a7e6-f980bd69427a.mp4

## Animations

Different Animation screens inside the sheepAnimations package, test out and build your own Animated
Composable Sheep!
Different Animation screens inside the *sheepAnimations* module, test out and build your own Animated **ComposableSheep**!

Different playground screens you'll find:
* Simple animations (color, visibility, scale & move)
* More complex versions of them (Groovy, Blinking & jump)
* Compound animation views ( All in chaos, Transitions & coroutines jumps)
Expand All @@ -52,10 +48,9 @@ How the presented sheep came to life!
| <img alt="HeadBangingJumpingAppearingFadingGroovyScalableSheepWithShadow" height="300" src="https://user-images.githubusercontent.com/26582588/177159116-bc7607f8-6f70-4d7c-8e10-21aed6112419.gif"/> | **HeadBangingJumpingAppearingFadingGroovyScalableSheepWithShadow** <br/> *States, Composables & Coroutines APIs* |
| <img alt="ChasingHeadBangingJumpingAppearingFadingGroovyScalableSheepWithShadow" height="300" src="https://user-images.githubusercontent.com/26582588/177159385-bd56c795-d0ec-4011-8da6-1b3272aee468.gif"/> | **ChasingHeadBangingJumpingAppearingFadingGroovyScalableSheepWithShadow** <br/> *States, Composables & Coroutines APIs* |


#### Gestures!

| Chasing Sheep | Dragging Sheep | Flying Sheep | Transforming Sheep |
|----------------------------------------------------------------------------------------------------------------------------------------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------|---------------------------------------------------------------------------------------------------------------------------------------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------|
| <img alt="ChasingSheep" height="300" src="https://user-images.githubusercontent.com/26582588/177159682-a85b8069-5e35-4e74-9f84-84f447717d0e.gif"/> | <img alt="DraggingSheep" height="300" src="https://user-images.githubusercontent.com/26582588/177159640-869b9f22-583f-4363-b3c6-7fa9a90ff05f.gif"/> | <img alt="FlyingSheep" height="300" src="https://user-images.githubusercontent.com/26582588/177159583-de286a7b-8732-4c8a-a420-c4f3372fd20c.gif"/> | <img alt="TransformingSheep" height="300" src="https://user-images.githubusercontent.com/26582588/177159518-e189296e-fbc7-44ed-aa1e-bf09a342abf9.gif"/> |
| <img alt="ChasingSheep" height="400" src="https://user-images.githubusercontent.com/26582588/177159682-a85b8069-5e35-4e74-9f84-84f447717d0e.gif"/> | <img alt="DraggingSheep" height="400" src="https://user-images.githubusercontent.com/26582588/177159640-869b9f22-583f-4363-b3c6-7fa9a90ff05f.gif"/> | <img alt="FlyingSheep" height="400" src="https://user-images.githubusercontent.com/26582588/177159583-de286a7b-8732-4c8a-a420-c4f3372fd20c.gif"/> | <img alt="TransformingSheep" height="400" src="https://user-images.githubusercontent.com/26582588/177159518-e189296e-fbc7-44ed-aa1e-bf09a342abf9.gif"/> |

0 comments on commit 1d73318

Please sign in to comment.