Physics & The User...
Transcript of Physics & The User...
![Page 1: Physics & The User Interfacerubbercitywizards.com/stuff/files/2014-01-codemash-dynamics-slides.pdf[UIView animateWithDuration:3 delay:0 options:Curve... animations:^{ // transform](https://reader034.fdocuments.us/reader034/viewer/2022051812/6030258338276814414d5dfe/html5/thumbnails/1.jpg)
Jonathan Penn CodeMash 2014
for iOSPhysics & The User Interface
F=ma
![Page 2: Physics & The User Interfacerubbercitywizards.com/stuff/files/2014-01-codemash-dynamics-slides.pdf[UIView animateWithDuration:3 delay:0 options:Curve... animations:^{ // transform](https://reader034.fdocuments.us/reader034/viewer/2022051812/6030258338276814414d5dfe/html5/thumbnails/2.jpg)
@jonathanpenn
![Page 3: Physics & The User Interfacerubbercitywizards.com/stuff/files/2014-01-codemash-dynamics-slides.pdf[UIView animateWithDuration:3 delay:0 options:Curve... animations:^{ // transform](https://reader034.fdocuments.us/reader034/viewer/2022051812/6030258338276814414d5dfe/html5/thumbnails/3.jpg)
Goals1. Dynamic Animations
2. UIKit Dynamics Vocabulary
3. Demos & Comedy
![Page 4: Physics & The User Interfacerubbercitywizards.com/stuff/files/2014-01-codemash-dynamics-slides.pdf[UIView animateWithDuration:3 delay:0 options:Curve... animations:^{ // transform](https://reader034.fdocuments.us/reader034/viewer/2022051812/6030258338276814414d5dfe/html5/thumbnails/4.jpg)
Slides ‘n Sample Code
rubbercitywizards.com/stuff
![Page 5: Physics & The User Interfacerubbercitywizards.com/stuff/files/2014-01-codemash-dynamics-slides.pdf[UIView animateWithDuration:3 delay:0 options:Curve... animations:^{ // transform](https://reader034.fdocuments.us/reader034/viewer/2022051812/6030258338276814414d5dfe/html5/thumbnails/5.jpg)
UIKIT DYNAMICS?
![Page 6: Physics & The User Interfacerubbercitywizards.com/stuff/files/2014-01-codemash-dynamics-slides.pdf[UIView animateWithDuration:3 delay:0 options:Curve... animations:^{ // transform](https://reader034.fdocuments.us/reader034/viewer/2022051812/6030258338276814414d5dfe/html5/thumbnails/6.jpg)
UIKIT
![Page 7: Physics & The User Interfacerubbercitywizards.com/stuff/files/2014-01-codemash-dynamics-slides.pdf[UIView animateWithDuration:3 delay:0 options:Curve... animations:^{ // transform](https://reader034.fdocuments.us/reader034/viewer/2022051812/6030258338276814414d5dfe/html5/thumbnails/7.jpg)
[UIView animateWithDuration:3 delay:0 options:Curve... animations:^{ // transform }];
![Page 8: Physics & The User Interfacerubbercitywizards.com/stuff/files/2014-01-codemash-dynamics-slides.pdf[UIView animateWithDuration:3 delay:0 options:Curve... animations:^{ // transform](https://reader034.fdocuments.us/reader034/viewer/2022051812/6030258338276814414d5dfe/html5/thumbnails/8.jpg)
LINEAR
EASED
BOUNCE
ANIMATION CURVESf(x)
![Page 9: Physics & The User Interfacerubbercitywizards.com/stuff/files/2014-01-codemash-dynamics-slides.pdf[UIView animateWithDuration:3 delay:0 options:Curve... animations:^{ // transform](https://reader034.fdocuments.us/reader034/viewer/2022051812/6030258338276814414d5dfe/html5/thumbnails/9.jpg)
![Page 10: Physics & The User Interfacerubbercitywizards.com/stuff/files/2014-01-codemash-dynamics-slides.pdf[UIView animateWithDuration:3 delay:0 options:Curve... animations:^{ // transform](https://reader034.fdocuments.us/reader034/viewer/2022051812/6030258338276814414d5dfe/html5/thumbnails/10.jpg)
![Page 11: Physics & The User Interfacerubbercitywizards.com/stuff/files/2014-01-codemash-dynamics-slides.pdf[UIView animateWithDuration:3 delay:0 options:Curve... animations:^{ // transform](https://reader034.fdocuments.us/reader034/viewer/2022051812/6030258338276814414d5dfe/html5/thumbnails/11.jpg)
PHYSICS ENGINE101
![Page 12: Physics & The User Interfacerubbercitywizards.com/stuff/files/2014-01-codemash-dynamics-slides.pdf[UIView animateWithDuration:3 delay:0 options:Curve... animations:^{ // transform](https://reader034.fdocuments.us/reader034/viewer/2022051812/6030258338276814414d5dfe/html5/thumbnails/12.jpg)
SIMULATIONapproximat
ev
![Page 13: Physics & The User Interfacerubbercitywizards.com/stuff/files/2014-01-codemash-dynamics-slides.pdf[UIView animateWithDuration:3 delay:0 options:Curve... animations:^{ // transform](https://reader034.fdocuments.us/reader034/viewer/2022051812/6030258338276814414d5dfe/html5/thumbnails/13.jpg)
COLLISIONT 0
T 1
T 2
T 3
![Page 14: Physics & The User Interfacerubbercitywizards.com/stuff/files/2014-01-codemash-dynamics-slides.pdf[UIView animateWithDuration:3 delay:0 options:Curve... animations:^{ // transform](https://reader034.fdocuments.us/reader034/viewer/2022051812/6030258338276814414d5dfe/html5/thumbnails/14.jpg)
WHOOPS!
Quantum Superposition!?
T 0
T 1
T 2
![Page 15: Physics & The User Interfacerubbercitywizards.com/stuff/files/2014-01-codemash-dynamics-slides.pdf[UIView animateWithDuration:3 delay:0 options:Curve... animations:^{ // transform](https://reader034.fdocuments.us/reader034/viewer/2022051812/6030258338276814414d5dfe/html5/thumbnails/15.jpg)
YET, FINE TUNED BY APPLE IN CALIFORNIA
EXPENSIVE…
![Page 16: Physics & The User Interfacerubbercitywizards.com/stuff/files/2014-01-codemash-dynamics-slides.pdf[UIView animateWithDuration:3 delay:0 options:Curve... animations:^{ // transform](https://reader034.fdocuments.us/reader034/viewer/2022051812/6030258338276814414d5dfe/html5/thumbnails/16.jpg)
![Page 17: Physics & The User Interfacerubbercitywizards.com/stuff/files/2014-01-codemash-dynamics-slides.pdf[UIView animateWithDuration:3 delay:0 options:Curve... animations:^{ // transform](https://reader034.fdocuments.us/reader034/viewer/2022051812/6030258338276814414d5dfe/html5/thumbnails/17.jpg)
Dynamic Animator
Item
Reference View
Behavior
Behavior
![Page 18: Physics & The User Interfacerubbercitywizards.com/stuff/files/2014-01-codemash-dynamics-slides.pdf[UIView animateWithDuration:3 delay:0 options:Curve... animations:^{ // transform](https://reader034.fdocuments.us/reader034/viewer/2022051812/6030258338276814414d5dfe/html5/thumbnails/18.jpg)
[ insert demo here ]
![Page 19: Physics & The User Interfacerubbercitywizards.com/stuff/files/2014-01-codemash-dynamics-slides.pdf[UIView animateWithDuration:3 delay:0 options:Curve... animations:^{ // transform](https://reader034.fdocuments.us/reader034/viewer/2022051812/6030258338276814414d5dfe/html5/thumbnails/19.jpg)
![Page 20: Physics & The User Interfacerubbercitywizards.com/stuff/files/2014-01-codemash-dynamics-slides.pdf[UIView animateWithDuration:3 delay:0 options:Curve... animations:^{ // transform](https://reader034.fdocuments.us/reader034/viewer/2022051812/6030258338276814414d5dfe/html5/thumbnails/20.jpg)
UICollectionView and UIKit Dynamics objc.io/issue-5/collection-views-and-uidynamics.html
My Samples rubbercitywizards.com/stuff
Apple's WWDC Videos developer.apple.com/wwdc/videos
Getting Started with UIKit Dynamics (#206) Advanced Techniques with UIKit Dynamics (#221) Exploring Scroll Views on iOS 7 (#217)
Apple’s UIKit Dynamics Catalog developer.apple.com/library/ios/samplecode/DynamicsCatalog/Introduction/Intro.html
![Page 21: Physics & The User Interfacerubbercitywizards.com/stuff/files/2014-01-codemash-dynamics-slides.pdf[UIView animateWithDuration:3 delay:0 options:Curve... animations:^{ // transform](https://reader034.fdocuments.us/reader034/viewer/2022051812/6030258338276814414d5dfe/html5/thumbnails/21.jpg)
![Page 22: Physics & The User Interfacerubbercitywizards.com/stuff/files/2014-01-codemash-dynamics-slides.pdf[UIView animateWithDuration:3 delay:0 options:Curve... animations:^{ // transform](https://reader034.fdocuments.us/reader034/viewer/2022051812/6030258338276814414d5dfe/html5/thumbnails/22.jpg)
![Page 23: Physics & The User Interfacerubbercitywizards.com/stuff/files/2014-01-codemash-dynamics-slides.pdf[UIView animateWithDuration:3 delay:0 options:Curve... animations:^{ // transform](https://reader034.fdocuments.us/reader034/viewer/2022051812/6030258338276814414d5dfe/html5/thumbnails/23.jpg)
@jonathanpenn
Thanks!
rubbercitywizards.com
(and please feedback)