Shin Yamamoto
November 15, 2018
1.4k

# Fluid Interfacesの実践

Fluid Interfacesの実践として、Projection手法の理解を深めていきます。

## Shin Yamamoto

November 15, 2018

## Transcript

2. ### SCENEEʢγʔχʔ) Shin Yamamoto • ʮγʔχʔʯ͸ɺϩγΞޠͰʮ੨͍ʯ(синий)ͱ͍͏ҙຯ • ϑϦʔϥϯε • NetﬂixͰւ֎υϥϚʹϋϚ͍ͬͯΔ •

SUITS(Original) • Full House

8. ### FloatingPanel • Apple Maps, StocksͷΑ͏ͳΠϯλʔϑΣΠεΛ؆୯ʹ௥Ճ Ͱ͖Δ • 10/17 v0.9.0 release

-> v1.2.0 (ۙ೔ϦϦʔε!) • 1.4k • Mentions • iOS Dev Weekly - Issue 375 • iOS Goodies — Week 254 https://github.com/SCENEE/FloatingPanel

10. ### Fluid Interfacesͷॏཁͳٕज़ • Fast and instant response • Dynamic Behavior

• Gestures in parallel
11. ### Fluid Interfacesͷॏཁͳٕज़ • Fast and instant response • Dynamic Behavior

• Gestures in parallel

21. ### p′ = p0 + ∫ t 0 v(t) dt v(t)

= v0 dt d : Deceleration rate(ݮ଎཰: 0.998) p : Coordinate(ϏϡʔͷҐஔ) v0 : ॳ଎౓ ͨͩ͠ɺ t[msec] ≥ 1
22. ### p′ = p0 + ∫ t 0 v(t) dt v(t)

= v0 dt d : Deceleration rate(ݮ଎཰: 0.998) p : Coordinate(ϏϡʔͷҐஔ) v0 : ॳ଎౓ ͨͩ͠ɺ t[msec] ≥ 1
23. ### p′ = p0 + ⟮v0 d t ∑ k=1 dk−1⟯

v(t) = v0 dt d : Deceleration rate(ݮ଎཰: 0.998) p : Coordinate(ϏϡʔͷҐஔ) v0 : ॳ଎౓ ͨͩ͠ɺ t[msec] ≥ 1
24. ### p′ = p0 + ⟮v0 d t ∑ k=1 dk−1⟯

p′ = p0 + v0 d 1 1 − d ∞ ∑ k=0 ark = a 1 − r when |r| < 1.

28. ### ProjectionΛ׆༻͢Δ • Pan Gesture velocity: pt / seconds • ScrollView

velocity: pt / milliseconds milliseconds

30. ### ͦͷଞػձ͕͋Ε͹ • Dynamic Spring Animation/ Rubber bandingͷ࣮૷ํ๏ • Seamless ScrollingͷͨΊͷTips

• Fluid InterfacesͷͨΊͷδΣενϟʔϋϯυϦϯά • Fluid Interfaces࣮ݱʹ޲͚ͯɺσβΠφʔͱΤϯδχΞ͕ؾ Λ͚ͭΔ΂͖ઃܭͷϙΠϯτ ͳͲͳͲ